diff --git a/dashboard-ui/about.html b/dashboard-ui/about.html index a8f2f5a474..cf366b418f 100644 --- a/dashboard-ui/about.html +++ b/dashboard-ui/about.html @@ -16,12 +16,12 @@ ${TabSupporterKey} ${TabAbout} -

- -
-
- ${VersionNumber} -

+
+ MEDIABROWSER +
+
+
+
${VersionNumber}

${HeaderCredits}
diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css index a2a917910f..2864ab55b2 100644 --- a/dashboard-ui/css/card.css +++ b/dashboard-ui/css/card.css @@ -82,7 +82,7 @@ background: #fff; } -.visualCardBox-b { +.ui-page-theme-b .visualCardBox { background: rgb(51, 51, 51); border: 1px solid rgb(31, 31, 31); border-radius: 3px; @@ -148,9 +148,6 @@ width: 100%; }*/ -.cardFooter { -} - .cardContent .cardFooter { position: absolute; bottom: 0; diff --git a/dashboard-ui/css/images/mblogotextblack.png b/dashboard-ui/css/images/mblogotextblack.png deleted file mode 100644 index f5f06060b9..0000000000 Binary files a/dashboard-ui/css/images/mblogotextblack.png and /dev/null differ diff --git a/dashboard-ui/css/images/mblogotextwhite.png b/dashboard-ui/css/images/mblogotextwhite.png deleted file mode 100644 index 0cbf1209af..0000000000 Binary files a/dashboard-ui/css/images/mblogotextwhite.png and /dev/null differ diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css index 6cf47ed1fa..619f5e19fa 100644 --- a/dashboard-ui/css/librarymenu.css +++ b/dashboard-ui/css/librarymenu.css @@ -102,6 +102,11 @@ .logoLibraryMenuButtonText { font-family: MBLogo; font-weight: 200; + color: #000; +} + +.ui-page-theme-b .logoLibraryMenuButtonText, .ui-bar-b .logoLibraryMenuButtonText { + color: #fff; } .viewMenuBar { diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index d2ad1b963d..f1d5702907 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -203,12 +203,12 @@ pre, textarea.pre { .imgLogoIcon { height: 45px; + vertical-align: middle; } -.imgLogoText { - height: 45px; - margin-left: 5px; -} + .imgLogoIcon + span { + margin-left: 10px; + } .ui-popup-container { z-index: 99999; @@ -446,10 +446,6 @@ h1 .imageLink { max-width: 600px; } - .imgLogoText { - height: 50px; - } - .header { padding-top: 15px; padding-bottom: 15px; @@ -782,17 +778,17 @@ progress { border: 0; } - .btnUserItemRatingOff { - color: #aaa !important; - } +.btnUserItemRatingOff { + color: #aaa !important; +} - .btnUserItemRating:last-child { - margin-right: 0; - } +.btnUserItemRating:last-child { + margin-right: 0; +} - .btnUserItemRating:hover { - opacity: .5; - } +.btnUserItemRating:hover { + opacity: .5; +} .imgUserItemRating { height: 16px; diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html index d4669c6f3e..a2e137ae8b 100644 --- a/dashboard-ui/edititemmetadata.html +++ b/dashboard-ui/edititemmetadata.html @@ -389,11 +389,10 @@
+ +
+ +

${HeaderIdentificationResult}

+
+

${HeaderOptions}

