mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

update to jquery mobile 1.4

Browse source
This commit is contained in:
Luke Pulverenti 2013-12-24 13:37:29 -05:00
parent c3773cf7c2
commit 37ccaa59ab
130 changed files with 756 additions and 1659 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dashboard-ui/scripts/addpluginpage.js
View file

@ -70,7 +70,7 @@
$.when(promise1, promise2).done(function (response1, response2) {
//positive
var html = '<div data-role="collapsible" data-content-theme="c" data-collapsed="true" style="margin-top: 2em;" >';
var html = '<div data-role="collapsible" data-collapsed="true" style="margin-top: 2em;" >';
html += '<h3>Latest Outstanding Reviews</h3>';
var positive = response1[0];
var hasReviews = false;
@ -103,7 +103,7 @@
html += "</div>";
//negative
html += '<div data-role="collapsible" data-content-theme="c" data-collapsed="true" style="margin-top: 2em;" >';
html += '<div data-role="collapsible" data-collapsed="true" style="margin-top: 2em;" >';
html += '<h3>Latest Negative Reviews</h3>';
var negative = response2[0];
hasReviews = false;
@ -313,7 +313,7 @@
var page = $(this).parents('#addPluginPage');
$('#btnInstall', page).button('disable');
$('#btnInstall', page).buttonEnabled(false);
var name = getParameterByName('name');
var guid = getParameterByName('guid');
@ -339,7 +339,7 @@
Dashboard.showLoadingMsg();
performInstallation(name, guid, vals[1], version);
} else {
$('#btnInstall', page).button('enable');
$('#btnInstall', page).buttonEnabled(true);
}
});

61
dashboard-ui/scripts/dashboardpage.js
View file

