update metadata manager

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({
+                    var dialogOptions = {
-                        removeOnClose: true,
+                        removeOnClose: true
-                        size: 'medium'
+                    };
-                    });
+
+                    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 () {

dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.template.html

@@ -1,7 +1,5 @@
-<div class="dialogHeader" style="margin:0 0 2em;">
+<div class="dialogHeader">
-    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1">
+    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
-        <i class="md-icon">&#xE5C4;</i>
-    </button>
     <div class="dialogHeaderTitle">
         ${ButtonEdit}
     </div>
@@ -16,7 +14,9 @@
     </div>
 </div>
 
-<form class="editItemMetadataForm editMetadataForm" style="margin:0;max-width:100%;">
+<div class="dialogContent smoothScrollY" style="padding-top:2em;">
+
+    <form class="editItemMetadataForm editMetadataForm dialogContentInner centeredContent">
         <div class="metadataFormFields">
 
             <div style="padding: 0 0 10px;">
@@ -316,3 +316,5 @@
         <br />
         <br />
     </form>
+</div>
+

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({
+                var dialogOptions = {
-                    removeOnClose: true,
+                    removeOnClose: true
-                    size: 'medium'
+                };
-                });
+
+                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 () {

dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.template.html

@@ -1,13 +1,12 @@
-<div class="dialogHeader" style="margin:0 0 2em;">
+<div class="dialogHeader">
-    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1">
+    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
-        <i class="md-icon">&#xE5C4;</i>
-    </button>
     <div class="dialogHeaderTitle">
         ${ButtonEdit}
     </div>
 </div>
 
-<form class="popupEditPersonForm" style="max-width: none;margin:0;">
+<div class="dialogContent smoothScrollY" style="padding-top:2em;">
+    <form class="popupEditPersonForm dialogContentInner centeredContent">
 
         <div class="inputContainer">
             <input type="text" is="emby-input" class="txtPersonName" required="required" label="${LabelName}" />
@@ -33,3 +32,4 @@
             <span>${ButtonOk}</span>
         </button>
     </form>
+</div>

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 {
+.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;
-}
-
-    .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 {
     color: #555;
 }
 

dashboard-ui/css/site.css

@@ -617,3 +617,43 @@ progress {
     padding: 1em 1.25em;
     background-color: #222;
 }
+
+.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;
+}

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();