+
+ + +
+
+ + +
@@ -528,6 +545,7 @@ $('.popupIdentifyForm').off('submit', EditItemMetadataPage.onIdentificationFormSubmitted).on('submit', EditItemMetadataPage.onIdentificationFormSubmitted); $('.popupEditPersonForm').off('submit', EditItemMetadataPage.onPersonInfoFormSubmit).on('submit', EditItemMetadataPage.onPersonInfoFormSubmit); $('.popupAdvancedRefreshForm').off('submit', EditItemMetadataPage.onRefreshFormSubmit).on('submit', EditItemMetadataPage.onRefreshFormSubmit); + $('.identifyOptionsForm').off('submit', EditItemMetadataPage.onIdentificationOptionsSubmit).on('submit', EditItemMetadataPage.onIdentificationOptionsSubmit); diff --git a/dashboard-ui/scripts/edititemmetadata.js b/dashboard-ui/scripts/edititemmetadata.js index 2f04cf0441..6ed6ffc3d3 100644 --- a/dashboard-ui/scripts/edititemmetadata.js +++ b/dashboard-ui/scripts/edititemmetadata.js @@ -1,6 +1,7 @@ (function ($, document, window) { var currentItem; + var currentSearchResult; var metadataEditorInfo; function updateTabs(page, item) { @@ -148,7 +149,7 @@ var buttonId = "btnOpen1" + idInfo.Key; var formatString = idInfo.UrlFormatString || ''; - html += '
'; + html += '
'; var idLabel = Globalize.translate('LabelDynamicExternalId').replace('{0}', idInfo.Name); html += ''; @@ -1008,6 +1009,14 @@ savePersonInfo(page); return false; }; + + self.onIdentificationOptionsSubmit = function () { + + var page = $(this).parents('.page'); + + submitIdentficationResult(page); + return false; + }; } window.EditItemMetadataPage = new editItemMetadataPage(); @@ -1058,7 +1067,8 @@ $('.popupIdentifyForm', page).show(); $('.identificationSearchResults', page).hide(); - $('.btnSearchAgain', page).hide(); + $('.identifyOptionsForm', page).hide(); + $('.btnIdentifyBack', page).hide(); $('.popupIdentify', page).popup('open'); }); @@ -1131,11 +1141,57 @@ return ApiClient.getUrl("Items/RemoteSearch/Image", { imageUrl: url, ProviderName: provider }); } + function getSearchResultHtml(result, index) { + + var html = ''; + var cssClass = "searchImageContainer remoteImageContainer"; + + if (currentItem.Type == "Episode") { + cssClass += " searchBackdropImageContainer"; + } + else if (currentItem.Type == "MusicAlbum" || currentItem.Type == "MusicArtist") { + cssClass += " searchDiscImageContainer"; + } + else { + cssClass += " searchPosterImageContainer"; + } + + html += '
'; + + if (result.ImageUrl) { + var displayUrl = getSearchImageDisplayUrl(result.ImageUrl, result.SearchProviderName); + + html += ''; + } else { + + html += ''; + } + html += ''; + + html += '
'; + html += result.Name; + html += '
'; + + html += '
'; + html += result.ProductionYear || ' '; + html += '
'; + + if (result.GameSystem) { + html += '
'; + html += result.GameSystem; + html += '
'; + } + + html += '
'; + return html; + } + function showIdentificationSearchResults(page, results) { $('.popupIdentifyForm', page).hide(); $('.identificationSearchResults', page).show(); - $('.btnSearchAgain', page).show(); + $('.identifyOptionsForm', page).hide(); + $('.btnIdentifyBack', page).show(); var html = ''; @@ -1143,71 +1199,74 @@ var result = results[i]; - var cssClass = "searchImageContainer remoteImageContainer"; - - if (currentItem.Type == "Episode") { - cssClass += " searchBackdropImageContainer"; - } - else if (currentItem.Type == "MusicAlbum" || currentItem.Type == "MusicArtist") { - cssClass += " searchDiscImageContainer"; - } - else { - cssClass += " searchPosterImageContainer"; - } - - html += '
'; - - if (result.ImageUrl) { - var displayUrl = getSearchImageDisplayUrl(result.ImageUrl, result.SearchProviderName); - - html += ''; - } else { - - html += ''; - } - html += ''; - - html += '
'; - html += result.Name; - html += '
'; - - html += '
'; - html += result.ProductionYear || ' '; - html += '
'; - - if (result.GameSystem) { - html += '
'; - html += result.GameSystem; - html += '
'; - } - - html += '
'; + html += getSearchResultHtml(result, i); } var elem = $('.identificationSearchResultList', page).html(html).trigger('create'); $('.searchImage', elem).on('click', function () { - Dashboard.showLoadingMsg(); - var index = parseInt(this.getAttribute('data-index')); var currentResult = results[index]; - ApiClient.ajax({ - type: "POST", - url: ApiClient.getUrl("Items/RemoteSearch/Apply/" + currentItem.Id), - data: JSON.stringify(currentResult), - contentType: "application/json" + showIdentifyOptions(page, currentResult); + }); + } - }).done(function () { + function showIdentifyOptions(page, identifyResult) { - Dashboard.hideLoadingMsg(); + $('.popupIdentifyForm', page).hide(); + $('.identificationSearchResults', page).hide(); + $('.identifyOptionsForm', page).show(); + $('.btnIdentifyBack', page).show(); + $('#chkIdentifyReplaceImages', page).checked(true).checkboxradio('refresh'); - $('.popupIdentify', page).popup('close'); + currentSearchResult = identifyResult; - reload(page); - }); + var lines = []; + lines.push(identifyResult.Name); + + if (identifyResult.ProductionYear) { + lines.push(identifyResult.ProductionYear); + } + + if (identifyResult.GameSystem) { + lines.push(identifyResult.GameSystem); + } + + var resultHtml = lines.join('
'); + + if (identifyResult.ImageUrl) { + var displayUrl = getSearchImageDisplayUrl(identifyResult.ImageUrl, identifyResult.SearchProviderName); + + resultHtml = '
' + resultHtml; + } + + $('.selectedSearchResult', page).html(resultHtml); + } + + function submitIdentficationResult(page) { + + Dashboard.showLoadingMsg(); + + var options = { + ReplaceAllImages: $('#chkIdentifyReplaceImages', page).checked() + }; + + ApiClient.ajax({ + type: "POST", + url: ApiClient.getUrl("Items/RemoteSearch/Apply/" + currentItem.Id, options), + data: JSON.stringify(currentSearchResult), + contentType: "application/json" + + }).done(function () { + + Dashboard.hideLoadingMsg(); + + $('.popupIdentify', page).popup('close'); + + reload(page); }); } @@ -1279,11 +1338,20 @@ showIdentificationForm(page); }); - $('.btnSearchAgain', page).on('click', function () { + $('.btnIdentifyBack', page).on('click', function () { - $('.popupIdentifyForm', page).show(); - $('.identificationSearchResults', page).hide(); - $('.btnSearchAgain', page).hide(); + if ($('.identifyOptionsForm', page).is(':visible')) { + + $('.identifyOptionsForm', page).hide(); + + $('.identificationSearchResults', page).show(); + $('.popupIdentifyForm', page).hide(); + } else { + + $('.identificationSearchResults', page).hide(); + $('.popupIdentifyForm', page).show(); + $(this).hide(); + } }); $('#btnDelete', this).on('click', function () { diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index b5286979d7..cf9d17a45c 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -1250,7 +1250,7 @@ var cardboxCssClass = 'cardBox'; if (options.cardLayout) { - cardboxCssClass += ' visualCardBox visualCardBox-b'; + cardboxCssClass += ' visualCardBox'; } html += '
'; html += '
'; diff --git a/dashboard-ui/scripts/selectserver.js b/dashboard-ui/scripts/selectserver.js index fd486a580c..bd77d4b065 100644 --- a/dashboard-ui/scripts/selectserver.js +++ b/dashboard-ui/scripts/selectserver.js @@ -47,7 +47,7 @@ html += "
"; - html += '
'; + html += '
'; html += '
'; html += '
'; @@ -264,7 +264,7 @@ html += "
"; - html += '
'; + html += '
'; html += '
'; html += '
'; diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js index 20e4ed4f5d..7cccb157ca 100644 --- a/dashboard-ui/scripts/site.js +++ b/dashboard-ui/scripts/site.js @@ -640,11 +640,12 @@ var Dashboard = { headerHtml += '
'; - headerHtml += ''; diff --git a/dashboard-ui/scripts/syncactivity.js b/dashboard-ui/scripts/syncactivity.js index ec03e293e7..180009da56 100644 --- a/dashboard-ui/scripts/syncactivity.js +++ b/dashboard-ui/scripts/syncactivity.js @@ -144,7 +144,6 @@ var barCssClass = 'ui-bar-a'; if ($(page).hasClass('libraryPage')) { - cardBoxCssClass += ' visualCardBox-b'; barCssClass = 'detailSectionHeader'; }