@ -2,8 +2,10 @@
onPageShow: function () {
var page = this;
Dashboard.showLoadingMsg();
DashboardPage.pollForInfo();
DashboardPage.pollForInfo(page);
DashboardPage.startInterval();
$(ApiClient).on("websocketmessage", DashboardPage.onWebSocketMessage).on("websocketopen", DashboardPage.onWebSocketConnectionChange).on("websocketerror", DashboardPage.onWebSocketConnectionChange).on("websocketclose", DashboardPage.onWebSocketConnectionChange);
@ -13,9 +15,9 @@
Dashboard.getPluginSecurityInfo().done(function (pluginSecurityInfo) {
if (pluginSecurityInfo.IsMBSupporter) {
$('#contribute').hide();
$('#contribute', page).hide();
} else {
$('#contribute').show();
$('#contribute', page).show();
}
});
@ -43,8 +45,10 @@
onWebSocketMessage: function (e, msg) {
var page = $.mobile.activePage;
if (msg.MessageType == "DashboardInfo") {
DashboardPage.renderInfo(msg.Data);
DashboardPage.renderInfo(page, msg.Data);
}
},
@ -54,24 +58,27 @@
DashboardPage.startInterval();
},
pollForInfo: function () {
$.getJSON("dashboardInfo").done(DashboardPage.renderInfo);
pollForInfo: function (page) {
$.getJSON("dashboardInfo").done(function (result) {
DashboardPage.renderInfo(page, result);
});
},
renderInfo: function (dashboardInfo) {
renderInfo: function (page, dashboardInfo) {
DashboardPage.lastDashboardInfo = dashboardInfo;
DashboardPage.renderRunningTasks(dashboardInfo);
DashboardPage.renderSystemInfo(dashboardInfo);
DashboardPage.renderActiveConnections(dashboardInfo);
DashboardPage.renderSystemInfo(page, dashboardInfo);
DashboardPage.renderActiveConnections(page, dashboardInfo);
Dashboard.hideLoadingMsg();
},
renderActiveConnections: function (dashboardInfo) {
var page = $.mobile.activePage;
renderActiveConnections: function (page, dashboardInfo) {
var html = '';
@ -314,12 +321,10 @@
return true;
},
renderSystemInfo: function (dashboardInfo) {
renderSystemInfo: function (page, dashboardInfo) {
Dashboard.updateSystemInfo(dashboardInfo.SystemInfo);
var page = $.mobile.activePage;
$('#appVersionNumber', page).html(dashboardInfo.SystemInfo.Version);
var port = dashboardInfo.SystemInfo.HttpServerPortNumber;
@ -345,11 +350,11 @@
}).length) {
$('#btnUpdateApplication', page).button('disable');
$('#btnUpdateApplication', page).buttonEnabled(false);
} else {
$('#btnUpdateApplication', page).button('enable');
$('#btnUpdateApplication', page).buttonEnabled(true);
}
if (dashboardInfo.SystemInfo.CanSelfRestart) {
$('.btnRestartContainer', page).removeClass('hide');
} else {
@ -387,7 +392,7 @@
$('#pUpToDate', page).hide();
$('#pUpdateNow', page).show();
if (dashboardInfo.SystemInfo.CanSelfUpdate) {
$('#btnUpdateApplicationContainer', page).show();
$('#btnManualUpdateContainer', page).hide();
@ -489,7 +494,7 @@
installPluginUpdate: function (button) {
$(button).button('disable');
$(button).buttonEnabled(false);
var name = button.getAttribute('data-name');
var guid = button.getAttribute('data-guid');
@ -507,13 +512,13 @@
updateApplication: function () {
var page = $.mobile.activePage;
$('#btnUpdateApplication', page).button('disable');
$('#btnUpdateApplication', page).buttonEnabled(false);
Dashboard.showLoadingMsg();
ApiClient.startScheduledTask(DashboardPage.lastDashboardInfo.ApplicationUpdateTaskId).done(function () {
DashboardPage.pollForInfo();
DashboardPage.pollForInfo(page);
Dashboard.hideLoadingMsg();
});
@ -521,9 +526,11 @@
stopTask: function (id) {
var page = $.mobile.activePage;
ApiClient.stopScheduledTask(id).done(function () {
DashboardPage.pollForInfo();
DashboardPage.pollForInfo(page);
});
},
@ -533,8 +540,8 @@
Dashboard.confirm("Are you sure you wish to restart Media Browser Server?", "Restart", function (result) {
if (result) {
$('#btnRestartServer').button('disable');
$('#btnShutdown').button('disable');
$('#btnRestartServer').buttonEnabled(false);
$('#btnShutdown').buttonEnabled(false);
Dashboard.restartServer();
}
@ -546,8 +553,8 @@
Dashboard.confirm("Are you sure you wish to shutdown Media Browser Server?", "Shutdown", function (result) {
if (result) {
$('#btnRestartServer').button('disable');
$('#btnShutdown').button('disable');
$('#btnRestartServer').buttonEnabled(false);
$('#btnShutdown').buttonEnabled(false);
ApiClient.shutdownServer();
}

14
dashboard-ui/scripts/directorybrowser.js
View file

@ -98,15 +98,15 @@
options.header = options.header || "Select Media Path";
options.instruction = options.instruction || "Any path will do, but for optimal playback of bluray, dvd folders, and games, <b>network paths (UNC)</b> are recommended.";
var html = '<div data-role="popup" id="popupDirectoryPicker" class="ui-corner-all popup" style="min-width:65%;">';
var html = '<div data-role="popup" id="popupDirectoryPicker" class="popup" style="min-width:65%;">';
html += '<div class="ui-corner-top ui-bar-a" style="text-align: center; padding: 0 20px;">';
html += '<div class="ui-bar-a" style="text-align: center; padding: 0 20px;">';
html += '<h3>' + options.header + '</h3>';
html += '</div>';
html += '<div data-role="content" class="ui-corner-bottom ui-content">';
html += '<div data-role="content" class="ui-content">';
html += '<form>';
html += '<p class="directoryPickerHeadline">' + options.instruction + '</p>';
html += '<p class="directoryPickerHeadline">' + options.instruction + ' Network paths can be entered manually in the event the Network button fails to locate your devices. For example, <b>\\\\my-server</b> or <b>\\\\192.168.1.101</b>.</p>';
html += '<div style="margin:0;">';
html += '<label for="txtDirectoryPickerPath" class="lblDirectoryPickerPath">Current Path:</label>';
@ -114,8 +114,6 @@
html += '<button class="btnRefreshDirectories" type="button" data-icon="refresh" data-inline="true" data-mini="true" data-iconpos="notext">Refresh</button>';
html += '</div>';
html += '<div class="directoryPickerHeadline networkHeadline" style="margin:5px 0 1em;padding:.5em;max-width:95%;">Network paths <b>can be entered manually</b> in the event the Network button fails to locate your devices. For example, <b>\\\\my-server</b> or <b>\\\\192.168.1.101</b>.</div>';
html += '<div style="height: 320px; overflow-y: auto;">';
html += '<ul id="ulDirectoryPickerList" data-role="listview" data-inset="true" data-auto-enhanced="false"></ul>';
@ -124,8 +122,8 @@
html += '<p>';
html += '<button type="submit" data-theme="b" data-icon="ok">OK</button>';
html += '<button type="button" data-icon="delete" onclick="$(this).parents(\'.popup\').popup(\'close\');">Cancel</button>';
html += '<button type="submit" data-theme="b" data-icon="check" data-mini="true">OK</button>';
html += '<button type="button" data-icon="delete" onclick="$(this).parents(\'.popup\').popup(\'close\');" data-mini="true">Cancel</button>';
html += '</p>';
html += '</form>';
html += '</div>';

16
dashboard-ui/scripts/edititemimages.js
View file

@ -217,7 +217,7 @@
html += '</div>';
}
html += '<div><button class="btnDownloadRemoteImage" data-imageprovider="' + image.ProviderName + '" data-imageurl="' + image.Url + '" data-imagetype="' + image.Type + '" type="button" data-icon="save" data-mini="true">Download</button></div>';
html += '<div><button class="btnDownloadRemoteImage" data-imageprovider="' + image.ProviderName + '" data-imageurl="' + image.Url + '" data-imagetype="' + image.Type + '" type="button" data-icon="arrow-d" data-mini="true">Download</button></div>';
html += '</div>';
@ -261,9 +261,9 @@
html += '</span>';
if (showControls) {
html += '<button data-icon="arrow-left" data-iconpos="notext" data-inline="true" data-mini="true" class="btnPreviousPage" ' + (startIndex ? '' : 'disabled') + '>Previous Page</button>';
html += '<button data-icon="arrow-l" data-iconpos="notext" data-inline="true" data-mini="true" class="btnPreviousPage" ' + (startIndex ? '' : 'disabled') + '>Previous Page</button>';
html += '<button data-icon="arrow-right" data-iconpos="notext" data-inline="true" data-mini="true" class="btnNextPage" ' + (startIndex + limit > totalRecordCount ? 'disabled' : '') + '>Next Page</button>';
html += '<button data-icon="arrow-r" data-iconpos="notext" data-inline="true" data-mini="true" class="btnNextPage" ' + (startIndex + limit > totalRecordCount ? 'disabled' : '') + '>Next Page</button>';
}
html += '</div>';
@ -333,15 +333,15 @@
if (image.ImageType == "Backdrop" || image.ImageType == "Screenshot") {
if (i > 0) {
html += '<button type="button" data-icon="arrow-left" data-mini="true" data-inline="true" data-iconpos="notext" onclick="EditItemImagesPage.moveImage(\'' + image.ImageType + '\', ' + image.ImageIndex + ', ' + (i - 1) + ');">Move left</button>';
html += '<button type="button" data-icon="arrow-l" data-mini="true" data-inline="true" data-iconpos="notext" onclick="EditItemImagesPage.moveImage(\'' + image.ImageType + '\', ' + image.ImageIndex + ', ' + (i - 1) + ');">Move left</button>';
} else {
html += '<button type="button" data-icon="arrow-left" data-mini="true" data-inline="true" data-iconpos="notext" disabled>Move left</button>';
html += '<button type="button" data-icon="arrow-l" data-mini="true" data-inline="true" data-iconpos="notext" disabled>Move left</button>';
}
if (i < length - 1) {
html += '<button type="button" data-icon="arrow-right" data-mini="true" data-inline="true" data-iconpos="notext" onclick="EditItemImagesPage.moveImage(\'' + image.ImageType + '\', ' + image.ImageIndex + ', ' + (i + 1) + ');">Move right</button>';
html += '<button type="button" data-icon="arrow-r" data-mini="true" data-inline="true" data-iconpos="notext" onclick="EditItemImagesPage.moveImage(\'' + image.ImageType + '\', ' + image.ImageIndex + ', ' + (i + 1) + ');">Move right</button>';
} else {
html += '<button type="button" data-icon="arrow-right" data-mini="true" data-inline="true" data-iconpos="notext" disabled>Move right</button>';
html += '<button type="button" data-icon="arrow-r" data-mini="true" data-inline="true" data-iconpos="notext" disabled>Move right</button>';
}
}
@ -560,7 +560,7 @@
MetadataEditor.currentItemType = data.itemType;
//Dashboard.navigate('edititemmetadata.html?id=' + data.id);
$.mobile.urlHistory.ignoreNextHashChange = true;
//$.mobile.urlHistory.ignoreNextHashChange = true;
window.location.hash = 'editItemImagesPage?id=' + data.id;
browsableImageStartIndex = 0;

20
dashboard-ui/scripts/edititemmetadata.js
View file

@ -463,9 +463,9 @@
$('.saveButtonContainer', page).show();
}
$('#btnRefresh', page).button('enable');
$('#btnDelete', page).button('enable');
$('.btnSave', page).button('enable');
$('#btnRefresh', page).buttonEnabled(true);
$('#btnDelete', page).buttonEnabled(true);
$('.btnSave', page).buttonEnabled(true);
$('#refreshLoading', page).hide();
@ -1402,9 +1402,9 @@
$('#btnRefresh', this).on('click', function () {
$('#btnDelete', page).button('disable');
$('#btnRefresh', page).button('disable');
$('.btnSave', page).button('disable');
$('#btnDelete', page).buttonEnabled(false);
$('#btnRefresh', page).buttonEnabled(false);
$('.btnSave', page).buttonEnabled(false);
$('#refreshLoading', page).show();
@ -1447,9 +1447,9 @@
if (result) {
$('#btnDelete', page).button('disable');
$('#btnRefresh', page).button('disable');
$('.btnSave', page).button('disable');
$('#btnDelete', page).buttonEnabled(false);
$('#btnRefresh', page).buttonEnabled(false);
$('.btnSave', page).buttonEnabled(false);
$('#refreshLoading', page).show();
@ -1477,7 +1477,7 @@
MetadataEditor.currentItemType = data.itemType;
//Dashboard.navigate('edititemmetadata.html?id=' + data.id);
$.mobile.urlHistory.ignoreNextHashChange = true;
//$.mobile.urlHistory.ignoreNextHashChange = true;
window.location.hash = 'editItemMetadataPage?id=' + data.id;
reload(page);

20
dashboard-ui/scripts/edititempeople.js
View file

@ -16,7 +16,7 @@
MetadataEditor.getItemPromise().done(function (item) {
$('#btnRefresh', page).button('enable');
$('#btnRefresh', page).buttonEnabled(true);
if (item.LocationType == "Offline") {
$('#divAddPerson', page).hide();
@ -71,19 +71,21 @@
html += '<input type="hidden" name="originalName" value="' + name + '">';
html += '<input type="hidden" name="originalRole" value="' + role + '">';
html += '<input type="hidden" name="originalType" value="' + type + '">';
html += '<label for="txtName">Name:</label>';
// The floats are to prevent jquery mobile from floating it
html += '<label for="txtName" style="float:none;">Name:</label>';
html += '<span class="read"> ' + (name) + '</span><span style="display:none;" class="edit">';
html += '<input type="text" name="txtName" required="required" data-mini="true" value="' + (name) + '"/>';
html += '</span>';
html += '</div>';
html += '<div data-role="fieldcontain">';
html += '<label for="txtRole">Role:</label>';
html += '<label for="txtRole" style="float:none;">Role:</label>';
html += '<span class="read"> ' + (role) + '</span><span style="display:none;" class="edit">';
html += '<input type="text" name="txtRole" required="required" data-mini="true" value="' + (role) + '"/>';
html += '</span>';
html += '</div>';
html += '<div data-role="fieldcontain">';
html += '<label for="selectType">Type:</label>';
html += '<label for="selectType" style="float:none;">Type:</label>';
html += '<span class="read"> ' + (type) + '</span><span style="display:none;" class="edit">';
html += '<select name="selectType" data-inline="true" data-mini="true">';
html += generateTypes(type);
@ -94,7 +96,7 @@
if (item.LocationType !== "Offline") {
html += '<span class="read">';
html += '<button type="button" class="edit" data-mini="true" data-inline="true" data-icon="pencil" onclick="EditItemPeoplePage.displayEdit(this)">Edit</button>';
html += '<button type="button" class="edit" data-mini="true" data-inline="true" data-icon="edit" onclick="EditItemPeoplePage.displayEdit(this)">Edit</button>';
html += '</span>';
}
@ -187,13 +189,13 @@
self.addPerson = function () {
var page = $.mobile.activePage;
var html = '<div data-role="popup" id="popupCreatePerson" class="ui-corner-all popup" style=" width: 270px;" >';
var html = '<div data-role="popup" id="popupCreatePerson" class="popup" data-theme="a" style=" width: 270px;" >';
html += '<div class="ui-corner-top ui-bar-a" style="text-align: center; padding: 0 20px;">';
html += '<div class="ui-bar-b" style="text-align: center; padding: 0 20px;">';
html += '<h3>Add Person</h3>';
html += '</div>';
html += '<div data-role="content" class="ui-corner-bottom ui-content" style="padding:10px;">';
html += '<div style="padding:1em;">';
html += '<form>';
html += '<label for="txtPersonName">Name:</label>';
html += '<input type="text" id="txtPersonName" name="txtPersonName" required="required"/>';
@ -258,7 +260,7 @@
MetadataEditor.currentItemType = data.itemType;
//Dashboard.navigate('edititemmetadata.html?id=' + data.id);
$.mobile.urlHistory.ignoreNextHashChange = true;
//$.mobile.urlHistory.ignoreNextHashChange = true;
window.location.hash = 'editItemPeoplePage?id=' + data.id;
reload(page);

5
dashboard-ui/scripts/extensions.js
View file

@ -32,6 +32,11 @@ $.fn.checked = function (value) {
}
};
$.fn.buttonEnabled = function(enabled) {
return this;
};
if (!Array.prototype.filter) {
Array.prototype.filter = function (fun /*, thisp*/) {
"use strict";

17
dashboard-ui/scripts/librarybrowser.js
View file

@ -490,10 +490,10 @@
$('.playFlyout').popup("close").remove();
var html = '<div data-role="popup" class="playFlyout" style="max-width:300px;" data-corners="false" data-theme="c" data-history="false">';
var html = '<div data-role="popup" class="playFlyout" style="max-width:300px;" data-theme="a" data-history="false">';
html += '<ul data-role="listview" style="min-width: 150px;" data-theme="c">';
html += '<li data-role="list-divider" data-theme="a">Play Menu</li>';
html += '<ul data-role="listview" style="min-width: 150px;">';
html += '<li data-role="list-divider" data-theme="b">Play Menu</li>';
if (itemType == "MusicArtist") {
html += '<li><a href="#" onclick="MediaPlayer.playArtist(\'' + itemId + '\');LibraryBrowser.closePlayMenu();">Play</a></li>';
@ -1380,9 +1380,9 @@
html += '</span>';
if (showControls) {
html += '<button data-icon="arrow-left" data-iconpos="notext" data-inline="true" data-mini="true" class="btnPreviousPage" ' + (query.StartIndex ? '' : 'disabled') + '>Previous Page</button>';
html += '<button data-icon="arrow-l" data-iconpos="notext" data-inline="true" data-mini="true" class="btnPreviousPage" ' + (query.StartIndex ? '' : 'disabled') + '>Previous Page</button>';
html += '<button data-icon="arrow-right" data-iconpos="notext" data-inline="true" data-mini="true" class="btnNextPage" ' + (query.StartIndex + query.Limit > totalRecordCount ? 'disabled' : '') + '>Next Page</button>';
html += '<button data-icon="arrow-r" data-iconpos="notext" data-inline="true" data-mini="true" class="btnNextPage" ' + (query.StartIndex + query.Limit > totalRecordCount ? 'disabled' : '') + '>Next Page</button>';
var id = "selectPageSize" + new Date().getTime();
@ -1407,7 +1407,8 @@
options += getOption(400);
options += getOption(500);
html += '<label class="labelPageSize" for="' + id + '">Limit: </label><select class="selectPageSize" id="' + id + '" data-enhance="false" data-role="none">' + options + '</select>';
// Add styles to defeat jquery mobile
html += '<label style="display:inline;font-size:inherit;" class="labelPageSize" for="' + id + '">Limit: </label><select class="selectPageSize" id="' + id + '" data-enhance="false" data-role="none">' + options + '</select>';
}
html += '</div>';
@ -2351,8 +2352,8 @@
}) + '" />';
html += '</div>';
html += '<div class="galleryPopup" id="pop_' + index + '_' + tag + '" data-role="popup" data-theme="d" data-corners="false" data-overlay-theme="a">';
html += '<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>';
html += '<div class="galleryPopup" id="pop_' + index + '_' + tag + '" data-role="popup">';
html += '<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>';
html += '<img class="" src="' + LibraryBrowser.getImageUrl(item, type, index, {
maxwidth: screenWidth,

2
dashboard-ui/scripts/librarysettings.js
View file

@ -40,7 +40,7 @@
picker.close();
},
header: "Select Items By Name Path",
header: "Select Images By Name Path",
instruction: "Browse or enter the path to your items by name folder. The folder must be writeable."
});

8
dashboard-ui/scripts/medialibrarypage.js
View file

@ -93,7 +93,7 @@
getVirtualFolderHtml: function (virtualFolder, isCollapsed, index) {
isCollapsed = isCollapsed ? "true" : "false";
var html = '<div class="collapsibleVirtualFolder" data-mini="true" data-role="collapsible" data-collapsed="' + isCollapsed + '" data-content-theme="c">';
var html = '<div class="collapsibleVirtualFolder" data-mini="true" data-role="collapsible" data-collapsed="' + isCollapsed + '">';
html += '<h3>' + virtualFolder.Name + '</h3>';
@ -110,7 +110,7 @@
html += '<ul class="mediaFolderLocations" data-inset="true" data-role="listview" data-split-icon="minus">';
html += '<li data-role="list-divider" class="mediaLocationsHeader">Media Locations';
html += '<button type="button" data-icon="plus" data-mini="true" data-theme="c" data-inline="true" data-iconpos="notext" onclick="MediaLibraryPage.addMediaLocation(' + index + ');"></button>';
html += '<button type="button" data-icon="plus" data-mini="true" data-inline="true" data-iconpos="notext" onclick="MediaLibraryPage.addMediaLocation(' + index + ');"></button>';
html += '</li>';
for (var i = 0, length = virtualFolder.Locations.length; i < length; i++) {
@ -125,8 +125,8 @@
html += '<p>';
html += '<button type="button" data-inline="true" data-icon="minus" data-folderindex="' + index + '" onclick="MediaLibraryPage.deleteVirtualFolder(this);" data-mini="true">Remove</button>';
html += '<button type="button" data-inline="true" data-icon="pencil" data-folderindex="' + index + '" onclick="MediaLibraryPage.renameVirtualFolder(this);" data-mini="true">Rename</button>';
html += '<button type="button" data-inline="true" data-icon="pencil" data-folderindex="' + index + '" onclick="MediaLibraryPage.changeCollectionType(this);" data-mini="true">Change type</button>';
html += '<button type="button" data-inline="true" data-icon="edit" data-folderindex="' + index + '" onclick="MediaLibraryPage.renameVirtualFolder(this);" data-mini="true">Rename</button>';
html += '<button type="button" data-inline="true" data-icon="edit" data-folderindex="' + index + '" onclick="MediaLibraryPage.changeCollectionType(this);" data-mini="true">Change type</button>';
html += '</p>';
html += '</div>';

8
dashboard-ui/scripts/notifications.js
View file

@ -28,19 +28,19 @@
var html = '<div data-role="popup" class="notificationsFlyout" style="min-width:250px;margin-top:30px;margin-right:20px;background: #f8f8f8;">';
html += '<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>';
html += '<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>';
html += '<div class="ui-corner-top ui-bar-a" style="text-align:center;">';
html += '<div class="ui-bar-a" style="text-align:center;">';
html += '<h3 style="margin: .5em 0;">Notifications</h3>';
html += '</div>';
html += '<div data-role="content" class="ui-corner-bottom ui-content" style="padding: 0;">';
html += '<div data-role="content" style="padding: 0;">';
html += '<p class="notificationsFlyoutlist">Loading...';
html += '</p>';
html += '<p style="display:none;" class="btnMarkReadContainer"><button class="btnMarkRead" type="button" data-icon="ok" data-mini="true">Mark these read</button></p>';
html += '<p style="display:none;" class="btnMarkReadContainer"><button class="btnMarkRead" type="button" data-icon="check" data-mini="true">Mark these read</button></p>';
html += '</div>';
html += '</div>';

8
dashboard-ui/scripts/ratingdialog.js
View file

@ -10,13 +10,13 @@
options.header = options.header || "Rate and Review";
var html = '<div data-role="popup" id="popupRatingDialog" class="ui-corner-all popup" style="min-width:400px;" data-dismissible="false">';
var html = '<div data-role="popup" id="popupRatingDialog" class="popup" style="min-width:400px;">';
html += '<div class="ui-corner-top ui-bar-a" style="text-align: center; padding: 0 20px;">';
html += '<div class="ui-bar-a" style="text-align: center; padding: 0 20px;">';
html += '<h3>' + options.header + '</h3>';
html += '</div>';
html += '<div data-role="content" class="ui-corner-bottom ui-content">';
html += '<div style="padding: 1em;">';
html += '<form>';
html += '<div style="margin:0;">';
@ -32,7 +32,7 @@
html += '<p>';
html += '<button type="submit" data-theme="b" data-icon="ok">OK</button>';
html += '<button type="submit" data-theme="b" data-icon="check">OK</button>';
html += '<button type="button" data-icon="delete" onclick="$(this).parents(\'.popup\').popup(\'close\');">Cancel</button>';
html += '</p>';
html += '<p id="errorMsg" style="display:none; color:red; font-weight:bold">';

41
dashboard-ui/scripts/remotecontrol.js
View file

@ -64,13 +64,13 @@
var item = options.item;
var html = '<div data-role="popup" id="remoteControlFlyout">';
var html = '<div data-role="popup" id="remoteControlFlyout" data-theme="a">';
html += '<div class="ui-corner-top ui-bar-a" style="text-align:center;">';
html += '<div class="ui-bar-b" style="text-align:center;">';
html += '<div style="margin:.5em 0;">Remote Control</div>';
html += '</div>';
html += '<div data-role="content" class="ui-corner-bottom ui-content">';
html += '<div style="padding: 1em;">';
html += '<form id="sendToForm">';
html += '<input type="hidden" value="PlayNow" id="fldPlayCommand" />';
@ -82,15 +82,15 @@
html += '<p style="text-align:center;margin:.75em 0 0;">';
html += '<span id="playButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'PlayNow\');" type="submit" data-icon="play" data-theme="b" data-mini="true" data-inline="true">Play</button></span>';
html += '<span id="playButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'PlayNow\');" type="submit" data-icon="play" data-mini="true" data-inline="true">Play</button></span>';
html += '<span id="resumeButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'Resume\');" type="submit" data-icon="play" data-theme="b" data-mini="true" data-inline="true">Resume</button></span>';
html += '<span id="resumeButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'Resume\');" type="submit" data-icon="play" data-mini="true" data-inline="true">Resume</button></span>';
html += '<span id="queueButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'PlayLast\');" type="submit" data-icon="plus" data-theme="b" data-mini="true" data-inline="true">Queue</button></span>';
html += '<span id="queueButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'PlayLast\');" type="submit" data-icon="plus" data-mini="true" data-inline="true">Queue</button></span>';
html += '<span id="browseButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'Browse\');" type="submit" data-icon="arrow-right" data-theme="b" data-mini="true" data-inline="true">Browse</button></span>';
html += '<span id="browseButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'Browse\');" type="submit" data-icon="eye" data-mini="true" data-inline="true">Browse</button></span>';
html += '<button type="button" data-icon="delete" onclick="$(\'#remoteControlFlyout\').popup(\'close\');" data-theme="a" data-mini="true" data-inline="true">Cancel</button>';
html += '<button type="button" data-icon="delete" onclick="$(\'#remoteControlFlyout\').popup(\'close\');" data-mini="true" data-inline="true">Cancel</button>';
html += '</p>';
@ -655,13 +655,15 @@
function showMenu(sessions) {
var html = '<div data-role="popup" id="remoteControlFlyout">';
var html = '<div data-role="popup" id="remoteControlFlyout" data-theme="a">';
html += '<div class="ui-corner-top ui-bar-a" style="text-align:center;">';
html += '<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="b">Close</a>';
html += '<div class="ui-bar-b" style="text-align:center;">';
html += '<div style="margin:.5em 0;">Remote Control</div>';
html += '</div>';
html += '<div data-role="content" class="ui-corner-bottom ui-content">';
html += '<div style="padding: 1em;">';
html += '<div class="sessionsPopupContent">';
@ -686,11 +688,11 @@
html += '<p class="sessionButtons" style="text-align:center;">';
html += '<button class="btnGoHome" type="button" data-icon="home" data-mini="true" data-inline="true">Home</button>';
html += '<button class="btnGoToSettings" type="button" data-icon="wrench" data-mini="true" data-inline="true">Settings</button>';
html += '<button class="btnGoToSettings" type="button" data-icon="gear" data-mini="true" data-inline="true">Settings</button>';
html += '</p>';
html += '<div class="commandsCollapsible" data-role="collapsible" data-content-theme="c" data-collapsed="true" data-mini="true" style="margin-top: 1em;display:none;">';
html += '<div class="commandsCollapsible" data-role="collapsible" data-collapsed="true" data-mini="true" style="margin-top: 1em;display:none;">';
html += '<h4>Send Message</h4>';
html += '<div>';
@ -700,20 +702,13 @@
html += '<div style="display:inline-block;width:80%;"><input id="txtMessage" name="txtMessage" type="text" /></div>';
html += '<button type="button" data-icon="envelope" class="btnSendMessage" data-theme="a" data-mini="true" data-inline="true">Send</button>';
html += '<button type="button" data-icon="mail" class="btnSendMessage" data-mini="true" data-inline="true">Send</button>';
html += '</p>';
html += '</div>';
html += '</div>';
html += '<p style="text-align:center;margin:1em 0 0;">';
html += '<button type="button" data-icon="delete" onclick="$(\'#remoteControlFlyout\').popup(\'close\');" data-theme="a" data-mini="true" data-inline="true">Close</button>';
html += '</p>';
html += '</div>';
html += '</div>';
@ -880,11 +875,11 @@
html += '</div>';
html += '<div style="text-align:center; margin: 0 0 2em;">';
html += '<button class="btnPreviousTrack" type="button" data-icon="step-backward" data-inline="true" data-iconpos="notext">Previous track</button>';
html += '<button class="btnPreviousTrack" type="button" data-icon="previous-track" data-inline="true" data-iconpos="notext">Previous track</button>';
html += '<span class="btnPauseParent"><button class="btnPause" type="button" data-icon="pause" data-inline="true" data-iconpos="notext">Pause</button></span>';
html += '<span class="btnPlayParent"><button class="btnPlay" type="button" data-icon="play" data-inline="true" data-iconpos="notext">Play</button></span>';
html += '<button class="btnStop" type="button" data-icon="stop" data-inline="true" data-iconpos="notext">Stop</button>';
html += '<button class="btnNextTrack" type="button" data-icon="step-forward" data-inline="true" data-iconpos="notext">Next track</button>';
html += '<button class="btnNextTrack" type="button" data-icon="next-track" data-inline="true" data-iconpos="notext">Next track</button>';
html += '<button class="btnVolumeDown" type="button" data-icon="volume-down" data-inline="true" data-iconpos="notext">Decrease volume</button>';
html += '<button class="btnVolumeUp" type="button" data-icon="volume-up" data-inline="true" data-iconpos="notext">Increase volume</button>';
html += '<button class="btnToggleMute" type="button" data-icon="volume-off" data-inline="true" data-iconpos="notext">Toggle mute</button>';

33
dashboard-ui/scripts/site.js
View file

@ -39,10 +39,10 @@ var Dashboard = {
//$.mobile.page.prototype.options.footerTheme = "a";
//$.mobile.button.prototype.options.theme = "c";
$.mobile.listview.prototype.options.dividerTheme = "b";
//$.mobile.listview.prototype.options.dividerTheme = "b";
$.mobile.popup.prototype.options.theme = "c";
$.mobile.popup.prototype.options.transition = "none";
//$.mobile.popup.prototype.options.theme = "c";
//$.mobile.popup.prototype.options.transition = "none";
//$.mobile.defaultPageTransition = "none";
//$.mobile.collapsible.prototype.options.contentTheme = "a";
},
@ -131,7 +131,7 @@ var Dashboard = {
alert: function (message) {
$.mobile.loading('show', {
theme: "e",
theme: "b",
text: message,
textonly: true,
textVisible: true
@ -139,7 +139,7 @@ var Dashboard = {
setTimeout(function () {
$.mobile.loading('hide');
}, 2000);
}, 4000);
},
updateSystemInfo: function (info) {
@ -259,7 +259,7 @@ var Dashboard = {
var html = '<span style="margin-right: 1em;">Please restart Media Browser Server to finish updating.</span>';
if (systemInfo.CanSelfRestart) {
html += '<button type="button" data-icon="refresh" onclick="$(this).button(\'disable\');Dashboard.restartServer();" data-theme="b" data-inline="true" data-mini="true">Restart Server</button>';
html += '<button type="button" data-icon="refresh" onclick="$(this).buttonEnabled(false);Dashboard.restartServer();" data-theme="b" data-inline="true" data-mini="true">Restart Server</button>';
}
Dashboard.showFooterNotification({ id: "serverRestartWarning", html: html, forceShow: true, allowHide: false });
@ -273,7 +273,6 @@ var Dashboard = {
showDashboardVersionWarning: function () {
var html = '<span style="margin-right: 1em;">Please refresh this page to receive new updates from the server.</span>';
html += '<button type="button" data-icon="refresh" onclick="Dashboard.reloadPage();" data-theme="b" data-inline="true" data-mini="true">Refresh Page</button>';
Dashboard.showFooterNotification({ id: "dashboardVersionWarning", html: html, forceShow: true, allowHide: false });
},
@ -377,19 +376,19 @@ var Dashboard = {
$('#confirmFlyout').popup("close").remove();
var html = '<div data-role="popup" id="confirmFlyout" style="max-width:500px;" class="ui-corner-all">';
var html = '<div data-role="popup" id="confirmFlyout" style="max-width:500px;" data-theme="a">';
html += '<div class="ui-corner-top ui-bar-a" style="text-align:center;">';
html += '<div class="ui-bar-a" style="text-align:center;">';
html += '<h3>' + title + '</h3>';
html += '</div>';
html += '<div data-role="content" class="ui-corner-bottom ui-content">';
html += '<div style="padding: 1em;">';
html += '<div style="padding: 1em .25em;margin: 0;">';
html += message;
html += '</div>';
html += '<p><button type="button" data-icon="ok" onclick="$(\'#confirmFlyout\')[0].confirm=true;$(\'#confirmFlyout\').popup(\'close\');" data-theme="b">Ok</button></p>';
html += '<p><button type="button" data-icon="check" onclick="$(\'#confirmFlyout\')[0].confirm=true;$(\'#confirmFlyout\').popup(\'close\');" data-theme="b">Ok</button></p>';
html += '<p><button type="button" data-icon="delete" onclick="$(\'#confirmFlyout\').popup(\'close\');" data-theme="a">Cancel</button></p>';
html += '</div>';
@ -465,15 +464,15 @@ var Dashboard = {
Dashboard.getCurrentUser().done(function (user) {
var html = '<div data-role="popup" id="userFlyout" style="max-width:400px;margin-top:30px;margin-right:20px;" class="ui-corner-all">';
var html = '<div data-role="popup" id="userFlyout" style="max-width:400px;margin-top:30px;margin-right:20px;" data-theme="a">';
html += '<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>';
html += '<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="b">Close</a>';
html += '<div class="ui-corner-top ui-bar-a" style="text-align:center;">';
html += '<div class="ui-bar-b" style="text-align:center;">';
html += '<h3 style="margin: .5em 0;">' + user.Name + '</h3>';
html += '</div>';
html += '<div data-role="content" class="ui-corner-bottom ui-content">';
html += '<div style="padding: 1em;">';
html += '<p style="text-align:center;">';
@ -572,7 +571,7 @@ var Dashboard = {
if (user && !page.hasClass('wizardPage')) {
headerHtml += '<a class="imageLink btnCurrentUser" href="#" onclick="Dashboard.showUserFlyout(this);"><span class="currentUsername">' + user.Name + '</span>';
headerHtml += '<a class="imageLink btnCurrentUser" href="#" onclick="Dashboard.showUserFlyout(this);"><span class="currentUsername" style="font-weight:normal;">' + user.Name + '</span>';
if (user.PrimaryImageTag) {
@ -999,7 +998,7 @@ var Dashboard = {
if (percentComplete < 100) {
var btnId = "btnCancel" + installation.Id;
html += '<button id="' + btnId + '" type="button" data-icon="delete" onclick="$(\'' + btnId + '\').button(\'disable\');Dashboard.cancelInstallation(\'' + installation.Id + '\');" data-theme="b" data-inline="true" data-mini="true">Cancel</button>';
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">Cancel</button>';
}
}

4
dashboard-ui/scripts/updatepasswordpage.js
View file

@ -11,11 +11,11 @@
if (user.HasPassword) {
$('#btnResetPassword', page).show();
$('#fldCurrentPassword', page).show();
$('h3', page).html('Update Password').show();
$('.formheader', page).hide();
} else {
$('#btnResetPassword', page).hide();
$('#fldCurrentPassword', page).hide();
$('h3', page).html('Create Password').show();
$('.formheader', page).html('Create Password').show();
}
});