';
html = html.join('') + pagingHtml;
var elem = $('.latestNewsItems', page).html(html).trigger('create');
$('.btnNextPage', elem).on('click', function () {
DashboardPage.newsStartIndex += query.Limit;
DashboardPage.reloadNews(page);
});
$('.btnPreviousPage', elem).on('click', function () {
DashboardPage.newsStartIndex -= query.Limit;
DashboardPage.reloadNews(page);
});
});
},
onPageHide: function () {
$(ApiClient).off("websocketmessage", DashboardPage.onWebSocketMessage).off("websocketopen", DashboardPage.onWebSocketConnectionChange).off("websocketerror", DashboardPage.onWebSocketConnectionChange).off("websocketclose", DashboardPage.onWebSocketConnectionChange);
DashboardPage.stopInterval();
},
startInterval: function () {
if (ApiClient.isWebSocketOpen()) {
ApiClient.sendWebSocketMessage("SessionsStart", "0,1500");
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStart", "0,1500");
}
},
stopInterval: function () {
if (ApiClient.isWebSocketOpen()) {
ApiClient.sendWebSocketMessage("SessionsStop");
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStop");
}
},
onWebSocketMessage: function (e, msg) {
var page = $.mobile.activePage;
if (msg.MessageType == "Sessions") {
DashboardPage.renderInfo(page, msg.Data);
}
else if (msg.MessageType == "RestartRequired") {
DashboardPage.renderHasPendingRestart(page, true);
}
else if (msg.MessageType == "ServerShuttingDown") {
DashboardPage.renderHasPendingRestart(page, false);
}
else if (msg.MessageType == "ServerRestarting") {
DashboardPage.renderHasPendingRestart(page, false);
}
else if (msg.MessageType == "ScheduledTasksInfo") {
var tasks = msg.Data;
DashboardPage.renderRunningTasks(page, tasks);
}
},
onWebSocketConnectionChange: function () {
DashboardPage.stopInterval();
DashboardPage.startInterval();
},
pollForInfo: function (page) {
ApiClient.getSessions().done(function (sessions) {
DashboardPage.renderInfo(page, sessions);
});
},
renderInfo: function (page, sessions) {
DashboardPage.renderActiveConnections(page, sessions);
DashboardPage.renderPluginUpdateInfo(page);
Dashboard.hideLoadingMsg();
},
renderActiveConnections: function (page, sessions) {
var html = '';
var table = $('.tblConnections', page);
$('.trSession', table).addClass('deadSession');
var deviceId = ApiClient.deviceId();
for (var i = 0, length = sessions.length; i < length; i++) {
var connection = sessions[i];
var rowId = 'trSession' + connection.Id;
var elem = $('#' + rowId, page);
if (elem.length) {
DashboardPage.updateSession(elem, connection);
continue;
}
html += '
';
html += '
';
html += DashboardPage.getClientType(connection);
html += '
';
html += '
';
html += '
';
if (deviceId == connection.DeviceId) {
html += connection.DeviceName;
} else {
html += '' + connection.DeviceName + '';
}
html += '
';
html += '
' + connection.ApplicationVersion + '
';
html += '
';
html += DashboardPage.getUsersHtml(connection);
html += '
';
html += '
';
var nowPlayingItem = connection.NowPlayingItem;
html += '
';
html += '
';
html += DashboardPage.getNowPlayingImage(nowPlayingItem);
html += '
';
html += '
';
html += DashboardPage.getNowPlayingText(connection, nowPlayingItem);
html += '
';
html += '
';
html += '
';
}
table.append(html).trigger('create');
$('.deadSession', table).remove();
},
getUsersHtml: function (session) {
var html = '';
if (session.UserId) {
html += '
' + session.UserName + '
';
}
html += session.AdditionalUsers.map(function (currentSession) {
return '
' + currentSession.UserName + '
';
});
return html;
},
updateSession: function (row, session) {
row.removeClass('deadSession');
$('.username', row).html(DashboardPage.getUsersHtml(session));
var nowPlayingItem = session.NowPlayingItem;
$('.clientNowPlayingText', row).html(DashboardPage.getNowPlayingText(session, nowPlayingItem)).trigger('create');
var imageRow = $('.nowPlayingImage', row);
var image = $('img', imageRow)[0];
var nowPlayingItemId = nowPlayingItem ? nowPlayingItem.Id : null;
var nowPlayingItemImageTag = nowPlayingItem ? nowPlayingItem.PrimaryImageTag : null;
if (!image || image.getAttribute('data-itemid') != nowPlayingItemId || image.getAttribute('data-tag') != nowPlayingItemImageTag) {
imageRow.html(DashboardPage.getNowPlayingImage(nowPlayingItem));
}
},
getClientType: function (connection) {
var clientLowered = connection.Client.toLowerCase();
if (clientLowered == "dashboard") {
var device = connection.DeviceName.toLowerCase();
var imgUrl;
if (device.indexOf('chrome') != -1) {
imgUrl = 'css/images/clients/chrome.png';
}
else if (device.indexOf('firefox') != -1) {
imgUrl = 'css/images/clients/firefox.png';
}
else if (device.indexOf('internet explorer') != -1) {
imgUrl = 'css/images/clients/ie.png';
}
else if (device.indexOf('safari') != -1) {
imgUrl = 'css/images/clients/safari.png';
}
else {
imgUrl = 'css/images/clients/html5.png';
}
return "";
}
if (clientLowered == "mb-classic") {
return "";
}
if (clientLowered == "media browser theater") {
return "";
}
if (clientLowered == "android") {
return "";
}
if (clientLowered == "roku") {
return "";
}
if (clientLowered == "ios") {
return "";
}
if (clientLowered == "windows rt") {
return "";
}
if (clientLowered == "windows phone") {
return "";
}
if (clientLowered == "dlna") {
return "";
}
if (clientLowered == "mbkinect") {
return "";
}
if (clientLowered == "xbmc") {
return "";
}
return connection.Client;
},
getNowPlayingImage: function (item) {
if (item && item.PrimaryImageTag) {
var url = ApiClient.getImageUrl(item.Id, {
type: "Primary",
height: 100,
tag: item.PrimaryImageTag
});
url += "&xxx=" + new Date().getTime();
return "";
}
return "";
},
getNowPlayingText: function (connection, item) {
var html = "";
if (item) {
html += "
";
if (item.RunTimeTicks) {
html += Dashboard.getDisplayTime(connection.NowPlayingPositionTicks || 0) + " / ";
html += Dashboard.getDisplayTime(item.RunTimeTicks);
}
html += "
";
}
return html;
},
systemUpdateTaskKey: "SystemUpdateTask",
renderRunningTasks: function (page, tasks) {
var html = '';
tasks = tasks.filter(function (t) {
return t.State != 'Idle';
});
if (tasks.filter(function (t) {
return t.Key == DashboardPage.systemUpdateTaskKey;
}).length) {
$('#btnUpdateApplication', page).buttonEnabled(false);
} else {
$('#btnUpdateApplication', page).buttonEnabled(true);
}
if (!tasks.length) {
html += '
No tasks are currently running.
';
$('#runningTasksCollapsible', page).hide();
} else {
$('#runningTasksCollapsible', page).show();
}
for (var i = 0, length = tasks.length; i < length; i++) {
var task = tasks[i];
html += '
';
html += task.Name + " ";
if (task.State == "Running") {
var progress = (task.CurrentProgressPercentage || 0).toFixed(1);
html += '';
html += "" + progress + "%";
html += '';
}
else if (task.State == "Cancelling") {
html += 'Stopping';
}
html += '
';
}
$('#divRunningTasks', page).html(html).trigger('create');
},
renderUrls: function (page, systemInfo) {
var url = ApiClient.serverAddress() + "/mediabrowser";
$('#bookmarkUrl', page).html(url).attr("href", url);
if (systemInfo.WanAddress) {
var externalUrl = systemInfo.WanAddress + "/mediabrowser";
$('.externalUrl', page).html('Remote access: ' + externalUrl + '').show().trigger('create');
} else {
$('.externalUrl', page).hide();
}
},
renderHasPendingRestart: function (page, hasPendingRestart) {
$('#updateFail', page).hide();
if (!hasPendingRestart) {
// Only check once every 30 mins
if (DashboardPage.lastAppUpdateCheck && (new Date().getTime() - DashboardPage.lastAppUpdateCheck) < 1800000) {
return;
}
DashboardPage.lastAppUpdateCheck = new Date().getTime();
ApiClient.getAvailableApplicationUpdate().done(function (packageInfo) {
var version = packageInfo[0];
if (!version) {
$('#pUpToDate', page).show();
$('#pUpdateNow', page).hide();
} else {
$('#pUpToDate', page).hide();
$('#pUpdateNow', page).show();
$('#newVersionNumber', page).html("Version " + version.versionStr + " is now available for download.");
}
}).fail(function () {
$('#updateFail', page).show();
});
} else {
$('#pUpToDate', page).hide();
$('#pUpdateNow', page).hide();
}
},
renderPendingInstallations: function (page, systemInfo) {
if (systemInfo.CompletedInstallations.length) {
$('#collapsiblePendingInstallations', page).show();
} else {
$('#collapsiblePendingInstallations', page).hide();
return;
}
var html = '';
for (var i = 0, length = systemInfo.CompletedInstallations.length; i < length; i++) {
var update = systemInfo.CompletedInstallations[i];
html += '
' + update.Name + ' (' + update.Version + ')
';
}
$('#pendingInstallations', page).html(html);
},
renderPluginUpdateInfo: function (page) {
// Only check once every 30 mins
if (DashboardPage.lastPluginUpdateCheck && (new Date().getTime() - DashboardPage.lastPluginUpdateCheck) < 1800000) {
return;
}
DashboardPage.lastPluginUpdateCheck = new Date().getTime();
ApiClient.getAvailablePluginUpdates().done(function (updates) {
var elem = $('#pPluginUpdates', page);
if (updates.length) {
elem.show();
} else {
elem.hide();
return;
}
var html = '';
for (var i = 0, length = updates.length; i < length; i++) {
var update = updates[i];
html += '
A new version of ' + update.name + ' is available!
';
html += '';
}
elem.html(html).trigger('create');
}).fail(function () {
$('#updateFail', page).show();
});
},
installPluginUpdate: function (button) {
$(button).buttonEnabled(false);
var name = button.getAttribute('data-name');
var guid = button.getAttribute('data-guid');
var version = button.getAttribute('data-version');
var classification = button.getAttribute('data-classification');
Dashboard.showLoadingMsg();
ApiClient.installPlugin(name, guid, classification, version).done(function () {
Dashboard.hideLoadingMsg();
});
},
updateApplication: function () {
var page = $.mobile.activePage;
$('#btnUpdateApplication', page).buttonEnabled(false);
Dashboard.showLoadingMsg();
ApiClient.getScheduledTasks().done(function (tasks) {
var task = tasks.filter(function (t) {
return t.Key == DashboardPage.systemUpdateTaskKey;
})[0];
ApiClient.startScheduledTask(task.Id).done(function () {
DashboardPage.pollForInfo(page);
Dashboard.hideLoadingMsg();
});
});
},
stopTask: function (id) {
var page = $.mobile.activePage;
ApiClient.stopScheduledTask(id).done(function () {
DashboardPage.pollForInfo(page);
});
},
restart: function () {
Dashboard.confirm("Are you sure you wish to restart Media Browser Server?", "Restart", function (result) {
if (result) {
$('#btnRestartServer').buttonEnabled(false);
$('#btnShutdown').buttonEnabled(false);
Dashboard.restartServer();
}
});
},
shutdown: function () {
Dashboard.confirm("Are you sure you wish to shutdown Media Browser Server?", "Shutdown", function (result) {
if (result) {
$('#btnRestartServer').buttonEnabled(false);
$('#btnShutdown').buttonEnabled(false);
ApiClient.shutdownServer();
}
});
}
};
$(document).on('pageshow', "#dashboardPage", DashboardPage.onPageShow).on('pagehide', "#dashboardPage", DashboardPage.onPageHide);