var DashboardPage = { newsStartIndex: 0, onPageShow: function () { var page = this; DashboardPage.newsStartIndex = 0; Dashboard.showLoadingMsg(); DashboardPage.pollForInfo(page); DashboardPage.startInterval(); $(ApiClient).on("websocketmessage", DashboardPage.onWebSocketMessage) .on("websocketopen", DashboardPage.onWebSocketConnectionChange) .on("websocketerror", DashboardPage.onWebSocketConnectionChange) .on("websocketclose", DashboardPage.onWebSocketConnectionChange); DashboardPage.lastAppUpdateCheck = null; DashboardPage.lastPluginUpdateCheck = null; Dashboard.getPluginSecurityInfo().done(function (pluginSecurityInfo) { if (pluginSecurityInfo.IsMBSupporter) { $('#contribute', page).hide(); } else { $('#contribute', page).show(); } }); DashboardPage.reloadSystemInfo(page); DashboardPage.reloadNews(page); }, reloadSystemInfo: function (page) { ApiClient.getSystemInfo().done(function (systemInfo) { Dashboard.updateSystemInfo(systemInfo); $('#appVersionNumber', page).html(systemInfo.Version); var port = systemInfo.HttpServerPortNumber; if (port == systemInfo.WebSocketPortNumber) { $('#ports', page).html('Running on port ' + port + ''); } else { $('#ports', page).html('Running on ports ' + port + ' and ' + systemInfo.WebSocketPortNumber + ''); } if (systemInfo.CanSelfRestart) { $('.btnRestartContainer', page).removeClass('hide'); } else { $('.btnRestartContainer', page).addClass('hide'); } DashboardPage.renderUrls(page, systemInfo); DashboardPage.renderPendingInstallations(page, systemInfo); if (systemInfo.CanSelfUpdate) { $('#btnUpdateApplicationContainer', page).show(); $('#btnManualUpdateContainer', page).hide(); } else { $('#btnUpdateApplicationContainer', page).hide(); $('#btnManualUpdateContainer', page).show(); } DashboardPage.renderHasPendingRestart(page, systemInfo.HasPendingRestart); }); }, reloadNews: function (page) { var query = { StartIndex: DashboardPage.newsStartIndex, Limit: 5 }; ApiClient.getProductNews(query).done(function (result) { var html = result.Items.map(function (item) { var itemHtml = ''; itemHtml += '
'; itemHtml += '' + item.Title + ''; var date = parseISO8601Date(item.Date, { toLocal: true }); itemHtml += '
' + date.toLocaleDateString() + '
'; itemHtml += '
' + item.DescriptionHtml + '
'; itemHtml += '
'; return itemHtml; }); var pagingHtml = ''; pagingHtml += '
'; pagingHtml += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, false, [], false); pagingHtml += '
'; 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 "Dashboard"; } if (clientLowered == "mb-classic") { return "Media Browser Classic"; } if (clientLowered == "media browser theater") { return "Media Browser Theater"; } if (clientLowered == "android") { return "Android"; } if (clientLowered == "roku") { return "Roku"; } if (clientLowered == "ios") { return "iOS"; } if (clientLowered == "windows rt") { return "Windows RT"; } if (clientLowered == "windows phone") { return "Windows Phone"; } if (clientLowered == "dlna") { return "Dlna"; } if (clientLowered == "mbkinect") { return "MB Kinect"; } if (clientLowered == "xbmc") { return "Xbmc"; } 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 "" + item.Name + ""; } return ""; }, getNowPlayingText: function (connection, item) { var html = ""; if (item) { html += "
" + item.Name + "
"; 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 += ''; 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);