2005 lines
75 KiB
JavaScript
Executable file
2005 lines
75 KiB
JavaScript
Executable file
var theInterval = null;
|
|
var defaults = {
|
|
conversion: {inputdir: './'},
|
|
logRefreshing: [false,10000],
|
|
update: {lastchecked: false}
|
|
};
|
|
|
|
function showTab(tabName,streamName) {
|
|
settings.currentpage = tabName.replace(' ','_');
|
|
|
|
ignoreHashChange = true;
|
|
location.hash = location.hash.split('&')[0]+'&'+tabName+(streamName ? '@'+streamName : '');
|
|
|
|
|
|
|
|
$('#menu .button').removeClass('current').filter(function(i){
|
|
return $(this).text().toLowerCase() == tabName;
|
|
}).addClass('current').parents('.expandbutton').addClass('active');
|
|
|
|
$('#page').html('');
|
|
$('#tooltip').remove();
|
|
clearInterval(theInterval);
|
|
$('#menu').css('visibility', 'visible');
|
|
|
|
switch(tabName) {
|
|
case 'login':
|
|
$('#menu').css('visibility', 'hidden');
|
|
$('#page').html(
|
|
$('<div>').addClass('description').html(
|
|
'Please provide your account details.<br>You were asked to set these when MistController was started for the first time. If you did not yet set any account details, log in with your desired credentials to create a new account.'
|
|
)
|
|
).append(
|
|
$('<div>').addClass('input_container').html(
|
|
$('<label>').attr('for','server').text('Host:').append(
|
|
$('<input>').attr('id','server').attr('type','text').addClass('isSetting').addClass('validate-required').attr('placeholder','http://' + (location.host == '' ? 'localhost:4242' : location.host) + '/api')
|
|
)
|
|
).append(
|
|
$('<label>').attr('for','credentials-username').text('Username:').append(
|
|
$('<input>').attr('id','credentials-username').attr('type','text').addClass('isSetting').addClass('validate-required')
|
|
)
|
|
).append(
|
|
$('<label>').attr('for','credentials-password').text('Password:').append(
|
|
$('<input>').attr('id','credentials-password').attr('type','password').addClass('isSetting').addClass('validate-required')
|
|
)
|
|
).append(
|
|
$('<button>').text('Login').addClass('enter-to-submit').click(function(){
|
|
if ($('#server').val() == '') {
|
|
$('#server').val($('#server').attr('placeholder'));
|
|
}
|
|
if (($('#server').val() != '') && ($('#server').val().substring(0,3) != 'htt')) {
|
|
$('#server').val('http://'+$('#server').val());
|
|
}
|
|
|
|
if (applyInput() === false) { return; }
|
|
|
|
ignoreHashChange = true;
|
|
location.hash = settings.credentials.username+'@'+settings.server;
|
|
$('#user_and_host').text(settings.credentials.username+' @ '+settings.server);
|
|
|
|
saveAndReload('overview');
|
|
})
|
|
)
|
|
);
|
|
|
|
// retrieve address hash from URL
|
|
var adr = location.hash.replace('#', '').split('&')[0].split('@');
|
|
if(adr.length == 2) {
|
|
$('#server').val(adr[1]);
|
|
$('#credentials-username').val(adr[0]);
|
|
}
|
|
|
|
//new here? message
|
|
if ((!localStorageSupported) || (!localStorage['MistServer_notnew'])) {
|
|
var $msg = $('<div>').addClass('ih-balloon').addClass('pageinfo').html(
|
|
'<p>New here?<br>Click the Integrated Help logo for more information about the current page.</p>'
|
|
);
|
|
if (localStorageSupported()) {
|
|
$msg.append(
|
|
$('<a>').text('Don\'t show this again.').click(function(){
|
|
localStorage['MistServer_notnew'] = 1;
|
|
$(this).closest('.ih-balloon').remove();
|
|
})
|
|
);
|
|
}
|
|
$('#page').prepend($msg);
|
|
}
|
|
|
|
|
|
break;
|
|
case 'create new account':
|
|
$('#menu').css('visibility', 'hidden');
|
|
$('#page').html(
|
|
$('<p>').text('Create a new account')
|
|
).append(
|
|
$('<div>').addClass('description').text(
|
|
'The server reports that an account has not yet been created. Please enter your desired account details.'
|
|
)
|
|
).append(
|
|
$('<div>').addClass('input_container').html(
|
|
$('<label>').text('Username:').attr('for','credentials-new_username').append(
|
|
$('<input>').attr('type','text').attr('id','credentials-new_username').val(settings.credentials.username).addClass('isSetting').addClass('validate-required')
|
|
)
|
|
).append(
|
|
$('<label>').text('Password:').attr('for','credentials-new_password').append(
|
|
$('<input>').attr('type','password').attr('id','credentials-new_password').val(settings.credentials.password).addClass('isSetting').addClass('validate-required').bind('input',function(){
|
|
if ($(this).val() != $('#repeat_password').val()) {
|
|
$('#input-validation-info').text('The fields "Password" and "Repeat password" do not match.')
|
|
}
|
|
else {
|
|
$('#input-validation-info').text('')
|
|
}
|
|
})
|
|
)
|
|
).append(
|
|
$('<label>').text('Repeat password:').attr('for','repeat_password').append(
|
|
$('<input>').attr('type','password').attr('id','repeat_password').addClass('validate-required').bind('input',function(){
|
|
if ($(this).val() != $('#credentials-new_password').val()) {
|
|
$('#input-validation-info').text('The fields "Password" and "Repeat password" do not match.')
|
|
}
|
|
else {
|
|
$('#input-validation-info').text('')
|
|
}
|
|
})
|
|
).append(
|
|
$('<div>').attr('id','input-validation-info').addClass('red').text(
|
|
'The fields "Password" and "Repeat password" do not match.'
|
|
)
|
|
)
|
|
).append(
|
|
$('<button>').text('Create new account').addClass('enter-to-submit').click(function(){
|
|
if ($('#repeat_password').val() != $('#credentials-new_password').val()) {
|
|
$('#input-validation-info').text('The fields "Password" and "Repeat password" do not match.');
|
|
return;
|
|
}
|
|
if (applyInput() === false) { return; }
|
|
|
|
settings.credentials.username = settings.credentials.new_username;
|
|
settings.credentials.password = settings.credentials.new_password;
|
|
location.hash = settings.credentials.username+'@'+settings.server;
|
|
$('#user_and_host').text(settings.credentials.username+' @ '+settings.server);
|
|
|
|
saveAndReload('overview');
|
|
})
|
|
).append(
|
|
$('<button>').text('Cancel').addClass('escape-to-cancel').click(function(){
|
|
showTab('login');
|
|
})
|
|
)
|
|
);
|
|
break;
|
|
case 'overview':
|
|
$('#page').html(
|
|
$('<div>').addClass('description').html('An overview of MistServer statistics. General settings can be modified here.')
|
|
).append(
|
|
$('<div>').addClass('input_container').html(
|
|
$('<label>').attr('for','settings-config-name').text('Human readable name:').append(
|
|
$('<input>').attr('id','settings-config-name').addClass('isSetting').attr('type','text')
|
|
)
|
|
).append(
|
|
$('<label>').text('Version:').append(
|
|
$('<span>').attr('id','settings-config-version').addClass('isSetting')
|
|
)
|
|
).append(
|
|
$('<label>').text('Version check:').addClass('LTS-only').append(
|
|
$('<span>').attr('id','version-check')
|
|
)
|
|
/* the basepath value is not used atm
|
|
).append(
|
|
$('<label>').attr('for','settings-config-basePath').text('Base path:').append(
|
|
$('<input>').attr('id','settings-config-basePath').addClass('isSetting').attr('type','text')
|
|
) */
|
|
).append(
|
|
$('<label>').text('Debug level:').append(
|
|
$('<select>').attr('id','settings-config-debug').addClass('isSetting').append(
|
|
$('<option>').val('').text('Default')
|
|
).append(
|
|
$('<option>').val(0).text('0 - All debugging messages disabled')
|
|
).append(
|
|
$('<option>').val(1).text('1 - Messages about failed operations')
|
|
).append(
|
|
$('<option>').val(2).text('2 - Previous level, and error messages')
|
|
).append(
|
|
$('<option>').val(3).text('3 - Previous level, and warning messages')
|
|
).append(
|
|
$('<option>').val(4).text('4 - Previous level, and status messages for development')
|
|
).append(
|
|
$('<option>').val(5).text('5 - Previous level, and more status messages for development')
|
|
).append(
|
|
$('<option>').val(6).text('6 - Previous level, and verbose debugging messages')
|
|
).append(
|
|
$('<option>').val(7).text('7 - Previous level, and very verbose debugging messages')
|
|
).append(
|
|
$('<option>').val(8).text('8 - Report everything in extreme detail')
|
|
).append(
|
|
$('<option>').val(9).text('9 - Report everything in insane detail')
|
|
).append(
|
|
$('<option>').val(10).text('10 - All messages enabled')
|
|
)
|
|
)
|
|
).append(
|
|
$('<label>').text('Server time:').append(
|
|
$('<span>').attr('id','settings-config-time')
|
|
)
|
|
).append(
|
|
$('<label>').text('Current streams:').append(
|
|
$('<span>').attr('id', 'cur_streams_online').text('Retrieving data..')
|
|
)
|
|
).append(
|
|
$('<label>').text('Current viewers:').append(
|
|
$('<span>').attr('id', 'cur_num_viewers').text('Retrieving data..')
|
|
)
|
|
).append(
|
|
$('<div>').addClass('description').html('Tick the box below to force an immediate settings save. This differs from a regular save to memory and file save on exit by saving directly to file while operating. This may slow server processes for a short period of time.')
|
|
).append(
|
|
$('<label>').attr('for','force-json-save').text('Force JSON file save:').append(
|
|
$('<input>').attr('id','force-json-save').attr('type','checkbox')
|
|
)
|
|
).append(
|
|
$('<button>').text('Save').addClass('enter-to-submit').click(function(){
|
|
if (applyInput() === false) { return; }
|
|
if ($('#force-json-save').is(':checked')) {
|
|
if(confirmDelete('Are you sure you want to force a JSON save?')) {
|
|
if (applyInput() === false) { return; }
|
|
var sendData = $.extend({},settings.settings);
|
|
delete sendData.logs;
|
|
delete sendData.statistics;
|
|
delete sendData.capabilities;
|
|
$('body').append(
|
|
$('<div>').attr('id', 'shield').text('Loading, please wait..')
|
|
);
|
|
getData(function(returnedData){
|
|
settings.settings = returnedData;
|
|
getData(function(returnedData){
|
|
showTab('overview');
|
|
$('#shield').remove();
|
|
},{'save': true});
|
|
|
|
},sendData);
|
|
}
|
|
}
|
|
else {
|
|
saveAndReload('overview');
|
|
}
|
|
})
|
|
)
|
|
);
|
|
if (settings.settings.config.host) {
|
|
$('.input_container').first().prepend(
|
|
$('<label>').attr('for','settings-config-host').text('Host:').append(
|
|
$('<span>').attr('id','settings-config-host').addClass('isSetting').attr('type','text')
|
|
)
|
|
);
|
|
}
|
|
|
|
enterSettings();
|
|
$('#settings-config-time').text(formatDateLong(settings.settings.config.time));
|
|
|
|
if (settings.settings.LTS) {
|
|
if ((!settings.settings.update) || (!defaults.update.lastchecked) || ((new Date()).getTime() - defaults.update.lastchecked > 3600000)) {
|
|
getData(function(data){
|
|
settings.settings.update = data.update;
|
|
defaults.update.lastchecked = (new Date()).getTime();
|
|
|
|
if (settings.settings.update.uptodate) {
|
|
$('#version-check').addClass('green').text('Your version is up to date.')
|
|
}
|
|
else {
|
|
$('#version-check').addClass('red').text('Version outdated!').append(
|
|
$('<button>').text('Update').click(function(){
|
|
settings.settings.autoupdate = true;
|
|
saveAndReload('overview');
|
|
})
|
|
)
|
|
}
|
|
},{checkupdate: true});
|
|
}
|
|
else {
|
|
if (settings.settings.update.uptodate) {
|
|
$('#version-check').text('Your version is up to date.').addClass('green')
|
|
}
|
|
else {
|
|
$('#version-check').addClass('red').text('Version outdated!').append(
|
|
$('<button>').text('Update').click(function(){
|
|
settings.settings.autoupdate = true;
|
|
saveAndReload('overview');
|
|
})
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
theInterval = setInterval(function(){
|
|
updateOverview();
|
|
},10000);
|
|
updateOverview();
|
|
|
|
if (!settings.settings.config.capabilities) { saveAndReload(); }
|
|
break;
|
|
case 'protocols':
|
|
var $tbody = $('<tbody>').attr('id','protocols-tbody');
|
|
|
|
$('#page').html(
|
|
$('<div>').addClass('description').html(
|
|
'This is an overview of the protocols that have been configured on MistServer.'
|
|
)
|
|
).append(
|
|
$('<table>').html(
|
|
$('<thead>').html(
|
|
$('<tr>').html(
|
|
$('<th>').text('Protocol')
|
|
).append(
|
|
$('<th>').text('Status')
|
|
).append(
|
|
$('<th>').text('Settings')
|
|
).append(
|
|
$('<th>')
|
|
)
|
|
)
|
|
).append(
|
|
$tbody
|
|
)
|
|
).append(
|
|
$('<button>').text('New').click(function(){
|
|
showTab('edit protocol','_new_');
|
|
})
|
|
);
|
|
|
|
for (var index in settings.settings.config.protocols) {
|
|
theProtocol = settings.settings.config.protocols[index];
|
|
$tbody.append(
|
|
$('<tr>').data('protocol',index).html(
|
|
$('<td>').text(theProtocol.connector)
|
|
).append(
|
|
$('<td>').attr('id','status-of-'+index).html(formatStatus(theProtocol))
|
|
).append(
|
|
$('<td>').text(displayProtocolSettings(theProtocol))
|
|
).append(
|
|
$('<td>').html(
|
|
$('<button>').text('Edit').click(function(){
|
|
showTab('edit protocol',$(this).parent().parent().data('protocol'))
|
|
})
|
|
).append(
|
|
$('<button>').text('Delete').click(function(){
|
|
var protocolID = $(this).parent().parent().data('protocol');
|
|
if (confirmDelete('Are you sure you want to delete the protocol "'+settings.settings.config.protocols[protocolID].connector+'"?')) {
|
|
settings.settings.config.protocols.splice(protocolID,1);
|
|
saveAndReload('protocols');
|
|
}
|
|
})
|
|
)
|
|
)
|
|
);
|
|
}
|
|
|
|
theInterval = setInterval(function(){
|
|
updateProtocols();
|
|
},10000);
|
|
updateProtocols();
|
|
break;
|
|
case 'edit protocol':
|
|
var objpath;
|
|
if (streamName == '_new_') {
|
|
$('#page').html(
|
|
$('<p>').text('Adding a new protocol')
|
|
);
|
|
objpath = 'newProtocol';
|
|
}
|
|
else {
|
|
$('#page').html(
|
|
$('<p>').text('Editing protocol "'+settings.settings.config.protocols[streamName].connector+'"')
|
|
);
|
|
objpath = 'settings.config.protocols['+streamName+']';
|
|
}
|
|
currentConnectors = [];
|
|
for (var index in settings.settings.config.protocols) {
|
|
currentConnectors.push(settings.settings.config.protocols[index].connector.replace('.exe',''));
|
|
}
|
|
|
|
var $selectProtocol = $('<select>').attr('id','protocol-connector').attr('objpath',objpath+'.connector').addClass('isSetting').change(function(){
|
|
buildProtocolFields($(this).val(),objpath,streamName);
|
|
});
|
|
|
|
$('#page').append(
|
|
$('<div>').addClass('input_container').html(
|
|
$('<label>').text('Protocol:').attr('for','protocol-connector').append(
|
|
$selectProtocol
|
|
)
|
|
).append(
|
|
$('<div>').addClass('description').attr('id','protocol-description')
|
|
).append(
|
|
$('<div>').attr('id','protocol-fields')
|
|
).append(
|
|
$('<button>').addClass('enter-to-submit').text('Save').click(function(){
|
|
if (streamName == '_new_') {
|
|
settings.newProtocol = {};
|
|
if (applyInput() === false) { return; }
|
|
if (!settings.settings.config.protocols) { settings.settings.config.protocols = []; }
|
|
settings.settings.config.protocols.push(settings.newProtocol);
|
|
delete settings.newProtocol;
|
|
}
|
|
else {
|
|
if (applyInput() === false) { return; }
|
|
}
|
|
saveAndReload('protocols');
|
|
})
|
|
).append(
|
|
$('<button>').text('Cancel').addClass('escape-to-cancel').click(function(){
|
|
showTab('protocols');
|
|
})
|
|
)
|
|
);
|
|
|
|
for (var index in settings.settings.capabilities.connectors) {
|
|
$selectProtocol.append(
|
|
$('<option>').val(index).text(index)
|
|
);
|
|
}
|
|
|
|
if (streamName != '_new_') {
|
|
enterSettings();
|
|
}
|
|
buildProtocolFields($selectProtocol.val(),objpath,streamName);
|
|
|
|
|
|
break;
|
|
case 'streams':
|
|
var $tbody = $('<tbody>').attr('id','streams-tbody');
|
|
|
|
$('#page').html(
|
|
$('<div>').addClass('description').html(
|
|
'This is an overview of the streams that have been configured on MistServer.<br>You can sort them by clicking the colomn headers that have symbols and filter them using the checkboxes.<br><br>'
|
|
)
|
|
).append(
|
|
$('<div>').html(
|
|
$('<input>').attr('type','checkbox').attr('id','stream-filter-recorded').attr('checked','checked')
|
|
).append(
|
|
$('<label>').text('Show pre-recorded streams ').attr('for','stream-filter-recorded').css('display','inline')
|
|
).append(
|
|
$('<input>').attr('type','checkbox').attr('id','stream-filter-live').attr('checked','checked')
|
|
).append(
|
|
$('<label>').text('Show live streams').attr('for','stream-filter-live').css('display','inline')
|
|
)
|
|
).append(
|
|
$('<table>').addClass('sortable').html(
|
|
$('<thead>').html(
|
|
$('<tr>').html(
|
|
$('<th>').addClass('sort-type-string sortdesc').text('Name')
|
|
).append(
|
|
$('<th>').addClass('sort-type-string').text('Type')
|
|
).append(
|
|
$('<th>').addClass('sort-type-int').addClass('align-right').text('Viewers')
|
|
).append(
|
|
$('<th>').addClass('sort-type-string').text('Status')
|
|
).append(
|
|
$('<th>').addClass('dontsort')
|
|
).append(
|
|
$('<th>').addClass('dontsort')
|
|
)
|
|
)
|
|
).append(
|
|
$tbody
|
|
)
|
|
).append(
|
|
$('<button>').text('New').click(function(){
|
|
showTab('edit stream','_new_');
|
|
})
|
|
);
|
|
$('.sortable').stupidtable();
|
|
|
|
for (var index in settings.settings.streams) {
|
|
var theStream = settings.settings.streams[index];
|
|
|
|
//backwards compatibility
|
|
if ((theStream.source == undefined) && (theStream.channel)) {
|
|
theStream.source = theStream.channel.URL;
|
|
}
|
|
|
|
$tbody.append(
|
|
$('<tr>').data('stream',index).html(
|
|
$('<td>').text(index)
|
|
).append(
|
|
$('<td>').addClass('isLive').text(isLive(theStream.source) ? 'Live' : 'Recorded')
|
|
).append(
|
|
$('<td>').attr('id','viewers-of-'+index).text(0).addClass('align-right')
|
|
).append(
|
|
$('<td>').attr('id','status-of-'+index).html(formatStatus(theStream))
|
|
).append(
|
|
$('<td>').html(
|
|
$('<button>').text('Preview').click(function(){
|
|
showTab('preview',$(this).parent().parent().data('stream'))
|
|
})
|
|
).append(
|
|
$('<button>').text('Info').click(function(){
|
|
showTab('streaminfo',$(this).parent().parent().data('stream'))
|
|
})
|
|
)
|
|
).append(
|
|
$('<td>').html(
|
|
$('<button>').text('Edit').click(function(){
|
|
showTab('edit stream',$(this).parent().parent().data('stream'))
|
|
})
|
|
).append(
|
|
$('<button>').text('Delete').click(function(){
|
|
var streamName = $(this).parent().parent().data('stream');
|
|
if (confirmDelete('Are you sure you want to delete the stream "'+streamName+'"?')) {
|
|
delete settings.settings.streams[streamName];
|
|
saveAndReload('streams');
|
|
}
|
|
})
|
|
)
|
|
)
|
|
);
|
|
}
|
|
|
|
theInterval = setInterval(function(){
|
|
updateStreams();
|
|
},10000);
|
|
updateStreams();
|
|
|
|
$('#stream-filter-recorded,#stream-filter-live').click(function(){
|
|
filterTable();
|
|
});
|
|
break;
|
|
case 'edit stream':
|
|
if (streamName == '_new_') {
|
|
$('#page').html(
|
|
$('<p>').text('Adding a new stream')
|
|
);
|
|
}
|
|
else {
|
|
$('#page').html(
|
|
$('<p>').text('Editing stream "'+streamName+'"')
|
|
);
|
|
}
|
|
$('#page').append(
|
|
$('<div>').addClass('input_container').html(
|
|
$('<label>').text('Stream name:').attr('for','settings-streams-'+streamName+'-name').append(
|
|
$('<input>').attr('type','text').attr('id','settings-streams-'+streamName+'-name').addClass('isSetting').addClass('validate-lowercase-alphanumeric_-firstcharNaN').addClass('validate-required')
|
|
)
|
|
).append(
|
|
$('<label>').text('Source:').attr('for','settings-streams-'+streamName+'-source').attr('title','The path to the stream, usually "/path/to/filename.dtsc" for files or "push://hostname/streamname" for live streams.').append(
|
|
$('<input>').attr('type','text').attr('id','settings-streams-'+streamName+'-source').addClass('isSetting').addClass('validate-required').keyup(function(){
|
|
$('#input-validation-info').remove();
|
|
if (($(this).val().substring(0,7) != 'push://') && ($(this).val().substring(0,1) != '/')) {
|
|
$(this).parent().append(
|
|
$('<div>').attr('id','input-validation-info').html(
|
|
'The stream source should start with "push://" or "/".'
|
|
).addClass('orange')
|
|
);
|
|
}
|
|
|
|
if(isLive($(this).val())){
|
|
$('.live-only').show();
|
|
}
|
|
else{
|
|
$('.live-only').hide();
|
|
$('.live-only').children('label').children('input').val('');
|
|
}
|
|
})
|
|
)
|
|
).append(
|
|
$('<label>').text('Buffer time:').addClass('live-only').attr('for','settings-streams-'+streamName+'-DVR').append(
|
|
$('<span>').addClass('unit').text('[ms]')
|
|
).append(
|
|
$('<input>').attr('type','text').attr('id','settings-streams-'+streamName+'-DVR').attr('placeholder','30000').addClass('isSetting').addClass('').addClass('validate-positive-integer')
|
|
)
|
|
).append(
|
|
$('<label>').text('Record to:').addClass('live-only').addClass('LTS-only').attr('for','settings-streams-'+streamName+'-record').attr('title','The path to the file to record to. Leave this field blank if you do not wish to record to file.').append(
|
|
$('<span>').addClass('unit').text('[.dtsc]')
|
|
).append(
|
|
$('<input>').attr('type','text').attr('id','settings-streams-'+streamName+'-record').addClass('isSetting')
|
|
)
|
|
).append(
|
|
$('<label>').text('Cut first section:').addClass('live-only').addClass('LTS-only').attr('for','settings-streams-'+streamName+'-cut').attr('title','Remove the first part of a stream.').append(
|
|
$('<span>').addClass('unit').text('[ms]')
|
|
).append(
|
|
$('<input>').attr('type','text').attr('id','settings-streams-'+streamName+'-cut').addClass('isSetting').addClass('validate-positive-integer')
|
|
)
|
|
).append(
|
|
$('<br>')
|
|
).append(
|
|
$('<span>').addClass('LTS-only').html(
|
|
$('<p>').text('Encrypt this stream')
|
|
).append(
|
|
$('<div>').addClass('description').text(
|
|
'To enable encryption, the Licence Acquisition URL must be entered, as well as either the content key or the key ID and seed.'
|
|
)
|
|
).append(
|
|
$('<label>').text('Licence Acquisition URL:').attr('for','settings-streams-'+streamName+'-la_url').append(
|
|
$('<input>').attr('type','text').attr('id','settings-streams-'+streamName+'-la_url').addClass('isSetting')
|
|
)
|
|
).append(
|
|
$('<br>')
|
|
).append(
|
|
$('<label>').text('Content key:').attr('for','settings-streams-'+streamName+'-contentkey').append(
|
|
$('<input>').attr('type','text').attr('id','settings-streams-'+streamName+'-contentkey').addClass('isSetting')
|
|
)
|
|
).append(
|
|
$('<span>').text('- or -').addClass('description')
|
|
).append(
|
|
$('<label>').text('Key ID:').attr('for','settings-treams-'+streamName+'-keyid').append(
|
|
$('<input>').attr('type','text').attr('id','settings-streams-'+streamName+'-keyid').addClass('isSetting')
|
|
)
|
|
).append(
|
|
$('<label>').text('Key seed:').attr('for','settings-streams-'+streamName+'-keyseed').append(
|
|
$('<input>').attr('type','text').attr('id','settings-streams-'+streamName+'-keyseed').addClass('isSetting')
|
|
)
|
|
)
|
|
).append(
|
|
$('<button>').addClass('enter-to-submit').text('Save').click(function(){
|
|
var newName = $('#settings-streams-'+streamName+'-name').val();
|
|
if (streamName != newName) {
|
|
if (!settings.settings.streams) { settings.settings.streams = {}; }
|
|
settings.settings.streams[streamName] = {};
|
|
if (applyInput() === false) { return; }
|
|
settings.settings.streams[newName] = settings.settings.streams[streamName];
|
|
delete settings.settings.streams[streamName];
|
|
}
|
|
else {
|
|
var filename = $('#settings-streams-'+streamName+'-record').val()
|
|
if (filename != '') {
|
|
filename = filename.split('.');
|
|
if (filename[filename.length-1] != 'dtsc') {
|
|
filename.push('dtsc');
|
|
}
|
|
$('#settings-streams-'+streamName+'-record').val(filename.join('.'));
|
|
}
|
|
if (applyInput() === false) { return; }
|
|
}
|
|
saveAndReload('streams');
|
|
})
|
|
).append(
|
|
$('<button>').text('Cancel').addClass('escape-to-cancel').click(function(){
|
|
showTab('streams');
|
|
})
|
|
)
|
|
);
|
|
|
|
if (streamName != '_new_') {
|
|
enterSettings();
|
|
}
|
|
|
|
if(isLive($('#settings-streams-'+streamName+'-source').val())){
|
|
$('.live-only').show();
|
|
}
|
|
else{
|
|
$('.live-only').hide();
|
|
$('.live-only').children('label').children('input').val('');
|
|
}
|
|
$('.live-only').each(function(){
|
|
var newtitle = [$(this).attr('title'),'Only applies to live streams.']
|
|
$(this).attr('title',newtitle.join(' '));
|
|
})
|
|
|
|
break;
|
|
case 'streaminfo':
|
|
getData(function(returnedData){
|
|
settings.settings.streams = returnedData.streams;
|
|
var meta = settings.settings.streams[streamName].meta;
|
|
if (!meta) {
|
|
$('#page').html('No info available for stream "'+streamName+'".');
|
|
}
|
|
else {
|
|
$meta = $('<table>').css('width','auto');
|
|
if (meta.live) {
|
|
$meta.html(
|
|
$('<tr>').html(
|
|
$('<td>').text('Type:')
|
|
).append(
|
|
$('<td>').text('Live')
|
|
)
|
|
);
|
|
if (meta.buffer_window) {
|
|
$meta.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Buffer window:')
|
|
).append(
|
|
$('<td>').text(meta.buffer_window+' ms')
|
|
)
|
|
);
|
|
}
|
|
}
|
|
else {
|
|
$meta.html(
|
|
$('<tr>').html(
|
|
$('<td>').text('Type:')
|
|
).append(
|
|
$('<td>').text('Pre-recorded (VoD)')
|
|
)
|
|
);
|
|
}
|
|
for (var index in meta.tracks) {
|
|
var track = meta.tracks[index];
|
|
if (track.type == '') { continue; }
|
|
var $table = $('<table>').html(
|
|
$('<tr>').html(
|
|
$('<td>').text('Type:')
|
|
).append(
|
|
$('<td>').text(capFirstChar(track.type))
|
|
)
|
|
).append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Codec:')
|
|
).append(
|
|
$('<td>').text(track.codec)
|
|
)
|
|
).append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Duration:')
|
|
).append(
|
|
$('<td>').html(
|
|
formatDuration(track.lastms-track.firstms)+'<br>(from '+formatDuration(track.firstms)+' to '+formatDuration(track.lastms)+')'
|
|
)
|
|
)
|
|
).append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Average bitrate:')
|
|
).append(
|
|
$('<td>').text(Math.round(track.bps/1024)+' KiB/s')
|
|
)
|
|
);
|
|
|
|
if (track.height) {
|
|
$table.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Size:')
|
|
).append(
|
|
$('<td>').text(track.width+'x'+track.height+' px')
|
|
)
|
|
);
|
|
}
|
|
if (track.fpks) {
|
|
$table.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Framerate:')
|
|
).append(
|
|
$('<td>').text(track.fpks/1000+' fps')
|
|
)
|
|
);
|
|
}
|
|
if (track.channels) {
|
|
$table.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Channels:')
|
|
).append(
|
|
$('<td>').text(track.channels)
|
|
)
|
|
);
|
|
}
|
|
if (track.rate) {
|
|
$table.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Samplerate:')
|
|
).append(
|
|
$('<td>').text(seperateThousands(track.rate,' ')+' Hz')
|
|
)
|
|
);
|
|
}
|
|
|
|
$meta.append(
|
|
$('<tr>').html(
|
|
$('<td>').text(capFirstChar(index)+':')
|
|
).append(
|
|
$('<td>').html(
|
|
$table
|
|
)
|
|
)
|
|
);
|
|
}
|
|
|
|
$('#page').html(
|
|
$('<p>').text('Detailed information about stream "'+streamName+'"')
|
|
).append(
|
|
$('<div>').css({'width':'100%','display':'table','table-layout':'fixed','min-height':'300px'}).html(
|
|
$('<div>').css('display','table-row').html(
|
|
$('<div>').attr('id','info-stream-meta').css({'display':'table-cell','max-width':'50%','overflow':'auto'}).html(
|
|
$meta
|
|
)
|
|
).append(
|
|
$('<div>').attr('id','info-stream-statistics').css({'display':'table-cell','text-align':'center','min-height':'200px'})
|
|
)
|
|
)
|
|
);
|
|
}
|
|
$('#page').append(
|
|
$('<button>').text('Back').addClass('escape-to-cancel').click(function(){
|
|
showTab('streams');
|
|
})
|
|
);
|
|
},{},0,true);
|
|
break;
|
|
case 'preview':
|
|
var httpConnector = false;
|
|
for (var index in settings.settings.config.protocols) {
|
|
if ((settings.settings.config.protocols[index].connector == 'HTTP') || (settings.settings.config.protocols[index].connector == 'HTTP.exe')) {
|
|
httpConnector = settings.settings.config.protocols[index];
|
|
}
|
|
}
|
|
if (httpConnector) {
|
|
$('#page').html(
|
|
$('<div>').addClass('table').html(
|
|
$('<div>').addClass('row').html(
|
|
$('<div>').addClass('cell').attr('id','liststreams').addClass('menu')
|
|
).append(
|
|
$('<div>').addClass('cell').attr('id','subpage').css('padding-left','1em')
|
|
)
|
|
)
|
|
);
|
|
var embedbase = 'http://'+parseURL(settings.server).host+':'+(httpConnector.port ? httpConnector.port : 8080)+'/';
|
|
|
|
for (var s in settings.settings.streams) {
|
|
if (!streamName) {
|
|
streamName = s;
|
|
}
|
|
$('#liststreams').append(
|
|
$('<div>').addClass('button').text(settings.settings.streams[s].name).click(function(){
|
|
buildstreamembed($(this).text(),embedbase);
|
|
})
|
|
);
|
|
}
|
|
|
|
buildstreamembed(streamName,embedbase);
|
|
}
|
|
else {
|
|
$('#page').html(
|
|
$('<div>').addClass('description').addClass('red').text('Could not find a HTTP connector. Please add one on the "Protocols" page.')
|
|
);
|
|
}
|
|
break;
|
|
case 'limits':
|
|
var $tbody = $('<tbody>');
|
|
$('#page').html(
|
|
$('<div>').addClass('LTS-only').html(
|
|
$('<div>').addClass('description').text('This is an overview of the limits that have been configured on MistServer.')
|
|
).append(
|
|
$('<table>').html(
|
|
$('<thead>').html(
|
|
$('<tr>').html(
|
|
$('<th>').text('Applies to')
|
|
).append(
|
|
$('<th>').text('Type')
|
|
).append(
|
|
$('<th>').text('Name')
|
|
).append(
|
|
$('<th>').text('Value')
|
|
).append(
|
|
$('<th>')
|
|
)
|
|
)
|
|
).append(
|
|
$tbody
|
|
)
|
|
).append(
|
|
$('<button>').text('New').click(function(){
|
|
showTab('edit limit','_new_');
|
|
})
|
|
)
|
|
);
|
|
|
|
for (var index in settings.settings.config.limits) {
|
|
$tbody.append(
|
|
$('<tr>').data('limit',['server',index]).html(
|
|
$('<td>').text('The whole server')
|
|
).append(
|
|
$('<td>').text(settings.settings.config.limits[index].type)
|
|
).append(
|
|
$('<td>').text(limitShortToLong(settings.settings.config.limits[index].name))
|
|
).append(
|
|
$('<td>').html(limitValueFormat(settings.settings.config.limits[index]))
|
|
).append(
|
|
$('<td>').html(
|
|
$('<button>').text('Edit').click(function(){
|
|
showTab('edit limit',$(this).parent().parent().data('limit'));
|
|
})
|
|
).append(
|
|
$('<button>').text('Delete').click(function(){
|
|
if (confirmDelete('Are you sure you want to delete the limit "Server: '+limitShortToLong(settings.settings.config.limits[index].name)+'"')) {
|
|
var which = $(this).parent().parent().data('limit')
|
|
delete settings.settings.config.limits[which[1]];
|
|
saveAndReload('limits');
|
|
}
|
|
})
|
|
)
|
|
)
|
|
);
|
|
}
|
|
for (var stream in settings.settings.streams) {
|
|
for (var index in settings.settings.streams[stream].limits) {
|
|
$tbody.append(
|
|
$('<tr>').data('limit',['stream-'+stream,index]).html(
|
|
$('<td>').text('The stream "'+stream+'"')
|
|
).append(
|
|
$('<td>').text(settings.settings.streams[stream].limits[index].type)
|
|
).append(
|
|
$('<td>').text(limitShortToLong(settings.settings.streams[stream].limits[index].name))
|
|
).append(
|
|
$('<td>').html(limitValueFormat(settings.settings.streams[stream].limits[index]))
|
|
).append(
|
|
$('<td>').html(
|
|
$('<button>').text('Edit').click(function(){
|
|
showTab('edit limit',$(this).parent().parent().data('limit'));
|
|
})
|
|
).append(
|
|
$('<button>').text('Delete').click(function(){
|
|
var which = $(this).parent().parent().data('limit');
|
|
var stream = which[0].replace('stream-','');
|
|
if (confirmDelete('Are you sure you want to delete the limit "Stream "'+stream+'": '+limitShortToLong(settings.settings.streams[stream].limits[which[1]].name)+'"')) {
|
|
delete settings.settings.streams[stream].limits[which[1]];
|
|
saveAndReload('limits');
|
|
}
|
|
})
|
|
)
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
break;
|
|
case 'edit limit':
|
|
var objpath;
|
|
if (streamName == '_new_') {
|
|
$('#page').html(
|
|
$('<p>').text('Adding a new limit')
|
|
)
|
|
objpath = 'settings.newlimit[0]';
|
|
}
|
|
else {
|
|
if (streamName[0] == 'server') {
|
|
objpath = 'settings.config.limits';
|
|
$('#page').html(
|
|
$('<p>').html('Editing server limit "').append(
|
|
$('<span>').attr('id','limit-name-tag')
|
|
).append('"')
|
|
)
|
|
}
|
|
else {
|
|
objpath = 'settings.streams.'+streamName[0].replace('stream-','')+'.limits';
|
|
$('#page').html(
|
|
$('<p>').html('Editing stream "'+streamName[0].replace('stream-','')+'" limit "').append(
|
|
$('<span>').attr('id','limit-name-tag')
|
|
).append('"')
|
|
);
|
|
}
|
|
objpath += '['+streamName[1]+']';
|
|
}
|
|
var $appliesto = $('<select>').attr('id','limit-applies-to').html(
|
|
$('<option>').val('server').text('The whole server')
|
|
);
|
|
|
|
$('#page').append(
|
|
$('<div>').addClass('input_container').html(
|
|
$('<label>').text('Applies to:').attr('for','limit-applies-to').append(
|
|
$appliesto
|
|
)
|
|
).append(
|
|
$('<label>').text('Type:').attr('for','limit-type').append(
|
|
$('<select>').attr('id','limit-type').attr('objpath',objpath+'.type').addClass('isSetting').html(
|
|
$('<option>').val('soft').text('Soft')
|
|
).append(
|
|
$('<option>').val('hard').text('Hard')
|
|
)
|
|
)
|
|
).append(
|
|
$('<div>').addClass('description').text(
|
|
'The server will not allow a hard limit to be passed. A soft limit can be used to set alerts.'
|
|
)
|
|
).append(
|
|
$('<label>').text('Name:').attr('for','limit-name').append(
|
|
$('<select>').attr('id','limit-name').attr('objpath',objpath+'.name').addClass('isSetting').html(
|
|
$('<option>').val('kbps_max').text(limitShortToLong('kbps_max'))
|
|
).append(
|
|
$('<option>').val('users').text(limitShortToLong('users'))
|
|
).append(
|
|
$('<option>').val('geo').text(limitShortToLong('geo'))
|
|
).append(
|
|
$('<option>').val('host').text(limitShortToLong('host'))
|
|
).change(function(){
|
|
changeLimitName();
|
|
})
|
|
)
|
|
).append(
|
|
$('<label>').text('Value:').attr('id','limit-value-label').attr('for','limit-value').append(
|
|
$('<span>').addClass('unit').text('[bytes/s]')
|
|
).append(
|
|
$('<input>').attr('type','text').attr('id','limit-value').attr('objpath',objpath+'.value').addClass('validate-required').addClass('isSetting')
|
|
)
|
|
).append(
|
|
$('<div>').attr('id','detailed-settings').css('overflow','hidden')
|
|
).append(
|
|
$('<button>').text('Save').addClass('enter-to-submit').click(function(){
|
|
if (streamName == '_new_') {
|
|
settings.settings.newlimit = [{}];
|
|
}
|
|
if (applyInput() === false) { return; }
|
|
|
|
moveLimit($('#limit-applies-to').val(),streamName,objpath);
|
|
|
|
saveAndReload('limits');
|
|
})
|
|
).append(
|
|
$('<button>').text('Cancel').addClass('escape-to-cancel').click(function(){
|
|
showTab('limits');
|
|
})
|
|
)
|
|
);
|
|
|
|
enterSettings();
|
|
$("#limit-name-tag").text(limitShortToLong($('#limit-name').val()));
|
|
changeLimitName($('#limit-value').val());
|
|
|
|
for (var index in settings.settings.streams) {
|
|
$appliesto.append(
|
|
$('<option>').val('stream-'+index).text('The stream "'+index+'"')
|
|
);
|
|
}
|
|
if (streamName != '_new_') {
|
|
if (streamName[0] == 'config') {
|
|
$appliesto.val('_server_');
|
|
}
|
|
else {
|
|
$appliesto.val('stream-'+streamName[1]);
|
|
}
|
|
}
|
|
|
|
break;
|
|
case 'conversion':
|
|
$('#page').html(
|
|
$('<p>').text('Current conversions:')
|
|
);
|
|
|
|
if (settings.settings.conversion.status) {
|
|
var $tbody = $('<tbody>');
|
|
$('#page').append(
|
|
$('<table>').html(
|
|
$('<thead>').html(
|
|
$('<tr>').html(
|
|
$('<th>').text('Start time')
|
|
).append(
|
|
$('<th>').text('Message')
|
|
).append(
|
|
$('<th>').text('Details')
|
|
)
|
|
)
|
|
).append($tbody)
|
|
);
|
|
for (var index in settings.settings.conversion.status) {
|
|
var $details = $('<table>');
|
|
if (settings.settings.conversion.status[index].details) {
|
|
$details.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Input file:')
|
|
).append(
|
|
$('<td>').text(settings.settings.conversion.status[index].details.input)
|
|
)
|
|
).append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Output file:')
|
|
).append(
|
|
$('<td>').text(settings.settings.conversion.status[index].details.output)
|
|
)
|
|
).append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Encoder:')
|
|
).append(
|
|
$('<td>').text(settings.settings.conversion.status[index].details.encoder)
|
|
)
|
|
);
|
|
if (settings.settings.conversion.status[index].details.video) {
|
|
$details.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Video included').attr('colspan',2)
|
|
)
|
|
);
|
|
for (var s in settings.settings.conversion.status[index].details.video) {
|
|
$details.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Video '+s+':')
|
|
).append(
|
|
$('<td>').text(settings.settings.conversion.status[index].details.video[s])
|
|
)
|
|
)
|
|
}
|
|
}
|
|
if (settings.settings.conversion.status[index].details.audio) {
|
|
$details.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Audio included').attr('colspan',2)
|
|
)
|
|
);
|
|
for (var s in settings.settings.conversion.status[index].details.audio) {
|
|
$details.append(
|
|
$('<tr>').html(
|
|
$('<td>').text('Audio '+s+':')
|
|
).append(
|
|
$('<td>').text(settings.settings.conversion.status[index].details.audio[s])
|
|
)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
$tbody.append(
|
|
$('<tr>').html(
|
|
$('<td>').text(formatDateLong(Number(index.replace('c_',''))/1000))
|
|
).append(
|
|
$('<td>').html(formatConversionStatus(settings.settings.conversion.status[index])).attr('id','conversion-status-of-'+index)
|
|
).append(
|
|
$('<td>').html($details)
|
|
)
|
|
)
|
|
}
|
|
}
|
|
else {
|
|
$('#page').append(
|
|
$('<span>').text('None.')
|
|
);
|
|
}
|
|
|
|
$('#page').append(
|
|
$('<button>').text('New').click(function(){
|
|
showTab('new conversion');
|
|
})
|
|
).append(
|
|
$('<button>').text('Clear list').click(function(){
|
|
if (confirmDelete('Are you sure you want to clear the conversion list?')) {
|
|
settings.settings.conversion.clear = true;
|
|
saveAndReload('conversion');
|
|
}
|
|
})
|
|
);
|
|
|
|
if (settings.settings.conversion.status) {
|
|
theInterval = setInterval(function(){
|
|
updateConversions();
|
|
},10000);
|
|
updateConversions();
|
|
}
|
|
break;
|
|
case 'new conversion':
|
|
$('#page').html(
|
|
$('<p>').text('New conversion')
|
|
).append(
|
|
$('<div>').addClass('input_container').html(
|
|
$('<div>').addClass('description').text('This page can be used to add a new conversion instruction.')
|
|
).append(
|
|
$('<div>').addClass('description').text('First, specify the directory that contains the file you wish to convert. Then click the "Search for input files"-button to scan it for files.')
|
|
).append(
|
|
$('<label>').text('Directory:').attr('for','conversion-query').append(
|
|
$('<input>').attr('type','text').attr('id','conversion-query').val(defaults.conversion.inputdir).attr('placeholder','/path/to/directory')
|
|
)
|
|
).append(
|
|
$('<button>').text('Search for input files').addClass('enter-to-submit').click(function(){
|
|
conversionDirQuery($('#conversion-query').val(),objpath);
|
|
})
|
|
).append(
|
|
$('<span>').attr('id','query-status').addClass('description').css('display','inline-block').css('margin-top','12px')
|
|
)
|
|
).append(
|
|
$('<div>').attr('id','conversion-input-file').addClass('input_container')
|
|
).append(
|
|
$('<div>').attr('id','conversion-details').addClass('input_container')
|
|
);
|
|
|
|
break;
|
|
case 'logs':
|
|
$('#page').append(
|
|
$('<span>').html(
|
|
$('<input>').attr('type','checkbox').attr('id','logs-refresh').click(function(){
|
|
if ($(this).is(':checked')) {
|
|
defaults.logRefreshing[0] = true;
|
|
theInterval = setInterval(function(){
|
|
getData(function(data){
|
|
settings.settings.log = data.log;
|
|
$('#logs-table').remove();
|
|
$('#page').append(buildLogsTable());
|
|
});
|
|
},$('#logs-refresh-every').val());
|
|
getData(function(data){
|
|
settings.settings.log = data.log;
|
|
$('#logs-table').remove();
|
|
$('#page').append(buildLogsTable());
|
|
});
|
|
}
|
|
else {
|
|
defaults.logRefreshing[0] = false;
|
|
clearInterval(theInterval);
|
|
}
|
|
})
|
|
).append(
|
|
$('<span>').text(' Refresh logs every ')
|
|
).append(
|
|
$('<select>').attr('id','logs-refresh-every').append(
|
|
$('<option>').val(10000).text('10 seconds')
|
|
).append(
|
|
$('<option>').val(30000).text('30 seconds')
|
|
).append(
|
|
$('<option>').val(60000).text('minute')
|
|
).append(
|
|
$('<option>').val(300000).text('5 minutes')
|
|
).append(
|
|
$('<option>').val(600000).text('10 minutes')
|
|
).append(
|
|
$('<option>').val(1800000).text('30 minutes')
|
|
).change(function(){
|
|
defaults.logRefreshing[1] = $(this).val();
|
|
if ($('#logs-refresh').is(':checked')) {
|
|
clearInterval(theInterval);
|
|
theInterval = setInterval(function(){
|
|
getData(function(data){
|
|
settings.settings.log = data.log;
|
|
$('#logs-table').remove();
|
|
$('#page').append(buildLogsTable());
|
|
});
|
|
},$(this).val());
|
|
}
|
|
else {
|
|
clearInterval(theInterval);
|
|
}
|
|
})
|
|
)
|
|
).append(
|
|
$('<button>').text('Purge logs').click(function(){
|
|
settings.settings.clearstatlogs = true;
|
|
saveAndReload('logs');
|
|
})
|
|
).append(
|
|
buildLogsTable()
|
|
);
|
|
|
|
getData(function(data){
|
|
settings.settings.log = data.log;
|
|
$('#logs-table').remove();
|
|
$('#page').append(buildLogsTable());
|
|
});
|
|
|
|
//load values for the check- and selectbox and start the interval if applicable
|
|
if (defaults.logRefreshing[0]) {
|
|
$('#logs-refresh').attr('checked','checked');
|
|
theInterval = setInterval(function(){
|
|
getData(function(data){
|
|
settings.settings.log = data.log;
|
|
$('#logs-table').remove();
|
|
$('#page').append(buildLogsTable());
|
|
});
|
|
},defaults.logRefreshing[1]);
|
|
}
|
|
$('#logs-refresh-every').val(defaults.logRefreshing[1]);
|
|
break;
|
|
case 'statistics':
|
|
var graphs = {};
|
|
var plot;
|
|
$('#page').html(
|
|
$('<div>').addClass('description').text('Here, you can select all kinds of data, and view them in a graph.')
|
|
).append(
|
|
$('<div>').addClass('input_container').html(
|
|
$('<p>').text('Select the data to display')
|
|
).append(
|
|
$('<label>').text('Add to graph:').append(
|
|
$('<select>').attr('id','graphid').html(
|
|
$('<option>').text('New graph').val('new')
|
|
).change(function(){
|
|
if ($(this).val() == 'new') {
|
|
$('#graphtype').removeAttr('disabled');
|
|
}
|
|
else {
|
|
$('#graphtype').attr('disabled','disabled');
|
|
//set to correct type
|
|
}
|
|
})
|
|
)
|
|
).append(
|
|
$('<label>').text('Graph x-axis type:').append(
|
|
$('<select>').attr('id','graphtype').html(
|
|
$('<option>').text('Time line').val('time')
|
|
).append(
|
|
$('<option>').text('Map').val('coords')
|
|
).change(function(){
|
|
$('#dataset option').hide();
|
|
$('#dataset option.axis_'+$(this).val()).show();
|
|
$('#dataset').val( $('#dataset option.axis_'+$(this).val()).first().val());
|
|
})
|
|
)
|
|
).append(
|
|
$('<label>').text('Select data set:').append(
|
|
$('<select>').attr('id','dataset').html(
|
|
$('<option>').text('Viewers').val('clients').addClass('axis_time')
|
|
).append(
|
|
$('<option>').text('Bandwidth (up)').val('upbps').addClass('axis_time')
|
|
).append(
|
|
$('<option>').text('Bandwidth (down)').val('downbps').addClass('axis_time')
|
|
).append(
|
|
$('<option>').text('% CPU').val('cpuload').addClass('axis_time')
|
|
).append(
|
|
$('<option>').text('Memory load').val('memload').addClass('axis_time')
|
|
).append(
|
|
$('<option>').text('Viewer location').val('coords').addClass('axis_coords')
|
|
).change(function(){
|
|
switch ($(this).val()) {
|
|
case 'clients':
|
|
case 'upbps':
|
|
case 'downbps':
|
|
$('#dataset-details .replace-dataset').text('amount of viewers')
|
|
$('#dataset-details').show();
|
|
break;
|
|
default:
|
|
$('#dataset-details').hide();
|
|
}
|
|
})
|
|
)
|
|
).append(
|
|
$('<div>').attr('id','dataset-details').addClass('checklist').css({
|
|
'padding':'0.5em 0 0 40%',
|
|
'font-size':'0.9em'
|
|
}).html('Show <span class=replace-dataset></span> for:').append(
|
|
$('<label>').text('The total').prepend(
|
|
$('<input>').attr('type','radio').attr('name','cumutype').attr('checked','checked').val('all')
|
|
)
|
|
).append(
|
|
$('<label>').text('The stream ').append(
|
|
$('<select>').addClass('stream cumuval')
|
|
).prepend(
|
|
$('<input>').attr('type','radio').attr('name','cumutype').val('stream')
|
|
)
|
|
).append(
|
|
$('<label>').text('The protocol ').append(
|
|
$('<select>').addClass('protocol cumuval')
|
|
).prepend(
|
|
$('<input>').attr('type','radio').attr('name','cumutype').val('protocol')
|
|
)
|
|
)
|
|
).append(
|
|
$('<button>').text('Add data set').click(function(){
|
|
//the graph
|
|
if ($('#graphid').val() == 'new') {
|
|
var graph = {};
|
|
graph.id = $('#graphid').val();
|
|
graph.type = $('#graphtype').val();
|
|
graph.id = 'graph_'+($('#graphcontainer .graph').length+1);
|
|
graph.datasets = [];
|
|
graphs[graph.id] = graph;
|
|
$('#graphcontainer').append(
|
|
$('<div>').attr('id',graph.id).addClass('graph-item').html(
|
|
$('<div>').addClass('legend')
|
|
).append(
|
|
$('<div>').addClass('graph')
|
|
)
|
|
);
|
|
$('#graphid').append(
|
|
$('<option>').text(graph.id)
|
|
).val(graph.id).trigger('change');
|
|
}
|
|
else {
|
|
var graph = graphs[$('#graphid').val()];
|
|
}
|
|
//the dataset itself
|
|
var d = {
|
|
display: true,
|
|
type: $('#dataset').val(),
|
|
label: '',
|
|
yaxistype: 'amount',
|
|
data: [],
|
|
lines: { show: true },
|
|
points: { show: false }
|
|
};
|
|
switch (d.type) {
|
|
case 'cpuload':
|
|
d.label = 'CPU load';
|
|
d.yaxistype = 'percentage';
|
|
break;
|
|
case 'memload':
|
|
d.label = 'Memory load';
|
|
d.yaxistype = 'percentage';
|
|
break;
|
|
case 'upbps':
|
|
case 'downbps':
|
|
case 'clients':
|
|
d.cumutype = $('#dataset-details input[name=cumutype]:checked').val();
|
|
d.yaxistype = 'bytespersec';
|
|
if (d.cumutype == 'all') {
|
|
switch (d.type) {
|
|
case 'clients':
|
|
d.label = 'Total viewers';
|
|
d.yaxistype = 'amount';
|
|
break;
|
|
case 'upbps':
|
|
d.label = 'Total bandwidth (up)';
|
|
break;
|
|
case 'downbps':
|
|
d.label = 'Total bandwidth (down)';
|
|
break;
|
|
}
|
|
}
|
|
else {
|
|
var which = $('#dataset-details.cumuval.'+d.cumutype).val();
|
|
if (d.cumutype == 'stream') {
|
|
d.stream = which;
|
|
}
|
|
else if (d.cumutype == 'protocol') {
|
|
d.protocol = which;
|
|
}
|
|
switch (d.type) {
|
|
case 'clients':
|
|
d.label = 'Viewers ('+d.stream+')';
|
|
d.yaxistype = 'amount';
|
|
break;
|
|
case 'upbps':
|
|
d.label = 'Bandwidth (up) ('+d.stream+')';
|
|
break;
|
|
case 'downbps':
|
|
d.label = 'Bandwidth (down) ('+d.stream+')';
|
|
break;
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
graph.datasets.push(d);
|
|
getPlotData();
|
|
})
|
|
)/*.append(
|
|
$('<p>').text('Switch data display type').css('clear','both')
|
|
).append(
|
|
$('<label>').text('Show data in a:').append(
|
|
$('<select>').html(
|
|
$('<option>').text('graph')
|
|
).append(
|
|
$('<option>').text('table')
|
|
)
|
|
)
|
|
)*/
|
|
).append(
|
|
$('<div>').attr('id','graphcontainer')
|
|
);
|
|
for (var i in settings.settings.streams) {
|
|
$('#dataset-details .cumuval.stream').append(
|
|
$('<option>').text(settings.settings.streams[i].name).val(i)
|
|
);
|
|
}
|
|
for (var i in settings.settings.config.protocols) {
|
|
$('#dataset-details .cumuval.protocol').append(
|
|
$('<option>').text(settings.settings.config.protocols[i].connector)
|
|
);
|
|
}
|
|
$('#graphtype').trigger('change');
|
|
|
|
var lastitem = null;
|
|
var $tooltip = $('<div>').attr('id','tooltip');
|
|
$('body').append($tooltip);
|
|
$('.graph').live('plothover',function(e,pos,item){
|
|
if (item) {
|
|
var pos;
|
|
if (item.pageX > ($(window).width() / 2)) {
|
|
pos.left = 'auto';
|
|
pos.right = $(window).width() - item.pageX + 8+'px';
|
|
}
|
|
else {
|
|
pos.left = item.pageX + 8+'px';
|
|
pos.right = 'auto';
|
|
}
|
|
if (item.pageY > ($(window).height() / 2)) {
|
|
pos.top = 'auto';
|
|
pos.bottom = $(window).height() - item.pageY + 8+'px';
|
|
}
|
|
else {
|
|
pos.top = item.pageY + 8+'px';
|
|
pos.bottom = 'auto';
|
|
}
|
|
$tooltip.css({
|
|
'left': pos.left,
|
|
'top': pos.top,
|
|
'right': pos.right,
|
|
'bottom': pos.bottom
|
|
}).html(
|
|
$('<p>').text(item.series.label).prepend(
|
|
$('<div>').css({
|
|
'background-color': item.series.color,
|
|
'width': '20px',
|
|
'height': '20px',
|
|
'display': 'inline-block',
|
|
'margin': '0 0.5em'
|
|
})
|
|
)
|
|
).append(
|
|
$('<table>').html(
|
|
$('<tr>').html(
|
|
$('<td>').text('Time:')
|
|
).append(
|
|
$('<td>').text(item.series.xaxis.tickFormatter(item.datapoint[0],item.series.xaxis))
|
|
)
|
|
).append(
|
|
$('<tr>').html(
|
|
$('<td>').text(item.series.label+':')
|
|
).append(
|
|
$('<td>').text(item.series.yaxis.tickFormatter(item.datapoint[1],item.series.yaxis))
|
|
)
|
|
)
|
|
).fadeIn();
|
|
}
|
|
else {
|
|
$('#tooltip').hide();
|
|
}
|
|
});
|
|
|
|
|
|
theInterval = setInterval(function(){
|
|
getPlotData();
|
|
},10000);
|
|
|
|
function getPlotData() {
|
|
getData(function(data){
|
|
for (var j in graphs) {
|
|
for (var i in graphs[j].datasets) {
|
|
graphs[j].datasets[i] = findDataset(graphs[j].datasets[i],data);
|
|
}
|
|
drawGraph(graphs[j]);
|
|
}
|
|
},{capabilities:true,totals:{}});
|
|
}
|
|
|
|
function findDataset(dataobj,sourcedata) {
|
|
var now = sourcedata.config.time;
|
|
switch (dataobj.type) {
|
|
case 'cpuload':
|
|
//remove any data older than 10 minutes
|
|
var removebefore = false;
|
|
for (var i in dataobj.data) {
|
|
if (dataobj.data[i][0] < (now-600)*1000) {
|
|
removebefore = Number(i)+1;
|
|
}
|
|
}
|
|
if (removebefore !== false) {
|
|
dataobj.data.splice(0,removebefore);
|
|
}
|
|
dataobj.data.push([now*1000,sourcedata.capabilities.load.one]);
|
|
break;
|
|
case 'memload':
|
|
//remove any data older than 10 minutes
|
|
var removebefore = false;
|
|
for (var i in dataobj.data) {
|
|
if (dataobj.data[i][0] < (now-600)*1000) {
|
|
removebefore = Number(i)+1;
|
|
}
|
|
}
|
|
if (removebefore !== false) {
|
|
dataobj.data.splice(0,removebefore);
|
|
}
|
|
dataobj.data.push([now*1000,sourcedata.capabilities.load.memory]);
|
|
break;
|
|
case 'upbps':
|
|
case 'downbps':
|
|
case 'clients':
|
|
//todo: depending on the stream..
|
|
if (!sourcedata.totals || !sourcedata.totals.data) {
|
|
dataobj.data.push([(now-600)*1000,0]);
|
|
dataobj.data.push([now*1000,0]);
|
|
}
|
|
else {
|
|
var fields = {};
|
|
for (var index in sourcedata.totals.fields) {
|
|
fields[sourcedata.totals.fields[index]] = index;
|
|
}
|
|
var time = sourcedata.totals.start;
|
|
dataobj.data = [];
|
|
if (time > now-590) {
|
|
//prepend data with 0
|
|
dataobj.data.push([(now-600)*1000,0]);
|
|
dataobj.data.push([time*1000-1,0]);
|
|
}
|
|
var index = 0;
|
|
dataobj.data.push([[time*1000,sourcedata.totals.data[index][fields[dataobj.type]]]]);
|
|
for (var i in sourcedata.totals.interval) {
|
|
if ((i % 2) == 1) {
|
|
//fill gaps with 0
|
|
time += sourcedata.totals.interval[i][1];
|
|
dataobj.data.push([time*1000,0]);
|
|
}
|
|
else {
|
|
for (var j = 0; j < sourcedata.totals.interval[i][0]; j++) {
|
|
time += sourcedata.totals.interval[i][1];
|
|
index++;
|
|
dataobj.data.push([time*1000,sourcedata.totals.data[index][fields[dataobj.type]]]);
|
|
}
|
|
if (i < sourcedata.totals.interval.length-1) {
|
|
dataobj.data.push([time*1000+1,0]);
|
|
}
|
|
}
|
|
}
|
|
if (now > time + 10) {
|
|
//append data with 0
|
|
dataobj.data.push([time*1000+1,0]);
|
|
dataobj.data.push([now*1000,0]);
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
|
|
|
|
return dataobj;
|
|
}
|
|
|
|
function drawGraph(graph){
|
|
var datasets = graph.datasets;
|
|
if (datasets.length < 1) {
|
|
$('#'+graph.id).children('.graph,.legend').html('');
|
|
return;
|
|
}
|
|
switch (graph.type) {
|
|
case 'coords':
|
|
//format [lat,long]
|
|
var data = [[-54.657438,-65.11675],[49.725719,-1.941553],[-34.425464,172.677617],[76.958669,68.494178],[0,0]];
|
|
//correct latitude according to the Miller cylindrical projection
|
|
for (var i in data) {
|
|
var lat = data[i][0];
|
|
var lon = data[i][1];
|
|
//to radians
|
|
lat = Math.PI * lat / 180;
|
|
var y = 1.25 * Math.log(Math.tan(0.25 * Math.PI + 0.4 * lat));
|
|
data[i] = [lon,y];
|
|
}
|
|
console.log(data);
|
|
|
|
plotsets = [{data:data}];
|
|
//make sure the plot area has the correct height/width ratio
|
|
if ($('#'+graph.id+' .graphbackground').length == 0) {
|
|
var parent = $('#'+graph.id+' .graph');
|
|
var mapheight = 2450;
|
|
var mapwidth = 3386.08;
|
|
parent.height(parent.width()*mapheight/mapwidth);
|
|
var placeholder = $('<div>').addClass('graphforeground')
|
|
parent.html(
|
|
$('<img>').attr('src','map.svg').addClass('graphbackground').width(parent.width).height(parent.height())
|
|
).append(
|
|
placeholder
|
|
);
|
|
}
|
|
else {
|
|
var placeholder = $('#'+graph.id+' .graphforeground');
|
|
}
|
|
plot = $.plot(
|
|
placeholder,
|
|
plotsets,
|
|
{
|
|
legend: {show: false},
|
|
xaxis: {
|
|
show: false,
|
|
min: -170,
|
|
max: 190
|
|
},
|
|
yaxis: {
|
|
show: false,
|
|
min: -2.248101053,
|
|
max: 2.073709536
|
|
},
|
|
series: {
|
|
lines: {show: false},
|
|
points: {show: true}
|
|
},
|
|
grid: {
|
|
hoverable: true,
|
|
margin: 0,
|
|
border: 0,
|
|
borderWidth: 0,
|
|
minBorderMargin: 0
|
|
}
|
|
}
|
|
);
|
|
break;
|
|
case 'time':
|
|
case 'default':
|
|
var yaxes = [];
|
|
var yaxesTemplates = {
|
|
percentage: {
|
|
name: 'percentage',
|
|
color: 'black',
|
|
display: false,
|
|
tickColor: 0,
|
|
tickDecimals: 0,
|
|
tickFormatter: function(val,axis){
|
|
return val.toFixed(axis.tickDecimals) + '%';
|
|
},
|
|
tickLength: 0,
|
|
min: 0
|
|
},
|
|
amount: {
|
|
name: 'amount',
|
|
color: 'black',
|
|
display: false,
|
|
tickColor: 0,
|
|
tickDecimals: 0,
|
|
tickFormatter: function(val,axis){
|
|
return seperateThousands(val.toFixed(axis.tickDecimals),' ');
|
|
},
|
|
tickLength: 0,
|
|
min: 0
|
|
},
|
|
bytespersec: {
|
|
name: 'bytespersec',
|
|
color: 'black',
|
|
display: false,
|
|
tickColor: 0,
|
|
tickDecimals: 1,
|
|
tickFormatter: function(val,axis){
|
|
var suffix = ['bytes','KiB','MiB','GiB','TiB','PiB'];
|
|
if (val == 0) {
|
|
val = val+' '+suffix[0];
|
|
}
|
|
else {
|
|
var exponent = Math.floor(Math.log(Math.abs(val)) / Math.log(1024));
|
|
if (exponent < 0) {
|
|
val = val.toFixed(axis.tickDecimals)+' '+suffix[0];
|
|
}
|
|
else {
|
|
val = Math.round(val / Math.pow(1024,exponent) * Math.pow(10,axis.tickDecimals)) / Math.pow(10,axis.tickDecimals) +' '+suffix[exponent];
|
|
}
|
|
}
|
|
return val + '/s';
|
|
},
|
|
tickLength: 0,
|
|
ticks: function(axis,a,b,c,d){
|
|
//taken from flot source code (function setupTickGeneration),
|
|
//modified to think in multiples of 1024 by Carina van der Meer for DDVTECH
|
|
|
|
// heuristic based on the model a*sqrt(x) fitted to
|
|
// some data points that seemed reasonable
|
|
var noTicks = 0.3 * Math.sqrt($('.graph').first().height());
|
|
|
|
var delta = (axis.max - axis.min) / noTicks,
|
|
exponent = Math.floor(Math.log(Math.abs(delta)) / Math.log(1024)),
|
|
correcteddelta = delta / Math.pow(1024,exponent),
|
|
dec = -Math.floor(Math.log(correcteddelta) / Math.LN10),
|
|
maxDec = axis.tickDecimals;
|
|
|
|
if (maxDec != null && dec > maxDec) {
|
|
dec = maxDec;
|
|
}
|
|
|
|
var magn = Math.pow(10, -dec),
|
|
norm = correcteddelta / magn, // norm is between 1.0 and 10.0
|
|
size;
|
|
|
|
if (norm < 1.5) {
|
|
size = 1;
|
|
} else if (norm < 3) {
|
|
size = 2;
|
|
// special case for 2.5, requires an extra decimal
|
|
if (norm > 2.25 && (maxDec == null || dec + 1 <= maxDec)) {
|
|
size = 2.5;
|
|
++dec;
|
|
}
|
|
} else if (norm < 7.5) {
|
|
size = 5;
|
|
} else {
|
|
size = 10;
|
|
}
|
|
|
|
size *= magn;
|
|
size = size * Math.pow(1024,exponent);
|
|
|
|
if (axis.minTickSize != null && size < axis.minTickSize) {
|
|
size = axis.minTickSize;
|
|
}
|
|
|
|
axis.delta = delta;
|
|
axis.tickDecimals = Math.max(0, maxDec != null ? maxDec : dec);
|
|
axis.tickSize = size;
|
|
|
|
var ticks = [],
|
|
start = axis.tickSize * Math.floor(axis.min / axis.tickSize),
|
|
i = 0,
|
|
v = Number.NaN,
|
|
prev;
|
|
|
|
do {
|
|
prev = v;
|
|
v = start + i * axis.tickSize;
|
|
ticks.push(v);
|
|
++i;
|
|
} while (v < axis.max && v != prev);
|
|
return ticks;
|
|
},
|
|
min: 0
|
|
}
|
|
};
|
|
var xaxistemplates = {
|
|
time: {
|
|
name: 'time',
|
|
mode: 'time',
|
|
timezone: 'browser',
|
|
ticks: 5
|
|
}
|
|
}
|
|
var plotsets = [];
|
|
for (var i in datasets) {
|
|
if (datasets[i].display) {
|
|
if (yaxesTemplates[datasets[i].yaxistype].display === false) {
|
|
yaxes.push(yaxesTemplates[datasets[i].yaxistype]);
|
|
yaxesTemplates[datasets[i].yaxistype].display = yaxes.length;
|
|
}
|
|
datasets[i].yaxis = yaxesTemplates[datasets[i].yaxistype].display;
|
|
datasets[i].color = Number(i);
|
|
plotsets.push(datasets[i]);
|
|
}
|
|
}
|
|
if (yaxes[0]) { yaxes[0].color = 0; }
|
|
plot = $.plot(
|
|
$('#'+graph.id+' .graph'),
|
|
plotsets,
|
|
{
|
|
legend: {show: false},
|
|
xaxis: xaxistemplates[graph.type],
|
|
yaxes: yaxes,
|
|
grid: {
|
|
hoverable: true,
|
|
borderWidth: {top: 0, right: 0, bottom: 1, left: 1},
|
|
color: 'black',
|
|
backgroundColor: {colors: ['#fff','#ededed']}
|
|
}
|
|
}
|
|
);
|
|
break;
|
|
} //end of graph type switch
|
|
$('#'+graph.id+' .legend').html(
|
|
$('<div>').addClass('legend-list').addClass('checklist')
|
|
);
|
|
var plotdata = plot.getOptions();
|
|
for (var i in datasets) {
|
|
var $checkbox = $('<input>').attr('type','checkbox').data('dataset-index',i).click(function(){
|
|
if ($(this).is(':checked')) {
|
|
datasets[$(this).data('dataset-index')].display = true;
|
|
}
|
|
else {
|
|
datasets[$(this).data('dataset-index')].display = false;
|
|
}
|
|
drawGraph($(this).parents('.graph-item'));
|
|
});
|
|
if (datasets[i].display) {
|
|
$checkbox.attr('checked','checked');
|
|
}
|
|
$('#'+graph.id+' .legend-list').append(
|
|
$('<label>').html(
|
|
$checkbox
|
|
).append(
|
|
$('<div>').addClass('series-color').css('background-color',plotdata.colors[datasets[i].color % plotdata.colors.length])
|
|
).append(
|
|
datasets[i].label
|
|
)
|
|
);
|
|
}
|
|
if (datasets.length > 0) {
|
|
$('#'+graph.id+' .legend').append(
|
|
$('<button>').text('Clear all').click(function(){
|
|
var graph = graphs[$(this).parents('.graph-item').attr('id')];
|
|
graph.datasets = [];
|
|
drawGraph(graph);
|
|
}).css({'float':'none'})
|
|
);
|
|
}
|
|
}
|
|
break;
|
|
case 'server stats':
|
|
var $cont = $('<div>').addClass('input_container');
|
|
|
|
$cont.append(
|
|
$('<p>').text('CPU')
|
|
);
|
|
for (var index in settings.settings.capabilities.cpu) {
|
|
if (settings.settings.capabilities.cpu.length > 1) {
|
|
$cont.append(
|
|
$('<span>').text('CPU '+index+1)
|
|
);
|
|
}
|
|
for (var property in settings.settings.capabilities.cpu[index]) {
|
|
$cont.append(
|
|
$('<label>').text(property.charAt(0).toUpperCase()+property.slice(1)+':').append(
|
|
$('<span>').text(seperateThousands(settings.settings.capabilities.cpu[index][property],' '))
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
if (settings.settings.capabilities.mem) {
|
|
$cont.append(
|
|
$('<p>').text('Memory')
|
|
).append(
|
|
$('<label>').text('Physical memory:').append(
|
|
$('<table>').attr('id','stats-physical-memory')
|
|
)
|
|
).append(
|
|
$('<label>').text('Swap memory:').append(
|
|
$('<table>').attr('id','stats-swap-memory')
|
|
)
|
|
);
|
|
}
|
|
|
|
if (settings.settings.capabilities.load) {
|
|
$cont.append(
|
|
$('<p>').text('CPU Load')
|
|
).append(
|
|
$('<label>').text('Loading averages:').append(
|
|
$('<table>').attr('id','stats-loading')
|
|
)
|
|
);
|
|
}
|
|
fillServerstatsTables(settings.settings);
|
|
|
|
theInterval = setInterval(function(){
|
|
updateServerstats();
|
|
},10000);
|
|
updateServerstats();
|
|
|
|
$('#page').html($cont);
|
|
break;
|
|
case 'email for help':
|
|
var config = $.extend({},settings.settings);
|
|
delete config.statistics;
|
|
config = JSON.stringify(config);
|
|
$('#page').html(
|
|
$('<div>').addClass('description').html(
|
|
'You can use this form to email MistServer support if you\'re having difficulties.<br>'
|
|
).append(
|
|
'A copy of your server config file will automatically be included.'
|
|
)
|
|
).append(
|
|
$('<div>').addClass('input_container').html(
|
|
$('<form>').html(
|
|
$('<label>').text('Your name:').append(
|
|
$('<input>').attr('type','text').attr('name','name')
|
|
)
|
|
).append(
|
|
$('<input>').attr('type','hidden').attr('name','company').val('-')
|
|
).append(
|
|
$('<label>').text('Your email address:').append(
|
|
$('<input>').attr('type','email').attr('name','email')
|
|
)
|
|
).append(
|
|
$('<input>').attr('type','hidden').attr('name','subject').val('Integrated Help')
|
|
).append(
|
|
$('<label>').text('Your message:').append(
|
|
$('<textarea>').attr('name','message').height('20em')
|
|
)
|
|
).append(
|
|
$('<label>').text('Your config file:').append(
|
|
$('<textarea>').attr('name','configfile').attr('readonly','readonly').css({'height':'20em','font-size':'0.7em'}).val(config)
|
|
)
|
|
).append(
|
|
$('<button>').text('Send').click(function(e){
|
|
var data = $(this).parents('form').serialize();
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: 'http://mistserver.org/contact_us?skin=plain',
|
|
data: data,
|
|
success: function(d) {
|
|
$('#page').html(d);
|
|
}
|
|
});
|
|
e.preventDefault();
|
|
})
|
|
)
|
|
)
|
|
);
|
|
break;
|
|
case 'disconnect':
|
|
showTab('login');
|
|
$('#connection').addClass('red').removeClass('green').text('Disconnected');
|
|
$('#user_and_host').text('');
|
|
settings.settings = {};
|
|
settings.credentials = {};
|
|
break;
|
|
default:
|
|
$('#page').html(
|
|
$('<div>').addClass('description').html('The page "'+tabName+'" was not found.')
|
|
);
|
|
break;
|
|
}
|
|
|
|
if ((settings.credentials.authstring) && (!settings.settings.LTS)) {
|
|
$('.LTS-only input').add('.LTS-only select').add('.LTS-only button').attr('disabled','disabled');
|
|
//$('.LTS-only, .LTS-only p, .LTS-only label, .LTS-only button').css('color','#b4b4b4');
|
|
$('.LTS-only, .LTS-only > *').filter(':not(.LTSstuff_done)').each(function(){
|
|
var t = [];
|
|
if ($(this).attr('title')) {
|
|
t.push($(this).attr('title'));
|
|
}
|
|
t.push('This feature is only available in the LTS version.');
|
|
$(this).attr('title',t.join(' ')).addClass('LTSstuff_done');
|
|
});
|
|
$('#page .LTS-only').prepend(
|
|
$('<a>').text('Upgrade to LTS').attr('target','_blank').attr('href','http://mistserver.org/products/MistServer LTS').addClass('fakebutton')
|
|
);
|
|
|
|
$('.linktoReleaseNotes.notedited').each(function(){
|
|
$(this).attr('href',$(this).attr('href')+'/'+settings.settings.config.version.split('-')[0]).removeClass('.notedited');
|
|
});
|
|
}
|
|
else if (settings.settings.LTS) {
|
|
$('.LTS-only').removeClass('LTS-only');
|
|
$('.linktoTnC.notLTSlink').attr('href','http://mistserver.org/wiki/MistServerLTS_license').removeClass('notLTSlink');
|
|
$('.linktoReleaseNotes.notedited').each(function(){
|
|
$(this).attr('href',$(this).attr('href')+'/'+settings.settings.config.version.split('-')[0]+'LTS').removeClass('.notedited');
|
|
});
|
|
}
|
|
|
|
if (ih) {
|
|
ihAddBalloons();
|
|
}
|
|
}
|