diff --git a/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.js b/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.js index 1d0fc0a9d8..6739c58530 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.js +++ b/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.js @@ -1,4 +1,4 @@ -define(['itemHelper', 'dialogHelper', 'datetime', 'loading', 'focusManager', 'connectionManager', 'globalize', 'require', 'emby-checkbox', 'emby-input', 'emby-select', 'listViewStyle', 'emby-textarea', 'emby-button', 'paper-icon-button-light'], function (itemHelper, dialogHelper, datetime, loading, focusManager, connectionManager, globalize, require) { +define(['itemHelper', 'layoutManager', 'scrollHelper', 'dialogHelper', 'datetime', 'loading', 'focusManager', 'connectionManager', 'globalize', 'require', 'emby-checkbox', 'emby-input', 'emby-select', 'listViewStyle', 'emby-textarea', 'emby-button', 'paper-icon-button-light', 'css!./../formdialog'], function (itemHelper, layoutManager, scrollHelper, dialogHelper, datetime, loading, focusManager, connectionManager, globalize, require) { var currentContext; var metadataEditorInfo; @@ -1171,10 +1171,17 @@ require(['text!./metadataeditor.template.html'], function (template) { - var dlg = dialogHelper.createDialog({ - removeOnClose: true, - size: 'medium' - }); + var dialogOptions = { + removeOnClose: true + }; + + if (layoutManager.tv) { + dialogOptions.size = 'fullscreen'; + } else { + dialogOptions.size = 'medium'; + } + + var dlg = dialogHelper.createDialog(dialogOptions); dlg.classList.add('ui-body-b'); dlg.classList.add('background-theme-b'); @@ -1188,6 +1195,10 @@ dlg.innerHTML = html; document.body.appendChild(dlg); + if (layoutManager.tv) { + scrollHelper.centerFocus.on(dlg.querySelector('.dialogContent'), false); + } + dialogHelper.open(dlg); dlg.addEventListener('close', function () { diff --git a/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.template.html b/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.template.html index 5f2a2c38da..19ffa25644 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.template.html +++ b/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.template.html @@ -1,11 +1,9 @@ -
- +
+
${ButtonEdit}
-
+
-
-
+
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
${ConfigureDateAdded}
-
-
- -
-
- -
${LabelArtistsHelp}
-
-
- -
${LabelArtistsHelp}
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-

${LabelAirDays}

+ +
-
- - - - - - - +
+
+
-
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
${ConfigureDateAdded}
+
+
+ +
+
+ +
${LabelArtistsHelp}
+
+
+ +
${LabelArtistsHelp}
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+

${LabelAirDays}

-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
+
+ + + + + + + +
+
-
-

- ${HeaderAlternateEpisodeNumbers} -

-
- +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
-
- -
-
- -
-
+
-
-

- ${HeaderSpecialEpisodeInfo} -

-
- +
+

+ ${HeaderAlternateEpisodeNumbers} +

+
+ +
+
+ +
+
+ +
-
- -
-
- -
-
-
-

- ${HeaderExternalIds} -

-
+
+

+ ${HeaderSpecialEpisodeInfo} +

+
+ +
+
+ +
+
+ +
-
-
-

- ${HeaderDisplaySettings} -

-
- +
+

+ ${HeaderExternalIds} +

+
+
-
- -
-
-
-

- ${HeaderCountries} -

- -
-
-
-

- ${HeaderGenres} -

- -
-
-
-

- ${HeaderPeople} -

- -
+
+

+ ${HeaderDisplaySettings} +

+
+ +
+
+ +
-
-
-

- ${HeaderPlotKeywords} -

- -
-
-
-

- ${HeaderStudios} -

- -
-
-
-

- ${HeaderTags} -

- -
-
-
-

${HeaderMetadataSettings}

-
-
- + +
+

+ ${HeaderCountries} +

+ +
+
+
+

+ ${HeaderGenres} +

+ +
+
+
+

+ ${HeaderPeople} +

+ +
+
+
+
+

+ ${HeaderPlotKeywords} +

+ +
+
+
+

+ ${HeaderStudios} +

+ +
+
+
+

+ ${HeaderTags} +

+ +
+
+
+

${HeaderMetadataSettings}

+
+
+ +
${MessageLeaveEmptyToInherit}
+
+
+ +
${MessageLeaveEmptyToInherit}
-
-
- -
-
${MessageLeaveEmptyToInherit}
-

- +

+ -
+
+
+
+

- -
-
-
- \ No newline at end of file +
+ +
+ diff --git a/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.js b/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.js index b5789b1d1b..9a0831eec8 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.js +++ b/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.js @@ -1,14 +1,21 @@ -define(['dialogHelper', 'globalize', 'require', 'paper-icon-button-light', 'emby-input', 'emby-select'], function (dialogHelper, globalize, require) { +define(['dialogHelper', 'layoutManager', 'scrollHelper', 'globalize', 'require', 'paper-icon-button-light', 'emby-input', 'emby-select', 'css!./../formdialog'], function (dialogHelper, layoutManager, scrollHelper, globalize, require) { function show(person) { return new Promise(function (resolve, reject) { require(['text!./personeditor.template.html'], function (template) { - var dlg = dialogHelper.createDialog({ - removeOnClose: true, - size: 'medium' - }); + var dialogOptions = { + removeOnClose: true + }; + + if (layoutManager.tv) { + dialogOptions.size = 'fullscreen'; + } else { + dialogOptions.size = 'medium'; + } + + var dlg = dialogHelper.createDialog(dialogOptions); dlg.classList.add('ui-body-b'); dlg.classList.add('background-theme-b'); @@ -27,6 +34,10 @@ dlg.querySelector('.selectPersonType', dlg).value = person.Type || ''; dlg.querySelector('.txtPersonRole', dlg).value = person.Role || ''; + if (layoutManager.tv) { + scrollHelper.centerFocus.on(dlg.querySelector('.dialogContent'), false); + } + dialogHelper.open(dlg); dlg.addEventListener('close', function () { diff --git a/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.template.html b/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.template.html index 3a2cb027ce..b968b43cc7 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.template.html +++ b/dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.template.html @@ -1,35 +1,35 @@ -
- +
+
${ButtonEdit}
-
+
+ -
- -
+
+ +
-
- -
-
- -
${LabelPersonRoleHelp}
-
- - \ No newline at end of file +
+ +
+
+ +
${LabelPersonRoleHelp}
+
+ + +
\ No newline at end of file diff --git a/dashboard-ui/css/dashboard.css b/dashboard-ui/css/dashboard.css index a9b879fc29..66a2bda18d 100644 --- a/dashboard-ui/css/dashboard.css +++ b/dashboard-ui/css/dashboard.css @@ -8,15 +8,6 @@ iron-icon { min-height: 24px; } -.ui-body-a select { - background: none; - border-color: #757575; -} - - .ui-body-a select option { - color: #000; - } - .paperCheckboxFieldDescription { padding-left: 31px; padding-top: 5px; @@ -42,25 +33,6 @@ paper-input + .fieldDescription { } } -.ui-body-a .emby-collapsible-button { - border: 0; - background-color: #e8e8e8; - text-transform: none; -} - -.ui-body-a .emby-collapsible-title { - margin: .25em 0; - color: #000; - padding: 0 0 0 .5em; - font-weight: 500; -} - -.ui-body-a .emby-collapsible-content, .ui-body-a .collapseContent { - border-width: 0; - padding: 1em 1.25em; - background-color: #fff; -} - .dashboardDocument .lnkMySync { display: none !important; } @@ -279,15 +251,7 @@ paper-textarea.mono textarea { border-color: #52B54B; } -.ui-body-a .inputLabel, .ui-body-a .textareaLabel { - color: #555; -} - - .ui-body-a .inputLabel.focused:not(.blank), .ui-body-a .textareaLabel.focused:not(.blank) { - color: green; - } - -.ui-body-a .paper-input-container-0 .input-content.paper-input-container label, .ui-body-a .paper-input-container-0 .input-content.paper-input-container .paper-input-label, .ui-body-a paper-textarea label, .ui-body-a .selectLabel, .ui-body-a .paperListLabel, .ui-body-a .fieldDescription { +.ui-body-a .paper-input-container-0 .input-content.paper-input-container label, .ui-body-a .paper-input-container-0 .input-content.paper-input-container .paper-input-label, .ui-body-a paper-textarea label { color: #555; } diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index f998afeb7a..942ebedede 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -529,7 +529,7 @@ progress { } .fullWidthContent .supporterPromotionContainer { - position: static!important; + position: static !important; } @media all and (min-width: 800px) { @@ -616,4 +616,44 @@ progress { border-width: 0; padding: 1em 1.25em; background-color: #222; -} \ No newline at end of file +} + +.ui-body-a select { + background: none; + border-color: #757575; +} + + .ui-body-a select option { + color: #000; + } + +.ui-body-a .emby-collapsible-button { + border: 0; + background-color: #e8e8e8; + text-transform: none; +} + +.ui-body-a .emby-collapsible-title { + margin: .25em 0; + color: #000; + padding: 0 0 0 .5em; + font-weight: 500; +} + +.ui-body-a .emby-collapsible-content, .ui-body-a .collapseContent { + border-width: 0; + padding: 1em 1.25em; + background-color: #fff; +} + +.ui-body-a .inputLabel, .ui-body-a .textareaLabel { + color: #555; +} + + .ui-body-a .inputLabel.focused:not(.blank), .ui-body-a .textareaLabel.focused:not(.blank) { + color: green; + } + +.ui-body-a .selectLabel, .ui-body-a .paperListLabel, .ui-body-a .fieldDescription { + color: #555; +} diff --git a/dashboard-ui/scripts/playlists.js b/dashboard-ui/scripts/playlists.js index 628c23f7a3..76e3830898 100644 --- a/dashboard-ui/scripts/playlists.js +++ b/dashboard-ui/scripts/playlists.js @@ -16,7 +16,7 @@ StartIndex: 0, Limit: LibraryBrowser.getDefaultPageSize() }, - view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Poster') + view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('PosterCard', 'PosterCard') }; pageData.query.ParentId = LibraryMenu.getTopParentId();