mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-18 11:28:23 -07:00
7ab25fd11c
Use new top trakc controls on mobile Modify media queries to account for width of two extra buttons in mediaControls Remove playlist index information to avoid cluttering UI
1583 lines
51 KiB
JavaScript
1583 lines
51 KiB
JavaScript
(function () {
|
|
|
|
$.ajaxSetup({
|
|
crossDomain: true
|
|
});
|
|
|
|
if ($.browser.msie) {
|
|
|
|
// This is unfortunately required due to IE's over-aggressive caching.
|
|
// https://github.com/MediaBrowser/MediaBrowser/issues/179
|
|
$.ajaxSetup({
|
|
cache: false
|
|
});
|
|
}
|
|
})();
|
|
|
|
// TODO: Deprecated in 1.9
|
|
$.support.cors = true;
|
|
|
|
$(document).one('click', WebNotifications.requestPermission);
|
|
|
|
var Dashboard = {
|
|
|
|
jQueryMobileInit: function () {
|
|
|
|
// Page
|
|
//$.mobile.page.prototype.options.theme = "a";
|
|
//$.mobile.page.prototype.options.headerTheme = "a";
|
|
//$.mobile.page.prototype.options.contentTheme = "a";
|
|
//$.mobile.page.prototype.options.footerTheme = "a";
|
|
|
|
//$.mobile.button.prototype.options.theme = "c";
|
|
//$.mobile.listview.prototype.options.dividerTheme = "b";
|
|
|
|
//$.mobile.popup.prototype.options.theme = "c";
|
|
$.mobile.popup.prototype.options.transition = "fade";
|
|
$.mobile.defaultPageTransition = "none";
|
|
//$.mobile.collapsible.prototype.options.contentTheme = "a";
|
|
|
|
// Make panels a little larger than the defaults
|
|
$.mobile.panel.prototype.options.classes.modalOpen = "largePanelModalOpen ui-panel-dismiss-open";
|
|
$.mobile.panel.prototype.options.classes.panel = "largePanel ui-panel";
|
|
},
|
|
|
|
onRequestFail: function (e, data) {
|
|
|
|
if (data.status == 401) {
|
|
|
|
var url = data.url.toLowerCase();
|
|
|
|
// Bounce to the login screen, but not if a password entry fails, obviously
|
|
if (url.indexOf('/password') == -1 &&
|
|
url.indexOf('/authenticate') == -1 &&
|
|
!$($.mobile.activePage).is('.standalonePage')) {
|
|
|
|
if (data.errorCode == "ParentalControl") {
|
|
|
|
Dashboard.alert({
|
|
message: Globalize.translate('MessageLoggedOutParentalControl'),
|
|
callback: function () {
|
|
Dashboard.logout(false);
|
|
}
|
|
});
|
|
|
|
} else {
|
|
Dashboard.logout(false);
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
|
|
if (!Dashboard.suppressAjaxErrors) {
|
|
|
|
setTimeout(function () {
|
|
|
|
var msg = data.errorCode || Dashboard.defaultErrorMessage;
|
|
|
|
Dashboard.showError(msg);
|
|
|
|
}, 500);
|
|
}
|
|
},
|
|
|
|
onApiClientServerAddressChanged: function () {
|
|
|
|
Dashboard.serverAddress(ApiClient.serverAddress());
|
|
},
|
|
|
|
getCurrentUser: function () {
|
|
|
|
if (!Dashboard.getUserPromise) {
|
|
|
|
var userId = Dashboard.getCurrentUserId();
|
|
|
|
Dashboard.getUserPromise = ConnectionManager.currentApiClient().getUser(userId).fail(Dashboard.logout);
|
|
}
|
|
|
|
return Dashboard.getUserPromise;
|
|
},
|
|
|
|
validateCurrentUser: function () {
|
|
|
|
Dashboard.getUserPromise = null;
|
|
|
|
if (Dashboard.getCurrentUserId()) {
|
|
Dashboard.getCurrentUser();
|
|
}
|
|
},
|
|
|
|
getAccessToken: function () {
|
|
|
|
return store.getItem('token');
|
|
},
|
|
|
|
serverAddress: function (val) {
|
|
|
|
if (val != null) {
|
|
|
|
console.log('Setting server address to: ' + val);
|
|
|
|
store.setItem('serverAddress', val);
|
|
}
|
|
|
|
var address = store.getItem('serverAddress');
|
|
|
|
if (!address && !Dashboard.isConnectMode()) {
|
|
|
|
// Try to get the server address from the browser url
|
|
// This will preserve protocol, hostname, port and subdirectory
|
|
var urlLower = getWindowUrl().toLowerCase();
|
|
var index = urlLower.indexOf('/web');
|
|
if (index == -1) {
|
|
index = urlLower.indexOf('/dashboard');
|
|
}
|
|
|
|
if (index != -1) {
|
|
address = urlLower.substring(0, index);
|
|
return address;
|
|
}
|
|
|
|
// If the above failed, just piece it together manually
|
|
var loc = window.location;
|
|
|
|
address = loc.protocol + '//' + loc.hostname;
|
|
|
|
if (loc.port) {
|
|
address += ':' + loc.port;
|
|
}
|
|
}
|
|
|
|
return address;
|
|
},
|
|
|
|
getCurrentUserId: function () {
|
|
|
|
var autoLoginUserId = getParameterByName('u');
|
|
|
|
var storedUserId = store.getItem("userId");
|
|
|
|
if (autoLoginUserId && autoLoginUserId != storedUserId) {
|
|
|
|
var token = getParameterByName('t');
|
|
Dashboard.setCurrentUser(autoLoginUserId, token);
|
|
}
|
|
|
|
return autoLoginUserId || storedUserId;
|
|
},
|
|
|
|
setCurrentUser: function (userId, token) {
|
|
|
|
store.setItem("userId", userId);
|
|
store.setItem("token", token);
|
|
|
|
var apiClient = ConnectionManager.currentApiClient();
|
|
|
|
if (apiClient) {
|
|
apiClient.setCurrentUserId(userId, token);
|
|
}
|
|
Dashboard.getUserPromise = null;
|
|
},
|
|
|
|
isConnectMode: function () {
|
|
|
|
var url = getWindowUrl().toLowerCase();
|
|
|
|
return url.indexOf('mediabrowser.tv') != -1 ||
|
|
url.indexOf('mediabrowser.github') != -1;
|
|
},
|
|
|
|
logout: function (logoutWithServer) {
|
|
|
|
store.removeItem("userId");
|
|
store.removeItem("token");
|
|
store.removeItem("serverAddress");
|
|
|
|
var loginPage = !Dashboard.isConnectMode() ?
|
|
'login.html' :
|
|
'connectlogin.html';
|
|
|
|
if (logoutWithServer === false) {
|
|
window.location = loginPage;
|
|
} else {
|
|
ConnectionManager.logout().done(function () {
|
|
window.location = loginPage;
|
|
});
|
|
|
|
}
|
|
},
|
|
|
|
importCss: function (url) {
|
|
if (document.createStyleSheet) {
|
|
document.createStyleSheet(url);
|
|
}
|
|
else {
|
|
$('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head');
|
|
}
|
|
},
|
|
|
|
showError: function (message) {
|
|
|
|
$.mobile.loading('show', {
|
|
text: message,
|
|
textonly: true,
|
|
textVisible: true
|
|
});
|
|
|
|
setTimeout(function () {
|
|
$.mobile.loading('hide');
|
|
}, 3000);
|
|
},
|
|
|
|
alert: function (options) {
|
|
|
|
if (typeof options == "string") {
|
|
|
|
var message = options;
|
|
|
|
$.mobile.loading('show', {
|
|
text: message,
|
|
textonly: true,
|
|
textVisible: true
|
|
});
|
|
|
|
setTimeout(function () {
|
|
$.mobile.loading('hide');
|
|
}, 3000);
|
|
|
|
return;
|
|
}
|
|
|
|
Dashboard.confirmInternal(options.message, options.title || Globalize.translate('HeaderAlert'), false, options.callback);
|
|
},
|
|
|
|
updateSystemInfo: function (info) {
|
|
|
|
Dashboard.lastSystemInfo = info;
|
|
|
|
Dashboard.ensureWebSocket();
|
|
|
|
if (!Dashboard.initialServerVersion) {
|
|
Dashboard.initialServerVersion = info.Version;
|
|
}
|
|
|
|
if (info.HasPendingRestart) {
|
|
|
|
Dashboard.hideDashboardVersionWarning();
|
|
|
|
Dashboard.getCurrentUser().done(function (currentUser) {
|
|
|
|
if (currentUser.Policy.IsAdministrator) {
|
|
Dashboard.showServerRestartWarning(info);
|
|
}
|
|
});
|
|
|
|
} else {
|
|
|
|
Dashboard.hideServerRestartWarning();
|
|
|
|
if (Dashboard.initialServerVersion != info.Version) {
|
|
|
|
Dashboard.showDashboardRefreshNotification();
|
|
}
|
|
}
|
|
|
|
Dashboard.showInProgressInstallations(info.InProgressInstallations);
|
|
},
|
|
|
|
showInProgressInstallations: function (installations) {
|
|
|
|
installations = installations || [];
|
|
|
|
for (var i = 0, length = installations.length; i < length; i++) {
|
|
|
|
var installation = installations[i];
|
|
|
|
var percent = installation.PercentComplete || 0;
|
|
|
|
if (percent < 100) {
|
|
Dashboard.showPackageInstallNotification(installation, "progress");
|
|
}
|
|
}
|
|
|
|
if (installations.length) {
|
|
|
|
Dashboard.ensureInstallRefreshInterval();
|
|
} else {
|
|
Dashboard.stopInstallRefreshInterval();
|
|
}
|
|
},
|
|
|
|
ensureInstallRefreshInterval: function () {
|
|
|
|
if (!Dashboard.installRefreshInterval) {
|
|
|
|
if (ApiClient.isWebSocketOpen()) {
|
|
ApiClient.sendWebSocketMessage("SystemInfoStart", "0,500");
|
|
}
|
|
Dashboard.installRefreshInterval = 1;
|
|
}
|
|
},
|
|
|
|
stopInstallRefreshInterval: function () {
|
|
|
|
if (Dashboard.installRefreshInterval) {
|
|
if (ApiClient.isWebSocketOpen()) {
|
|
ApiClient.sendWebSocketMessage("SystemInfoStop");
|
|
}
|
|
Dashboard.installRefreshInterval = null;
|
|
}
|
|
},
|
|
|
|
cancelInstallation: function (id) {
|
|
|
|
ApiClient.cancelPackageInstallation(id).always(Dashboard.refreshSystemInfoFromServer);
|
|
|
|
},
|
|
|
|
showServerRestartWarning: function (systemInfo) {
|
|
|
|
var html = '<span style="margin-right: 1em;">' + Globalize.translate('MessagePleaseRestart') + '</span>';
|
|
|
|
if (systemInfo.CanSelfRestart) {
|
|
html += '<button type="button" data-icon="refresh" onclick="$(this).buttonEnabled(false);Dashboard.restartServer();" data-theme="b" data-inline="true" data-mini="true">' + Globalize.translate('ButtonRestart') + '</button>';
|
|
}
|
|
|
|
Dashboard.showFooterNotification({ id: "serverRestartWarning", html: html, forceShow: true, allowHide: false });
|
|
},
|
|
|
|
hideServerRestartWarning: function () {
|
|
|
|
$('#serverRestartWarning').remove();
|
|
},
|
|
|
|
showDashboardRefreshNotification: function () {
|
|
|
|
var html = '<span style="margin-right: 1em;">' + Globalize.translate('MessagePleaseRefreshPage') + '</span>';
|
|
|
|
html += '<button type="button" data-icon="refresh" onclick="$(this).buttonEnabled(false);Dashboard.reloadPage();" data-theme="b" data-inline="true" data-mini="true">' + Globalize.translate('ButtonRefresh') + '</button>';
|
|
|
|
Dashboard.showFooterNotification({ id: "dashboardVersionWarning", html: html, forceShow: true, allowHide: false });
|
|
},
|
|
|
|
reloadPage: function () {
|
|
|
|
var currentUrl = getWindowUrl().toLowerCase();
|
|
|
|
// If they're on a plugin config page just go back to the dashboard
|
|
// The plugin may not have been loaded yet, or could have been uninstalled
|
|
if (currentUrl.indexOf('configurationpage') != -1) {
|
|
window.location.href = "dashboard.html";
|
|
} else {
|
|
window.location.href = getWindowUrl();
|
|
}
|
|
},
|
|
|
|
hideDashboardVersionWarning: function () {
|
|
|
|
$('#dashboardVersionWarning').remove();
|
|
},
|
|
|
|
showFooterNotification: function (options) {
|
|
|
|
var removeOnHide = !options.id;
|
|
|
|
options.id = options.id || "notification" + new Date().getTime() + parseInt(Math.random());
|
|
|
|
var footer = $("#footer").css("top", "initial").show();
|
|
|
|
var parentElem = $('#footerNotifications', footer);
|
|
|
|
var elem = $('#' + options.id, parentElem);
|
|
|
|
if (!elem.length) {
|
|
elem = $('<p id="' + options.id + '" class="footerNotification"></p>').appendTo(parentElem);
|
|
}
|
|
|
|
var onclick = removeOnHide ? "$(\"#" + options.id + "\").trigger(\"notification.remove\").remove();" : "$(\"#" + options.id + "\").trigger(\"notification.hide\").hide();";
|
|
|
|
if (options.allowHide !== false) {
|
|
options.html += "<span style='margin-left: 1em;'><button type='button' onclick='" + onclick + "' data-icon='delete' data-iconpos='notext' data-mini='true' data-inline='true' data-theme='b'>" + Globalize.translate('ButtonHide') + "</button></span>";
|
|
}
|
|
|
|
if (options.forceShow) {
|
|
elem.slideDown(400);
|
|
}
|
|
|
|
elem.html(options.html).trigger("create");
|
|
|
|
if (options.timeout) {
|
|
|
|
setTimeout(function () {
|
|
|
|
if (removeOnHide) {
|
|
elem.trigger("notification.remove").remove();
|
|
} else {
|
|
elem.trigger("notification.hide").hide();
|
|
}
|
|
|
|
}, options.timeout);
|
|
}
|
|
|
|
footer.on("notification.remove notification.hide", function (e) {
|
|
|
|
setTimeout(function () { // give the DOM time to catch up
|
|
|
|
if (!parentElem.html()) {
|
|
footer.slideUp();
|
|
}
|
|
|
|
}, 50);
|
|
|
|
});
|
|
},
|
|
|
|
getConfigurationPageUrl: function (name) {
|
|
return "ConfigurationPage?name=" + encodeURIComponent(name);
|
|
},
|
|
|
|
navigate: function (url, preserveQueryString) {
|
|
|
|
var queryString = getWindowLocationSearch();
|
|
if (preserveQueryString && queryString) {
|
|
url += queryString;
|
|
}
|
|
$.mobile.changePage(url);
|
|
},
|
|
|
|
showLoadingMsg: function () {
|
|
$.mobile.loading("show");
|
|
},
|
|
|
|
hideLoadingMsg: function () {
|
|
$.mobile.loading("hide");
|
|
},
|
|
|
|
processPluginConfigurationUpdateResult: function () {
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
|
|
Dashboard.alert("Settings saved.");
|
|
},
|
|
|
|
defaultErrorMessage: Globalize.translate('DefaultErrorMessage'),
|
|
|
|
processServerConfigurationUpdateResult: function (result) {
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
|
|
Dashboard.alert(Globalize.translate('MessageSettingsSaved'));
|
|
},
|
|
|
|
confirmInternal: function (message, title, showCancel, callback) {
|
|
|
|
$('.confirmFlyout').popup("close").remove();
|
|
|
|
var html = '<div data-role="popup" class="confirmFlyout" style="max-width:500px;" data-theme="a">';
|
|
|
|
html += '<div class="ui-bar-a" style="text-align:center;">';
|
|
html += '<h3 style="padding: 0 1em;">' + title + '</h3>';
|
|
html += '</div>';
|
|
|
|
html += '<div style="padding: 1em;">';
|
|
|
|
html += '<div style="padding: 1em .25em;margin: 0;">';
|
|
html += message;
|
|
html += '</div>';
|
|
|
|
html += '<p><button type="button" data-icon="check" onclick="$(\'.confirmFlyout\')[0].confirm=true;$(\'.confirmFlyout\').popup(\'close\');" data-theme="b">' + Globalize.translate('ButtonOk') + '</button></p>';
|
|
|
|
if (showCancel) {
|
|
html += '<p><button type="button" data-icon="delete" onclick="$(\'.confirmFlyout\').popup(\'close\');" data-theme="a">' + Globalize.translate('ButtonCancel') + '</button></p>';
|
|
}
|
|
|
|
html += '</div>';
|
|
|
|
html += '</div>';
|
|
|
|
$(document.body).append(html);
|
|
|
|
$('.confirmFlyout').popup({ history: false }).trigger('create').popup("open").on("popupafterclose", function () {
|
|
|
|
if (callback) {
|
|
callback(this.confirm == true);
|
|
}
|
|
|
|
$(this).off("popupafterclose").remove();
|
|
});
|
|
},
|
|
|
|
confirm: function (message, title, callback) {
|
|
Dashboard.confirmInternal(message, title, true, callback);
|
|
},
|
|
|
|
refreshSystemInfoFromServer: function () {
|
|
|
|
if (Dashboard.getAccessToken()) {
|
|
ApiClient.getSystemInfo().done(function (info) {
|
|
|
|
Dashboard.updateSystemInfo(info);
|
|
});
|
|
}
|
|
},
|
|
|
|
restartServer: function () {
|
|
|
|
Dashboard.suppressAjaxErrors = true;
|
|
Dashboard.showLoadingMsg();
|
|
|
|
ApiClient.restartServer().done(function () {
|
|
|
|
setTimeout(function () {
|
|
Dashboard.reloadPageWhenServerAvailable();
|
|
}, 250);
|
|
|
|
}).fail(function () {
|
|
Dashboard.suppressAjaxErrors = false;
|
|
});
|
|
},
|
|
|
|
reloadPageWhenServerAvailable: function (retryCount) {
|
|
|
|
// Don't use apiclient method because we don't want it reporting authentication under the old version
|
|
ApiClient.getJSON(ApiClient.getUrl("System/Info")).done(function (info) {
|
|
|
|
// If this is back to false, the restart completed
|
|
if (!info.HasPendingRestart) {
|
|
Dashboard.reloadPage();
|
|
} else {
|
|
Dashboard.retryReload(retryCount);
|
|
}
|
|
|
|
}).fail(function () {
|
|
Dashboard.retryReload(retryCount);
|
|
});
|
|
},
|
|
|
|
retryReload: function (retryCount) {
|
|
setTimeout(function () {
|
|
|
|
retryCount = retryCount || 0;
|
|
retryCount++;
|
|
|
|
if (retryCount < 10) {
|
|
Dashboard.reloadPageWhenServerAvailable(retryCount);
|
|
} else {
|
|
Dashboard.suppressAjaxErrors = false;
|
|
}
|
|
}, 500);
|
|
},
|
|
|
|
showUserFlyout: function (context) {
|
|
|
|
ConnectionManager.user().done(function (user) {
|
|
|
|
var html = '<div data-role="panel" data-position="right" data-display="overlay" id="userFlyout" data-position-fixed="true" data-theme="a">';
|
|
|
|
html += '<h3>';
|
|
|
|
if (user.imageUrl) {
|
|
var url = user.imageUrl;
|
|
|
|
if (user.supportsImageParams) {
|
|
url += "&width=" + 28;
|
|
}
|
|
|
|
html += '<img style="max-width:28px;vertical-align:middle;margin-right:5px;" src="' + url + '" />';
|
|
}
|
|
html += user.name;
|
|
html += '</h3>';
|
|
|
|
html += '<form>';
|
|
|
|
var isConnectMode = Dashboard.isConnectMode();
|
|
|
|
if (user.localUser && user.localUser.Policy.EnableUserPreferenceAccess) {
|
|
html += '<p><a data-mini="true" data-role="button" href="mypreferencesdisplay.html?userId=' + user.localUser.Id + '" data-icon="gear">' + Globalize.translate('ButtonMyPreferences') + '</button></a>';
|
|
}
|
|
|
|
if (isConnectMode) {
|
|
html += '<p><a data-mini="true" data-role="button" href="selectserver.html" data-icon="cloud" data-ajax="false">' + Globalize.translate('ButtonSelectServer') + '</button></a>';
|
|
}
|
|
|
|
html += '<p><button data-mini="true" type="button" onclick="Dashboard.logout();" data-icon="lock">' + Globalize.translate('ButtonSignOut') + '</button></p>';
|
|
|
|
html += '</form>';
|
|
html += '</div>';
|
|
|
|
$(document.body).append(html);
|
|
|
|
var elem = $('#userFlyout').panel({}).trigger('create').panel("open").on("panelclose", function () {
|
|
|
|
$(this).off("panelclose").remove();
|
|
});
|
|
});
|
|
},
|
|
|
|
getPluginSecurityInfo: function () {
|
|
|
|
if (!Dashboard.getPluginSecurityInfoPromise) {
|
|
|
|
var deferred = $.Deferred();
|
|
|
|
// Don't let this blow up the dashboard when it fails
|
|
ApiClient.ajax({
|
|
type: "GET",
|
|
url: ApiClient.getUrl("Plugins/SecurityInfo"),
|
|
dataType: 'json',
|
|
|
|
error: function () {
|
|
// Don't show normal dashboard errors
|
|
}
|
|
|
|
}).done(function (result) {
|
|
deferred.resolveWith(null, [result]);
|
|
});
|
|
|
|
Dashboard.getPluginSecurityInfoPromise = deferred;
|
|
}
|
|
|
|
return Dashboard.getPluginSecurityInfoPromise;
|
|
},
|
|
|
|
resetPluginSecurityInfo: function () {
|
|
Dashboard.getPluginSecurityInfoPromise = null;
|
|
Dashboard.validateCurrentUser();
|
|
},
|
|
|
|
ensureHeader: function (page) {
|
|
|
|
if (page.hasClass('standalonePage') && !page.hasClass('noHeaderPage')) {
|
|
|
|
Dashboard.renderHeader(page);
|
|
}
|
|
},
|
|
|
|
renderHeader: function (page) {
|
|
|
|
var header = $('.header', page);
|
|
|
|
if (!header.length) {
|
|
var headerHtml = '';
|
|
|
|
headerHtml += '<div class="header">';
|
|
|
|
headerHtml += '<a class="logo" href="index.html" style="text-decoration:none;font-size: 22px;">';
|
|
|
|
if (page.hasClass('standalonePage')) {
|
|
|
|
headerHtml += '<img class="imgLogoIcon" src="css/images/mblogoicon.png" />';
|
|
headerHtml += '<span class="logoLibraryMenuButtonText">MEDIA</span><span class="logoLibraryMenuButtonText mediaBrowserAccent">BROWSER</span>';
|
|
}
|
|
|
|
headerHtml += '</a>';
|
|
|
|
headerHtml += '</div>';
|
|
page.prepend(headerHtml);
|
|
}
|
|
},
|
|
|
|
ensureToolsMenu: function (page, user) {
|
|
|
|
var sidebar = $('.toolsSidebar', page);
|
|
|
|
if (!sidebar.length) {
|
|
|
|
var html = '<div class="content-secondary toolsSidebar">';
|
|
|
|
html += '<div class="sidebarLinks">';
|
|
|
|
var items = Dashboard.getToolsMenuLinks(page);
|
|
|
|
var i, length, item;
|
|
var menuHtml = '';
|
|
|
|
for (i = 0, length = items.length; i < length; i++) {
|
|
|
|
item = items[i];
|
|
|
|
if (!user.Policy.IsAdministrator) {
|
|
break;
|
|
}
|
|
|
|
if (item.divider) {
|
|
menuHtml += "<div class='sidebarDivider ui-bar-inherit'></div>";
|
|
}
|
|
|
|
if (item.href) {
|
|
|
|
var style = item.color ? ' style="color:' + item.color + '"' : '';
|
|
|
|
if (item.selected) {
|
|
menuHtml += '<a class="sidebarLink selectedSidebarLink" href="' + item.href + '">';
|
|
} else {
|
|
menuHtml += '<a class="sidebarLink" href="' + item.href + '">';
|
|
}
|
|
|
|
menuHtml += '<span class="fa ' + item.icon + ' sidebarLinkIcon"' + style + '></span>';
|
|
|
|
menuHtml += '<span class="sidebarLinkText">';
|
|
menuHtml += item.name;
|
|
menuHtml += '</span>';
|
|
menuHtml += '</a>';
|
|
} else {
|
|
|
|
menuHtml += '<div class="sidebarHeader">';
|
|
menuHtml += item.name;
|
|
menuHtml += '</div>';
|
|
}
|
|
}
|
|
|
|
html += menuHtml;
|
|
// sidebarLinks
|
|
html += '</div>';
|
|
|
|
// content-secondary
|
|
html += '</div>';
|
|
|
|
html += '<div data-role="panel" id="dashboardPanel" class="dashboardPanel" data-position="left" data-display="overlay" data-position-fixed="true" data-theme="a">';
|
|
|
|
html += '<p class="libraryPanelHeader" style="margin: 15px 0 15px 15px;"><a href="index.html" class="imageLink"><img src="css/images/mblogoicon.png" /><span style="color:#333;">MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a></p>';
|
|
|
|
html += '<div class="sidebarLinks">';
|
|
html += menuHtml;
|
|
// sidebarLinks
|
|
html += '</div>';
|
|
html += '</div>';
|
|
|
|
$('.content-primary', page).before(html);
|
|
$(page).trigger('create');
|
|
}
|
|
},
|
|
|
|
getToolsMenuLinks: function (page) {
|
|
|
|
var pageElem = page[0];
|
|
|
|
return [{
|
|
name: Globalize.translate('TabServer'),
|
|
href: "dashboard.html",
|
|
selected: page.hasClass("dashboardHomePage"),
|
|
icon: 'fa-dashboard',
|
|
color: '#38c'
|
|
}, {
|
|
name: Globalize.translate('TabDevices'),
|
|
href: "devices.html",
|
|
selected: page.hasClass("devicesPage"),
|
|
icon: 'fa-tablet',
|
|
color: '#ECA403'
|
|
}, {
|
|
name: Globalize.translate('TabUsers'),
|
|
href: "userprofiles.html",
|
|
selected: page.hasClass("userProfilesPage"),
|
|
icon: 'fa-users',
|
|
color: '#679C34'
|
|
}, {
|
|
name: Globalize.translate('TabLibrary'),
|
|
divider: true,
|
|
href: "library.html",
|
|
selected: page.hasClass("mediaLibraryPage"),
|
|
icon: 'fa-film'
|
|
}, {
|
|
name: Globalize.translate('TabMetadata'),
|
|
href: "metadata.html",
|
|
selected: page.hasClass('metadataConfigurationPage'),
|
|
icon: 'fa-file-text'
|
|
}, {
|
|
name: Globalize.translate('TabPlayback'),
|
|
href: "playbackconfiguration.html",
|
|
selected: page.hasClass('playbackConfigurationPage'),
|
|
icon: 'fa-play-circle'
|
|
}, {
|
|
name: Globalize.translate('TabSync'),
|
|
href: "syncactivity.html",
|
|
selected: page.hasClass('syncConfigurationPage'),
|
|
icon: 'fa-cloud'
|
|
}, {
|
|
divider: true,
|
|
name: Globalize.translate('TabExtras')
|
|
}, {
|
|
name: Globalize.translate('TabAutoOrganize'),
|
|
href: "autoorganizelog.html",
|
|
selected: page.hasClass("organizePage"),
|
|
icon: 'fa-files-o',
|
|
color: '#01C0DD'
|
|
}, {
|
|
name: Globalize.translate('TabDLNA'),
|
|
href: "dlnasettings.html",
|
|
selected: page.hasClass("dlnaPage"),
|
|
icon: 'fa-film',
|
|
color: '#E5342E'
|
|
}, {
|
|
name: Globalize.translate('TabLiveTV'),
|
|
href: "livetvstatus.html",
|
|
selected: page.hasClass("liveTvSettingsPage"),
|
|
icon: 'fa-video-camera',
|
|
color: '#293AAE'
|
|
}, {
|
|
name: Globalize.translate('TabNotifications'),
|
|
href: "notificationsettings.html",
|
|
selected: page.hasClass("notificationConfigurationPage"),
|
|
icon: 'fa-wifi',
|
|
color: 'brown'
|
|
}, {
|
|
name: Globalize.translate('TabPlugins'),
|
|
href: "plugins.html",
|
|
selected: page.hasClass("pluginConfigurationPage"),
|
|
icon: 'fa-plus-circle',
|
|
color: '#9D22B1'
|
|
}, {
|
|
divider: true,
|
|
name: Globalize.translate('TabExpert')
|
|
}, {
|
|
name: Globalize.translate('TabAdvanced'),
|
|
href: "advanced.html",
|
|
selected: page.hasClass("advancedConfigurationPage"),
|
|
icon: 'fa-gears',
|
|
color: '#F16834'
|
|
}, {
|
|
name: Globalize.translate('TabScheduledTasks'),
|
|
href: "scheduledtasks.html",
|
|
selected: page.hasClass("scheduledTasksConfigurationPage"),
|
|
icon: 'fa-clock-o',
|
|
color: '#38c'
|
|
}, {
|
|
name: Globalize.translate('TabHelp'),
|
|
divider: true,
|
|
href: "support.html",
|
|
selected: pageElem.id == "supportPage" || pageElem.id == "logPage" || pageElem.id == "supporterPage" || pageElem.id == "supporterKeyPage" || pageElem.id == "aboutPage",
|
|
icon: 'fa-info-circle',
|
|
color: '#679C34'
|
|
}];
|
|
|
|
},
|
|
|
|
ensureWebSocket: function () {
|
|
|
|
if (ApiClient.isWebSocketOpenOrConnecting() || !ApiClient.isWebSocketSupported()) {
|
|
return;
|
|
}
|
|
|
|
ApiClient.openWebSocket();
|
|
ApiClient.reportCapabilities(Dashboard.capabilities());
|
|
},
|
|
|
|
processGeneralCommand: function (cmd) {
|
|
|
|
// Full list
|
|
// https://github.com/MediaBrowser/MediaBrowser/blob/master/MediaBrowser.Model/Session/GeneralCommand.cs#L23
|
|
|
|
switch (cmd.Name) {
|
|
|
|
case 'GoHome':
|
|
Dashboard.navigate('index.html');
|
|
break;
|
|
case 'GoToSettings':
|
|
Dashboard.navigate('dashboard.html');
|
|
break;
|
|
case 'DisplayContent':
|
|
Dashboard.onBrowseCommand(cmd.Arguments);
|
|
break;
|
|
case 'GoToSearch':
|
|
Search.showSearchPanel($.mobile.activePage);
|
|
break;
|
|
case 'DisplayMessage':
|
|
{
|
|
var args = cmd.Arguments;
|
|
|
|
if (args.TimeoutMs && WebNotifications.supported()) {
|
|
var notification = {
|
|
title: args.Header,
|
|
body: args.Text,
|
|
timeout: args.TimeoutMs
|
|
};
|
|
|
|
WebNotifications.show(notification);
|
|
}
|
|
else {
|
|
Dashboard.showFooterNotification({ html: "<div><b>" + args.Header + "</b></div>" + args.Text, timeout: args.TimeoutMs });
|
|
}
|
|
|
|
break;
|
|
}
|
|
case 'VolumeUp':
|
|
case 'VolumeDown':
|
|
case 'Mute':
|
|
case 'Unmute':
|
|
case 'ToggleMute':
|
|
case 'SetVolume':
|
|
case 'SetAudioStreamIndex':
|
|
case 'SetSubtitleStreamIndex':
|
|
case 'ToggleFullscreen':
|
|
break;
|
|
default:
|
|
console.log('Unrecognized command: ' + cmd.Name);
|
|
break;
|
|
}
|
|
},
|
|
|
|
onWebSocketMessageReceived: function (e, data) {
|
|
|
|
var msg = data;
|
|
|
|
if (msg.MessageType === "LibraryChanged") {
|
|
Dashboard.processLibraryUpdateNotification(msg.Data);
|
|
}
|
|
else if (msg.MessageType === "ServerShuttingDown") {
|
|
Dashboard.hideServerRestartWarning();
|
|
}
|
|
else if (msg.MessageType === "ServerRestarting") {
|
|
Dashboard.hideServerRestartWarning();
|
|
}
|
|
else if (msg.MessageType === "UserDeleted") {
|
|
Dashboard.validateCurrentUser();
|
|
}
|
|
else if (msg.MessageType === "SystemInfo") {
|
|
Dashboard.updateSystemInfo(msg.Data);
|
|
}
|
|
else if (msg.MessageType === "RestartRequired") {
|
|
Dashboard.updateSystemInfo(msg.Data);
|
|
}
|
|
else if (msg.MessageType === "UserUpdated" || msg.MessageType === "UserConfigurationUpdated") {
|
|
Dashboard.validateCurrentUser();
|
|
|
|
var user = msg.Data;
|
|
|
|
if (user.Id == Dashboard.getCurrentUserId()) {
|
|
|
|
$('.currentUsername').html(user.Name);
|
|
}
|
|
}
|
|
else if (msg.MessageType === "PackageInstallationCompleted") {
|
|
Dashboard.getCurrentUser().done(function (currentUser) {
|
|
|
|
if (currentUser.Policy.IsAdministrator) {
|
|
Dashboard.showPackageInstallNotification(msg.Data, "completed");
|
|
Dashboard.refreshSystemInfoFromServer();
|
|
}
|
|
});
|
|
}
|
|
else if (msg.MessageType === "PackageInstallationFailed") {
|
|
Dashboard.getCurrentUser().done(function (currentUser) {
|
|
|
|
if (currentUser.Policy.IsAdministrator) {
|
|
Dashboard.showPackageInstallNotification(msg.Data, "failed");
|
|
Dashboard.refreshSystemInfoFromServer();
|
|
}
|
|
});
|
|
}
|
|
else if (msg.MessageType === "PackageInstallationCancelled") {
|
|
Dashboard.getCurrentUser().done(function (currentUser) {
|
|
|
|
if (currentUser.Policy.IsAdministrator) {
|
|
Dashboard.showPackageInstallNotification(msg.Data, "cancelled");
|
|
Dashboard.refreshSystemInfoFromServer();
|
|
}
|
|
});
|
|
}
|
|
else if (msg.MessageType === "PackageInstalling") {
|
|
Dashboard.getCurrentUser().done(function (currentUser) {
|
|
|
|
if (currentUser.Policy.IsAdministrator) {
|
|
Dashboard.showPackageInstallNotification(msg.Data, "progress");
|
|
Dashboard.refreshSystemInfoFromServer();
|
|
}
|
|
});
|
|
}
|
|
else if (msg.MessageType === "GeneralCommand") {
|
|
|
|
var cmd = msg.Data;
|
|
// Media Controller should catch this
|
|
//Dashboard.processGeneralCommand(cmd);
|
|
}
|
|
},
|
|
|
|
onBrowseCommand: function (cmd) {
|
|
|
|
var url;
|
|
|
|
var type = (cmd.ItemType || "").toLowerCase();
|
|
|
|
if (type == "genre") {
|
|
url = "itembynamedetails.html?id=" + cmd.ItemId;
|
|
}
|
|
else if (type == "musicgenre") {
|
|
url = "itembynamedetails.html?id=" + cmd.ItemId;
|
|
}
|
|
else if (type == "gamegenre") {
|
|
url = "itembynamedetails.html?id=" + cmd.ItemId;
|
|
}
|
|
else if (type == "studio") {
|
|
url = "itembynamedetails.html?id=" + cmd.ItemId;
|
|
}
|
|
else if (type == "person") {
|
|
url = "itembynamedetails.html?id=" + cmd.ItemId;
|
|
}
|
|
else if (type == "musicartist") {
|
|
url = "itembynamedetails.html?id=" + cmd.ItemId;
|
|
}
|
|
|
|
if (url) {
|
|
Dashboard.navigate(url);
|
|
return;
|
|
}
|
|
|
|
ApiClient.getItem(Dashboard.getCurrentUserId(), cmd.ItemId).done(function (item) {
|
|
|
|
Dashboard.navigate(LibraryBrowser.getHref(item, null, ''));
|
|
|
|
});
|
|
|
|
},
|
|
|
|
showPackageInstallNotification: function (installation, status) {
|
|
|
|
var html = '';
|
|
|
|
if (status == 'completed') {
|
|
html += '<img src="css/images/notifications/done.png" class="notificationIcon" />';
|
|
}
|
|
else if (status == 'cancelled') {
|
|
html += '<img src="css/images/notifications/info.png" class="notificationIcon" />';
|
|
}
|
|
else if (status == 'failed') {
|
|
html += '<img src="css/images/notifications/error.png" class="notificationIcon" />';
|
|
}
|
|
else if (status == 'progress') {
|
|
html += '<img src="css/images/notifications/download.png" class="notificationIcon" />';
|
|
}
|
|
|
|
html += '<span style="margin-right: 1em;">';
|
|
|
|
if (status == 'completed') {
|
|
html += Globalize.translate('LabelPackageInstallCompleted').replace('{0}', installation.Name + ' ' + installation.Version);
|
|
}
|
|
else if (status == 'cancelled') {
|
|
html += Globalize.translate('LabelPackageInstallCancelled').replace('{0}', installation.Name + ' ' + installation.Version);
|
|
}
|
|
else if (status == 'failed') {
|
|
html += Globalize.translate('LabelPackageInstallFailed').replace('{0}', installation.Name + ' ' + installation.Version);
|
|
}
|
|
else if (status == 'progress') {
|
|
html += Globalize.translate('LabelInstallingPackage').replace('{0}', installation.Name + ' ' + installation.Version);
|
|
}
|
|
|
|
html += '</span>';
|
|
|
|
if (status == 'progress') {
|
|
|
|
var percentComplete = Math.round(installation.PercentComplete || 0);
|
|
|
|
html += '<progress style="margin-right: 1em;" max="100" value="' + percentComplete + '" title="' + percentComplete + '%">';
|
|
html += '' + percentComplete + '%';
|
|
html += '</progress>';
|
|
|
|
if (percentComplete < 100) {
|
|
var btnId = "btnCancel" + installation.Id;
|
|
html += '<button id="' + btnId + '" type="button" data-icon="delete" onclick="$(\'' + btnId + '\').buttonEnabled(false);Dashboard.cancelInstallation(\'' + installation.Id + '\');" data-theme="b" data-inline="true" data-mini="true">' + Globalize.translate('ButtonCancel') + '</button>';
|
|
}
|
|
}
|
|
|
|
var timeout = 0;
|
|
|
|
if (status == 'cancelled') {
|
|
timeout = 2000;
|
|
}
|
|
|
|
var forceShow = status != "progress";
|
|
var allowHide = status != "progress" && status != 'cancelled';
|
|
|
|
Dashboard.showFooterNotification({ html: html, id: installation.Id, timeout: timeout, forceShow: forceShow, allowHide: allowHide });
|
|
},
|
|
|
|
processLibraryUpdateNotification: function (data) {
|
|
|
|
var newItems = data.ItemsAdded;
|
|
|
|
if (!newItems.length) {
|
|
return;
|
|
}
|
|
|
|
ApiClient.getItems(Dashboard.getCurrentUserId(), {
|
|
|
|
Recursive: true,
|
|
Limit: 3,
|
|
Filters: "IsNotFolder",
|
|
SortBy: "DateCreated",
|
|
SortOrder: "Descending",
|
|
ImageTypes: "Primary",
|
|
Ids: newItems.join(',')
|
|
|
|
}).done(function (result) {
|
|
|
|
var items = result.Items;
|
|
|
|
for (var i = 0, length = Math.min(items.length, 2) ; i < length; i++) {
|
|
|
|
var item = items[i];
|
|
|
|
var notification = {
|
|
title: "New " + item.Type,
|
|
body: item.Name,
|
|
timeout: 5000
|
|
};
|
|
|
|
var imageTags = item.ImageTags || {};
|
|
|
|
if (imageTags.Primary) {
|
|
|
|
notification.icon = ApiClient.getScaledImageUrl(item.Id, {
|
|
width: 60,
|
|
tag: imageTags.Primary,
|
|
type: "Primary"
|
|
});
|
|
}
|
|
|
|
WebNotifications.show(notification);
|
|
}
|
|
});
|
|
},
|
|
|
|
ensurePageTitle: function (page) {
|
|
|
|
if (!page.hasClass('type-interior')) {
|
|
return;
|
|
}
|
|
|
|
if ($('.pageTitle', page).length) {
|
|
return;
|
|
}
|
|
|
|
var parent = $('.content-primary', page);
|
|
|
|
if (!parent.length) {
|
|
parent = $('.ui-content', page)[0];
|
|
}
|
|
|
|
var helpUrl = page.attr('data-helpurl');
|
|
|
|
var html = '<div>';
|
|
html += '<h1 class="pageTitle" style="display:inline-block;">' + (document.title || ' ') + '</h1>';
|
|
|
|
if (helpUrl) {
|
|
html += '<a href="' + helpUrl + '" target="_blank" class="accentButton accentButton-g" style="margin-top:-10px;"><i class="fa fa-info-circle"></i>' + Globalize.translate('ButtonHelp') + '</a>';
|
|
}
|
|
|
|
html += '</div>';
|
|
|
|
$(parent).prepend(html);
|
|
},
|
|
|
|
setPageTitle: function (title) {
|
|
|
|
$('.pageTitle', $.mobile.activePage).html(title);
|
|
|
|
if (title) {
|
|
document.title = title;
|
|
}
|
|
},
|
|
|
|
getDisplayTime: function (ticks) {
|
|
|
|
var ticksPerHour = 36000000000;
|
|
var ticksPerMinute = 600000000;
|
|
var ticksPerSecond = 10000000;
|
|
|
|
var parts = [];
|
|
|
|
var hours = ticks / ticksPerHour;
|
|
hours = Math.floor(hours);
|
|
|
|
if (hours) {
|
|
parts.push(hours);
|
|
}
|
|
|
|
ticks -= (hours * ticksPerHour);
|
|
|
|
var minutes = ticks / ticksPerMinute;
|
|
minutes = Math.floor(minutes);
|
|
|
|
ticks -= (minutes * ticksPerMinute);
|
|
|
|
if (minutes < 10 && hours) {
|
|
minutes = '0' + minutes;
|
|
}
|
|
parts.push(minutes);
|
|
|
|
var seconds = ticks / ticksPerSecond;
|
|
seconds = Math.floor(seconds);
|
|
|
|
if (seconds < 10) {
|
|
seconds = '0' + seconds;
|
|
}
|
|
parts.push(seconds);
|
|
|
|
return parts.join(':');
|
|
},
|
|
|
|
populateLanguages: function (select, languages) {
|
|
|
|
var html = "";
|
|
|
|
html += "<option value=''></option>";
|
|
|
|
for (var i = 0, length = languages.length; i < length; i++) {
|
|
|
|
var culture = languages[i];
|
|
|
|
html += "<option value='" + culture.TwoLetterISOLanguageName + "'>" + culture.DisplayName + "</option>";
|
|
}
|
|
|
|
$(select).html(html).selectmenu("refresh");
|
|
},
|
|
|
|
populateCountries: function (select, allCountries) {
|
|
|
|
var html = "";
|
|
|
|
html += "<option value=''></option>";
|
|
|
|
for (var i = 0, length = allCountries.length; i < length; i++) {
|
|
|
|
var culture = allCountries[i];
|
|
|
|
html += "<option value='" + culture.TwoLetterISORegionName + "'>" + culture.DisplayName + "</option>";
|
|
}
|
|
|
|
$(select).html(html).selectmenu("refresh");
|
|
},
|
|
|
|
getSupportedRemoteCommands: function () {
|
|
|
|
// Full list
|
|
// https://github.com/MediaBrowser/MediaBrowser/blob/master/MediaBrowser.Model/Session/GeneralCommand.cs
|
|
return [
|
|
"GoHome",
|
|
"GoToSettings",
|
|
"VolumeUp",
|
|
"VolumeDown",
|
|
"Mute",
|
|
"Unmute",
|
|
"ToggleMute",
|
|
"SetVolume",
|
|
"SetAudioStreamIndex",
|
|
"SetSubtitleStreamIndex",
|
|
"DisplayContent",
|
|
"GoToSearch",
|
|
"DisplayMessage"
|
|
];
|
|
|
|
},
|
|
|
|
isServerlessPage: function () {
|
|
var url = getWindowUrl().toLowerCase();
|
|
return url.indexOf('connectlogin.html') != -1 || url.indexOf('selectserver.html') != -1;
|
|
},
|
|
|
|
capabilities: function () {
|
|
return {
|
|
PlayableMediaTypes: "Audio,Video",
|
|
|
|
SupportedCommands: Dashboard.getSupportedRemoteCommands().join(','),
|
|
SupportsPersistentIdentifier: false,
|
|
SupportsMediaControl: true
|
|
};
|
|
}
|
|
};
|
|
|
|
(function () {
|
|
|
|
function generateDeviceName() {
|
|
|
|
var name = "Web Browser";
|
|
|
|
if ($.browser.chrome) {
|
|
name = "Chrome";
|
|
} else if ($.browser.safari) {
|
|
name = "Safari";
|
|
} else if ($.browser.webkit) {
|
|
name = "WebKit";
|
|
} else if ($.browser.msie) {
|
|
name = "Internet Explorer";
|
|
} else if ($.browser.opera) {
|
|
name = "Opera";
|
|
} else if ($.browser.firefox || $.browser.mozilla) {
|
|
name = "Firefox";
|
|
}
|
|
|
|
if ($.browser.version) {
|
|
name += " " + $.browser.version;
|
|
}
|
|
|
|
if ($.browser.ipad) {
|
|
name += " Ipad";
|
|
} else if ($.browser.iphone) {
|
|
name += " Iphone";
|
|
} else if ($.browser.android) {
|
|
name += " Android";
|
|
}
|
|
return name;
|
|
}
|
|
|
|
if (!window.WebSocket) {
|
|
|
|
alert(Globalize.translate('MessageBrowserDoesNotSupportWebSockets'));
|
|
}
|
|
|
|
function initializeApiClient(apiClient) {
|
|
|
|
$(apiClient).off('.dashboard')
|
|
.on("websocketmessage.dashboard", Dashboard.onWebSocketMessageReceived)
|
|
.on('requestfail.dashboard', Dashboard.onRequestFail)
|
|
.on('serveraddresschanged.dashboard', Dashboard.onApiClientServerAddressChanged);
|
|
}
|
|
|
|
var appName = "Dashboard";
|
|
var appVersion = window.dashboardVersion;
|
|
var deviceName = generateDeviceName();
|
|
var deviceId = MediaBrowser.generateDeviceId();
|
|
var credentialProvider = new MediaBrowser.CredentialProvider();
|
|
|
|
var capabilities = Dashboard.capabilities();
|
|
|
|
window.ConnectionManager = new MediaBrowser.ConnectionManager(Logger, credentialProvider, appName, appVersion, deviceName, deviceId, capabilities);
|
|
|
|
if (Dashboard.isConnectMode()) {
|
|
|
|
$(ConnectionManager).on('apiclientcreated', function (e, apiClient) {
|
|
|
|
initializeApiClient(apiClient);
|
|
});
|
|
|
|
if (!Dashboard.isServerlessPage()) {
|
|
if (Dashboard.serverAddress() && Dashboard.getCurrentUserId() && Dashboard.getAccessToken()) {
|
|
window.ApiClient = new MediaBrowser.ApiClient(Logger, Dashboard.serverAddress(), appName, appVersion, deviceName, deviceId);
|
|
|
|
ApiClient.setCurrentUserId(Dashboard.getCurrentUserId(), Dashboard.getAccessToken());
|
|
|
|
initializeApiClient(ApiClient);
|
|
|
|
ConnectionManager.addApiClient(ApiClient, true).fail(Dashboard.logout);
|
|
} else {
|
|
Dashboard.logout();
|
|
return;
|
|
}
|
|
}
|
|
|
|
} else {
|
|
|
|
window.ApiClient = new MediaBrowser.ApiClient(Logger, Dashboard.serverAddress(), appName, appVersion, deviceName, deviceId);
|
|
|
|
ApiClient.setCurrentUserId(Dashboard.getCurrentUserId(), Dashboard.getAccessToken());
|
|
|
|
initializeApiClient(ApiClient);
|
|
|
|
ConnectionManager.addApiClient(ApiClient);
|
|
}
|
|
|
|
if (window.ApiClient) {
|
|
Dashboard.importCss(ApiClient.getUrl('Branding/Css'));
|
|
}
|
|
|
|
})();
|
|
|
|
$(function () {
|
|
|
|
var videoPlayerHtml = '<div id="mediaPlayer" data-theme="b" class="ui-bar-b" style="display: none;">';
|
|
|
|
videoPlayerHtml += '<div class="videoBackdrop">';
|
|
videoPlayerHtml += '<div id="videoPlayer">';
|
|
|
|
videoPlayerHtml += '<div id="videoElement">';
|
|
videoPlayerHtml += '<div id="play" class="status"></div>';
|
|
videoPlayerHtml += '<div id="pause" class="status"></div>';
|
|
videoPlayerHtml += '</div>';
|
|
|
|
videoPlayerHtml += '<div class="videoTopControls hiddenOnIdle">';
|
|
videoPlayerHtml += '<div class="videoTopControlsLogo"></div>';
|
|
videoPlayerHtml += '<div class="videoAdvancedControls">';
|
|
|
|
videoPlayerHtml += '<button class="mediaButton videoTrackControl previousTrackButton" title="Previous video" type="button" onclick="MediaPlayer.previousTrack();" data-icon="previous-track" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonPreviousTrack') + '</button>';
|
|
videoPlayerHtml += '<button class="mediaButton videoTrackControl nextTrackButton" title="Next video" type="button" onclick="MediaPlayer.nextTrack();" data-icon="next-track" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonNextTrack') + '</button>';
|
|
|
|
videoPlayerHtml += '<button class="mediaButton videoAudioButton" title="Audio tracks" type="button" data-icon="audiocd" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonAudioTracks') + '</button>';
|
|
videoPlayerHtml += '<div data-role="popup" class="videoAudioPopup videoPlayerPopup" data-history="false" data-theme="b"></div>';
|
|
|
|
videoPlayerHtml += '<button class="mediaButton videoSubtitleButton" title="Subtitles" type="button" data-icon="subtitles" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonFullscreen') + '</button>';
|
|
videoPlayerHtml += '<div data-role="popup" class="videoSubtitlePopup videoPlayerPopup" data-history="false" data-theme="b"></div>';
|
|
|
|
videoPlayerHtml += '<button class="mediaButton videoChaptersButton" title="Scenes" type="button" data-icon="video" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonScenes') + '</button>';
|
|
videoPlayerHtml += '<div data-role="popup" class="videoChaptersPopup videoPlayerPopup" data-history="false" data-theme="b"></div>';
|
|
|
|
videoPlayerHtml += '<button class="mediaButton videoQualityButton" title="Quality" type="button" data-icon="gear" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonQuality') + '</button>';
|
|
videoPlayerHtml += '<div data-role="popup" class="videoQualityPopup videoPlayerPopup" data-history="false" data-theme="b"></div>';
|
|
|
|
videoPlayerHtml += '<button class="mediaButton" title="Stop" type="button" onclick="MediaPlayer.stop();" data-icon="delete" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonStop') + '</button>';
|
|
|
|
videoPlayerHtml += '</div>'; // videoAdvancedControls
|
|
videoPlayerHtml += '</div>'; // videoTopControls
|
|
|
|
// Create controls
|
|
videoPlayerHtml += '<div class="videoControls hiddenOnIdle">';
|
|
|
|
videoPlayerHtml += '<button id="video-previousTrackButton" class="mediaButton previousTrackButton videoTrackControl" title="Previous Track" type="button" onclick="MediaPlayer.previousTrack();" data-icon="previous-track" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonPreviousTrack') + '</button>';
|
|
videoPlayerHtml += '<button id="video-playButton" class="mediaButton" title="Play" type="button" onclick="MediaPlayer.unpause();" data-icon="play" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonPlay') + '</button>';
|
|
videoPlayerHtml += '<button id="video-pauseButton" class="mediaButton" title="Pause" type="button" onclick="MediaPlayer.pause();" data-icon="pause" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonPause') + '</button>';
|
|
videoPlayerHtml += '<button id="video-nextTrackButton" class="mediaButton nextTrackButton videoTrackControl" title="Next Track" type="button" onclick="MediaPlayer.nextTrack();" data-icon="next-track" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonNextTrack') + '</button>';
|
|
|
|
videoPlayerHtml += '<div class="positionSliderContainer sliderContainer">';
|
|
videoPlayerHtml += '<input type="range" class="mediaSlider positionSlider slider" step=".001" min="0" max="100" value="0" style="display:none;" data-mini="true" data-theme="a" data-highlight="true" />';
|
|
videoPlayerHtml += '</div>';
|
|
|
|
videoPlayerHtml += '<div class="currentTime">--:--</div>';
|
|
|
|
videoPlayerHtml += '<div class="nowPlayingInfo hiddenOnIdle">';
|
|
videoPlayerHtml += '<div class="nowPlayingImage"></div>';
|
|
videoPlayerHtml += '<div class="nowPlayingText"></div>';
|
|
videoPlayerHtml += '</div>'; // nowPlayingInfo
|
|
|
|
videoPlayerHtml += '<button id="video-muteButton" class="mediaButton muteButton" title="Mute" type="button" onclick="MediaPlayer.mute();" data-icon="audio" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonMute') + '</button>';
|
|
videoPlayerHtml += '<button id="video-unmuteButton" class="mediaButton unmuteButton" title="Unmute" type="button" onclick="MediaPlayer.unMute();" data-icon="volume-off" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonUnmute') + '</button>';
|
|
|
|
videoPlayerHtml += '<div class="volumeSliderContainer sliderContainer">';
|
|
videoPlayerHtml += '<input type="range" class="mediaSlider volumeSlider slider" step=".05" min="0" max="1" value="0" style="display:none;" data-mini="true" data-theme="a" data-highlight="true" />';
|
|
videoPlayerHtml += '</div>';
|
|
|
|
videoPlayerHtml += '<button onclick="MediaPlayer.toggleFullscreen();" id="video-fullscreenButton" class="mediaButton fullscreenButton" title="Fullscreen" type="button" data-icon="expand" data-iconpos="notext" data-inline="true">' + Globalize.translate('ButtonFullscreen') + '</button>';
|
|
|
|
videoPlayerHtml += '</div>'; // videoControls
|
|
|
|
videoPlayerHtml += '</div>'; // videoPlayer
|
|
videoPlayerHtml += '</div>'; // videoBackdrop
|
|
videoPlayerHtml += '</div>'; // mediaPlayer
|
|
|
|
$(document.body).append(videoPlayerHtml);
|
|
|
|
var mediaPlayerElem = $('#mediaPlayer', document.body);
|
|
mediaPlayerElem.trigger('create');
|
|
|
|
var footerHtml = '<div id="footer" data-theme="b" class="ui-bar-b">';
|
|
|
|
footerHtml += '<div id="footerNotifications"></div>';
|
|
footerHtml += '</div>';
|
|
|
|
$(document.body).append(footerHtml);
|
|
|
|
var footerElem = $('#footer', document.body);
|
|
footerElem.trigger('create');
|
|
|
|
$(window).on("beforeunload", function () {
|
|
|
|
var apiClient = ConnectionManager.currentApiClient();
|
|
|
|
// Close the connection gracefully when possible
|
|
if (apiClient && apiClient.isWebSocketOpen() && !MediaPlayer.isPlaying()) {
|
|
|
|
console.log('Sending close web socket command');
|
|
apiClient.closeWebSocket();
|
|
}
|
|
});
|
|
|
|
$(document).on('contextmenu', '.ui-popup-screen', function (e) {
|
|
|
|
$('.ui-popup').popup('close');
|
|
|
|
e.preventDefault();
|
|
return false;
|
|
});
|
|
|
|
function isTouchDevice() {
|
|
return (('ontouchstart' in window)
|
|
|| (navigator.MaxTouchPoints > 0)
|
|
|| (navigator.msMaxTouchPoints > 0));
|
|
}
|
|
|
|
if (isTouchDevice()) {
|
|
$(document.body).addClass('touch');
|
|
}
|
|
});
|
|
|
|
Dashboard.jQueryMobileInit();
|
|
|
|
$(document).on('pagecreate', ".page", function () {
|
|
|
|
var page = $(this);
|
|
|
|
var current = page.data('theme');
|
|
if (current) {
|
|
return;
|
|
}
|
|
|
|
var newTheme;
|
|
|
|
if (page.hasClass('libraryPage')) {
|
|
newTheme = 'b';
|
|
} else {
|
|
newTheme = 'a';
|
|
}
|
|
|
|
current = page.page("option", "theme");
|
|
|
|
if (current && current != newTheme) {
|
|
page.page("option", "theme", newTheme);
|
|
}
|
|
|
|
}).on('pagebeforeshow', ".page", function () {
|
|
|
|
var page = $(this);
|
|
|
|
var isConnectMode = Dashboard.isConnectMode();
|
|
|
|
if (isConnectMode && !page.hasClass('connectLoginPage')) {
|
|
|
|
if (!ConnectionManager.isLoggedIntoConnect()) {
|
|
|
|
console.log('Not logged into connect. Redirecting to login.');
|
|
Dashboard.logout();
|
|
return;
|
|
}
|
|
}
|
|
|
|
var apiClient = ConnectionManager.currentApiClient();
|
|
|
|
if (Dashboard.getAccessToken() && Dashboard.getCurrentUserId()) {
|
|
|
|
if (apiClient) {
|
|
Dashboard.getCurrentUser().done(function (user) {
|
|
|
|
var isSettingsPage = page.hasClass('type-interior');
|
|
|
|
if (!user.Policy.IsAdministrator && isSettingsPage) {
|
|
window.location.replace("index.html");
|
|
return;
|
|
}
|
|
|
|
if (isSettingsPage) {
|
|
Dashboard.ensureToolsMenu(page, user);
|
|
}
|
|
});
|
|
}
|
|
|
|
Dashboard.ensureHeader(page);
|
|
Dashboard.ensurePageTitle(page);
|
|
}
|
|
|
|
else {
|
|
|
|
if (this.id !== "loginPage" && !page.hasClass('forgotPasswordPage') && !page.hasClass('wizardPage') && !isConnectMode) {
|
|
|
|
console.log('Not logged into server. Redirecting to login.');
|
|
Dashboard.logout();
|
|
return;
|
|
}
|
|
|
|
Dashboard.ensureHeader(page);
|
|
Dashboard.ensurePageTitle(page);
|
|
}
|
|
|
|
if (apiClient && !apiClient.isWebSocketOpen()) {
|
|
Dashboard.refreshSystemInfoFromServer();
|
|
}
|
|
}); |