removed dead css

dashboard-ui/about.html

@@ -4,7 +4,7 @@
         <div class="content-primary">
             <div class="readOnlyContent">
                 <h1>
-                    <img class="imgLogoIcon" src="css/images/mblogoicon.png" /><span class="logoLibraryMenuButtonText">EMBY</span>
+                    <img class="imgLogoIcon" src="css/images/logo.png" />
                 </h1>
                 <br />
                 <br />

dashboard-ui/bower_components/emby-webcomponents/itemcontextmenu.js

@@ -45,7 +45,6 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',
 
             if (itemHelper.canEdit(user, item.Type)) {
 
-                if (isMobileApp) {
                 if (options.edit !== false) {
 
                     var text = item.Type == 'Timer' ? globalize.translate('sharedcomponents#Edit') : globalize.translate('sharedcomponents#EditInfo');
@@ -56,7 +55,6 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',
                     });
                 }
             }
-            }
 
             if (itemHelper.canEditImages(user, item.Type)) {
 
@@ -524,9 +522,9 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'embyRouter',
                     recordingEditor.show(item.Id, serverId).then(resolve, reject);
                 });
             } else {
-                require(['components/metadataeditor/metadataeditor'], function (metadataeditor) {
+                require(['metadataEditor'], function (metadataEditor) {
 
-                    metadataeditor.show(item.Id, serverId).then(resolve, reject);
+                    metadataEditor.show(item.Id, serverId).then(resolve, reject);
                 });
             }
         });

dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.js

@@ -258,9 +258,9 @@
 
     function editPerson(context, person, index) {
 
-        require(['components/metadataeditor/personeditor'], function (personeditor) {
+        require(['personEditor'], function (personEditor) {
 
-            personeditor.show(person).then(function (updatedPerson) {
+            personEditor.show(person).then(function (updatedPerson) {
 
                 var isNew = index == -1;
 

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

@@ -16,7 +16,7 @@
     </div>
 </div>
 
-<form class="editItemMetadataForm editMetadataForm" style="margin:0;">
+<form class="editItemMetadataForm editMetadataForm" style="margin:0;max-width:100%;">
     <div class="metadataFormFields">
 
         <div style="padding: 0 0 10px;">

dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.js

@@ -0,0 +1,66 @@
+define(['dialogHelper', 'globalize', 'require', 'paper-icon-button-light', 'emby-input', 'emby-select'], function (dialogHelper, 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'
+                });
+
+                dlg.classList.add('ui-body-b');
+                dlg.classList.add('background-theme-b');
+
+                dlg.classList.add('formDialog');
+
+                var html = '';
+                var submitted = false;
+
+                html += globalize.translateDocument(template);
+
+                dlg.innerHTML = html;
+                document.body.appendChild(dlg);
+
+                dlg.querySelector('.txtPersonName', dlg).value = person.Name || '';
+                dlg.querySelector('.selectPersonType', dlg).value = person.Type || '';
+                dlg.querySelector('.txtPersonRole', dlg).value = person.Role || '';
+
+                dialogHelper.open(dlg);
+
+                dlg.addEventListener('close', function () {
+
+                    if (submitted) {
+                        resolve(person);
+                    } else {
+                        reject();
+                    }
+                });
+
+                dlg.querySelector('.btnCancel').addEventListener('click', function (e) {
+
+                    dialogHelper.close(dlg);
+                });
+
+                dlg.querySelector('form').addEventListener('submit', function (e) {
+
+                    submitted = true;
+
+                    person.Name = dlg.querySelector('.txtPersonName', dlg).value;
+                    person.Type = dlg.querySelector('.selectPersonType', dlg).value;
+                    person.Role = dlg.querySelector('.txtPersonRole', dlg).value || null;
+
+                    dialogHelper.close(dlg);
+
+                    e.preventDefault();
+                    return false;
+                });
+            });
+        });
+    }
+
+    return {
+        show: show
+    };
+});

dashboard-ui/bower_components/emby-webcomponents/shortcuts.js

@@ -299,9 +299,9 @@ define(['playbackManager', 'inputManager', 'connectionManager', 'embyRouter', 'g
                     recordingEditor.show(item.Id, serverId).then(resolve, reject);
                 });
             } else {
-                require(['components/metadataeditor/metadataeditor'], function (metadataeditor) {
+                require(['metadataEditor'], function (metadataEditor) {
 
-                    metadataeditor.show(item.Id, serverId).then(resolve, reject);
+                    metadataEditor.show(item.Id, serverId).then(resolve, reject);
                 });
             }
         });

dashboard-ui/components/directorybrowser/directorybrowser.css

@@ -0,0 +1,23 @@
+#ulDirectoryPickerList a {
+    padding-top: .4em;
+    padding-bottom: .4em;
+}
+
+.lblDirectoryPickerPath {
+    white-space: nowrap;
+}
+
+.directoryPickerHeadline {
+    color: #000;
+    background: #fff3a5;
+    padding: 1em;
+    border-radius: 5px;
+    margin-top: 2em;
+}
+
+.directoryPicker paper-item {
+    min-height: 36px;
+    border-bottom: 1px solid #eee;
+    outline: none;
+    cursor: pointer;
+}

dashboard-ui/components/directorybrowser/directorybrowser.js

@@ -1,4 +1,4 @@
-define(['dialogHelper', 'jQuery', 'paper-item', 'emby-input', 'emby-button', 'paper-item-body', 'paper-icon-button-light'], function (dialogHelper, $) {
+define(['dialogHelper', 'jQuery', 'paper-item', 'emby-input', 'emby-button', 'paper-item-body', 'paper-icon-button-light', 'css!./directorybrowser'], function (dialogHelper, $) {
 
     var systemInfo;
     function getSystemInfo() {

dashboard-ui/components/metadataeditor/personeditor.js

@@ -1,70 +0,0 @@
-define(['dialogHelper', 'paper-icon-button-light', 'emby-input', 'emby-select'], function (dialogHelper) {
-
-    return {
-        show: function (person) {
-            return new Promise(function (resolve, reject) {
-
-                var xhr = new XMLHttpRequest();
-                xhr.open('GET', 'components/metadataeditor/personeditor.template.html', true);
-
-                xhr.onload = function (e) {
-
-                    var template = this.response;
-                    var dlg = dialogHelper.createDialog({
-                        removeOnClose: true,
-                        size: 'medium'
-                    });
-
-                    dlg.classList.add('ui-body-b');
-                    dlg.classList.add('background-theme-b');
-
-                    dlg.classList.add('formDialog');
-
-                    var html = '';
-                    var submitted = false;
-
-                    html += Globalize.translateDocument(template);
-
-                    dlg.innerHTML = html;
-                    document.body.appendChild(dlg);
-
-                    dlg.querySelector('.txtPersonName', dlg).value = person.Name || '';
-                    dlg.querySelector('.selectPersonType', dlg).value = person.Type || '';
-                    dlg.querySelector('.txtPersonRole', dlg).value = person.Role || '';
-
-                    dialogHelper.open(dlg);
-
-                    dlg.addEventListener('close', function () {
-
-                        if (submitted) {
-                            resolve(person);
-                        } else {
-                            reject();
-                        }
-                    });
-
-                    dlg.querySelector('.btnCancel').addEventListener('click', function (e) {
-
-                        dialogHelper.close(dlg);
-                    });
-
-                    dlg.querySelector('form').addEventListener('submit', function (e) {
-
-                        submitted = true;
-
-                        person.Name = dlg.querySelector('.txtPersonName', dlg).value;
-                        person.Type = dlg.querySelector('.selectPersonType', dlg).value;
-                        person.Role = dlg.querySelector('.txtPersonRole', dlg).value || null;
-
-                        dialogHelper.close(dlg);
-
-                        e.preventDefault();
-                        return false;
-                    });
-                }
-
-                xhr.send();
-            });
-        }
-    };
-});

dashboard-ui/css/dashboard.css

@@ -1,4 +1,314 @@
-/* Swatches */
+/* For some reason jquery mobile 1.4.5 wants to horitontally pad mini form fields. */
+.ui-mini {
+    margin-left: 0;
+}
+
+iron-icon {
+    min-width: 24px;
+    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;
+}
+
+paper-input + .fieldDescription {
+    padding-top: 5px;
+    opacity: .9;
+}
+
+/* Tabs (e.g. advanced metadata page) */
+.localnav {
+    margin-bottom: 30px !important;
+}
+
+@media all and (min-width: 800px) {
+
+    .type-interior > .ui-content, .type-interior > .ui-panel-content-wrap > .ui-content {
+        padding-right: 0;
+        padding-left: 0;
+        padding-top: 0;
+        overflow: hidden;
+    }
+}
+
+.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;
+}
+
+.dashboardDocument .dashboardEntryHeaderButton {
+    display: none !important;
+}
+
+.dashboardDocument .lnkManageServer {
+    display: none !important;
+}
+
+.dashboardDocument .headerVoiceButton {
+    display: none !important;
+}
+
+.dashboardDocument .btnCast, .dashboardDocument .headerSelectedPlayer {
+    display: none !important;
+}
+
+.adminDrawer {
+    background: #fff !important;
+}
+
+.dashboardDocument .mainDrawerPanelContent {
+    transition: left ease-in-out 0.3s, padding ease-in-out 0.3s;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+
+.adminDrawer {
+    background: #fff !important;
+}
+
+.dashboardDocument .mainDrawerPanelContent {
+    transition: left ease-in-out 0.3s, padding ease-in-out 0.3s;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+
+@media all and (min-width: 640px) {
+
+    .dashboardDocument .mainDrawer {
+        z-index: 998 !important;
+        top: 65px !important;
+        left: 0 !important;
+        transform: none !important;
+    }
+
+    .dashboardDocument .tmla-mask {
+        display: none !important;
+    }
+
+    .dashboardDocument .mainDrawerButton {
+        display: none !important;
+    }
+
+    .dashboardDocument .libraryMenuButtonText {
+        font-size: 150%;
+    }
+
+    .dashboardDocument .mainDrawerPanelContent {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 270px;
+    }
+
+    .dashboardDocument .adminDrawerLogo {
+        display: none;
+    }
+}
+
+.adminDrawer .sidebarLink {
+    color: #333 !important;
+    font-weight: 400 !important;
+    padding: .7em 0 .7em 1.5em;
+}
+
+.adminDrawer .sidebarHeader {
+    color: #666 !important;
+    font-weight: 500 !important;
+}
+
+.adminDrawer .sidebarLinkIcon {
+    color: #666;
+    margin-right: 1em;
+}
+
+.adminDrawer .sidebarLink:hover {
+    color: #00897B !important;
+}
+
+.adminDrawer .sidebarLink.selectedSidebarLink {
+    background: #52B54B !important;
+    color: #fff !important;
+}
+
+    .adminDrawer .sidebarLink.selectedSidebarLink .sidebarLinkIcon {
+        color: #fff !important;
+    }
+
+.adminDrawerLogo {
+    padding: 1.5em 1em 1.2em;
+    border-bottom: 1px solid #e0e0e0;
+    margin-bottom: 1em;
+    display: block;
+}
+
+    .adminDrawerLogo img {
+        height: 30px;
+    }
+
+@media all and (max-width: 640px) {
+
+    .dashboardDocument .headerAppsButton {
+        display: none;
+    }
+}
+
+/* Swatches */
+
+paper-fab.blue {
+    background: #03a9f4;
+}
+
+paper-checkbox #checkboxContainer {
+    width: 22px !important;
+    height: 22px !important;
+}
+
+paper-checkbox paper-ripple {
+    top: -13px !important;
+    left: -13px !important;
+}
+
+paper-checkbox #checkmark {
+    border-right-width: 4px !important;
+    border-bottom-width: 4px !important;
+}
+
+.paperCheckboxList paper-checkbox {
+    display: block;
+    padding: .5em 0;
+}
+
+paper-input label, paper-textarea label {
+    font-size: 18px !important;
+    font-family: inherit !important;
+}
+
+.paperListLabel {
+    font-size: 16px;
+    margin-bottom: .5em;
+}
+
+paper-fab {
+    vertical-align: middle;
+    display: inline-flex !important;
+}
+
+    paper-fab.mini {
+        width: 22px;
+        height: 22px;
+    }
+
+        paper-fab.mini iron-icon {
+            width: 22px;
+            height: 22px;
+        }
+
+.ui-body-a paper-fab.subdued {
+    background: #fff;
+    color: #000;
+}
+
+    .ui-body-a paper-fab.subdued paper-material.keyboard-focus {
+        background: #686868 !important;
+    }
+
+paper-fab.white {
+    background: #fff;
+    color: #000;
+}
+
+    paper-fab.white paper-material.keyboard-focus {
+        background: #01579b !important;
+        color: #fff;
+    }
+
+paper-fab.square {
+    border-radius: 5px;
+}
+
+paper-fab.accent {
+    background-color: #52B54B;
+}
+
+paper-textarea.mono textarea {
+    font-family: monospace !important;
+}
+
+.ui-body-a .paperCheckboxFieldDescription {
+    color: #333;
+}
+
+.ui-body-a paper-checkbox #checkbox.checked.paper-checkbox {
+    background-color: #52B54B;
+    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 {
+    color: #555;
+}
+
+.ui-body-a .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container label, .ui-body-a .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container .paper-input-label {
+    color: green;
+}
+
+paper-input .focused-line, paper-textarea .focused-line {
+    background-color: #52B54B !important;
+}
+
+.paperList {
+    padding: .5em 0;
+    margin: 12px auto;
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+    background-color: #fff;
+}
+
+.paperCheckboxList.paperList {
+    padding: .5em 1em;
+}
 
 /* A
 -----------------------------------------------------------------------------------------------------------*/

dashboard-ui/css/librarybrowser.css

@@ -96,10 +96,6 @@
     }
 }
 
-.libraryPage .currentUsername {
-    color: #fff;
-}
-
 .listHeader {
     margin: .25em 0;
     padding-left: 2px;
@@ -597,14 +593,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     margin-left: 1em;
 }
 
-.lblDetailTab {
-    border-color: #212121 !important;
-}
-
-.editMetadataForm {
-    max-width: 100%;
-}
-
 .detailImageProgressContainer {
     position: absolute;
     bottom: 2px;
@@ -1124,16 +1112,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 }
 
-.channelHeader {
-    padding: 1em;
-    text-align: center;
-    border-bottom: 1px solid #333;
-}
-
-    .channelHeader a {
-        text-decoration: none;
-    }
-
 @media all and (max-width: 1200px) {
 
     .listViewUserDataButtons {

dashboard-ui/css/librarymenu.css

@@ -107,15 +107,6 @@
     align-items: center;
 }
 
-.logoLibraryMenuButtonText {
-    font-family: Montserrat;
-    color: #333;
-}
-
-.ui-body-b .logoLibraryMenuButtonText, .ui-bar-b .logoLibraryMenuButtonText {
-    color: #fff;
-}
-
 .viewMenuBar {
     font-weight: bold;
     position: fixed;
@@ -310,44 +301,6 @@
     }
 }
 
-.drawerUserPanel {
-    color: #fff;
-    padding: 1em 1.2em;
-    display: flex;
-    align-items: center;
-}
-
-.drawerUserPanelUserImage {
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-position: center center;
-    border-radius: 1000px;
-}
-
-.drawerUserPanelUserName {
-    padding-left: 1em;
-}
-
-.dashboardDocument .lnkMySync {
-    display: none !important;
-}
-
-.dashboardDocument .dashboardEntryHeaderButton {
-    display: none !important;
-}
-
-.dashboardDocument .lnkManageServer {
-    display: none !important;
-}
-
-.dashboardDocument .headerVoiceButton {
-    display: none !important;
-}
-
-.dashboardDocument .btnCast, .dashboardDocument .headerSelectedPlayer {
-    display: none !important;
-}
-
 body:not(.dashboardDocument) .btnNotifications {
     display: none !important;
 }
@@ -400,19 +353,6 @@ body:not(.dashboardDocument) .headerAppsButton {
     display: none;
 }
 
-.adminDrawer {
-    background: #fff !important;
-}
-
-.dashboardDocument .mainDrawerPanelContent {
-    transition: left ease-in-out 0.3s, padding ease-in-out 0.3s;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
-
 @media all and (min-width: 640px) {
 
     .mainDrawerPanel .viewMenuBarTabs {
@@ -423,86 +363,4 @@ body:not(.dashboardDocument) .headerAppsButton {
     .viewMenuBarTabs .libraryViewNav {
         text-align: left !important;
     }
-
-    .dashboardDocument .mainDrawer {
-        z-index: 998 !important;
-        top: 65px !important;
-        left: 0 !important;
-        transform: none !important;
-    }
-
-    .dashboardDocument .tmla-mask {
-        display: none !important;
-    }
-
-    .dashboardDocument .mainDrawerButton {
-        display: none !important;
-    }
-
-    .dashboardDocument .libraryMenuButtonText {
-        font-size: 150%;
-    }
-
-    .dashboardDocument .mainDrawerPanelContent {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 270px;
-    }
-
-    .dashboardDocument .adminDrawerLogo {
-        display: none;
-    }
-}
-
-.adminDrawer .sidebarLink {
-    color: #333 !important;
-    font-weight: 400 !important;
-    padding: .7em 0 .7em 1.5em;
-}
-
-.adminDrawer .sidebarHeader {
-    color: #666 !important;
-    font-weight: 500 !important;
-}
-
-.adminDrawer .sidebarLinkIcon {
-    color: #666;
-    margin-right: 1em;
-}
-
-.adminDrawer .sidebarLink:hover {
-    color: #00897B !important;
-}
-
-.adminDrawer .sidebarLink.selectedSidebarLink {
-    background: #52B54B !important;
-    color: #fff !important;
-}
-
-    .adminDrawer .sidebarLink.selectedSidebarLink .sidebarLinkIcon {
-        color: #fff !important;
-    }
-
-.adminDrawerLogo {
-    padding: 1.5em 1em 1.2em;
-    border-bottom: 1px solid #e0e0e0;
-    margin-bottom: 1em;
-    display: block;
-}
-
-    .adminDrawerLogo img {
-        height: 30px;
-    }
-
-@media all and (max-width: 640px) {
-
-    .dashboardDocument .headerAppsButton {
-        display: none;
-    }
-}
-
-.title-separator {
-    margin: 0 .5em;
 }

dashboard-ui/css/site.css

@@ -16,20 +16,6 @@
         color: #2E7D32 /*{b-link-active}*/;
     }
 
-/* latin */
-@font-face {
-    font-family: 'Montserrat';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Montserrat-Regular'), url(fonts/Montserrat.woff) format('woff');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
-
-/* For some reason jquery mobile 1.4.5 wants to horitontally pad mini form fields. */
-.ui-mini {
-    margin-left: 0;
-}
-
 /* Remove IE mobile 300ms tap delay */
 html {
     -ms-touch-action: manipulation;
@@ -68,11 +54,6 @@ body {
     contain: style !important;
 }
 
-iron-icon {
-    min-width: 24px;
-    min-height: 24px;
-}
-
 /* Without this, no content will be displayed in mobile safari */
 .pageContainer {
     overflow-x: visible !important;
@@ -188,15 +169,6 @@ select {
         display: block;
     }
 
-.ui-body-a select {
-    background: none;
-    border-color: #757575;
-}
-
-    .ui-body-a select option {
-        color: #000;
-    }
-
 .ui-body-b select, .ui-body-b [is="emby-input"] {
     background: none;
     border-color: #454545;
@@ -308,69 +280,17 @@ textarea {
     }
 }
 
-.btnCurrentUser {
-    text-decoration: none;
-}
-
-.currentUsername {
-    margin-right: 7px;
-    color: #000;
-    position: relative;
-    top: 4px;
-    display: none;
-}
-
-h1 .imageLink {
-    margin-left: 15px;
-}
-
-    h1 .imageLink img {
-        height: 32px;
-    }
-
-.imageLink:hover {
-    opacity: .5;
-}
-
 .pageTitle {
     margin-top: 0;
     font-family: inherit;
 }
 
-.imageButton {
-    background: transparent;
-    border: 0;
-    padding: 0;
-    cursor: pointer;
-    outline: none;
-    color: inherit;
-}
-
-    .imageButton:hover {
-        opacity: .5;
-    }
-
-    .imageButton[disabled], .imageButton[disabled]:hover {
-        opacity: .3 !important;
-        cursor: default;
-    }
-
 .fieldDescription {
     padding-left: 2px;
     font-weight: normal;
     white-space: normal !important;
 }
 
-.paperCheckboxFieldDescription {
-    padding-left: 31px;
-    padding-top: 5px;
-}
-
-paper-input + .fieldDescription {
-    padding-top: 5px;
-    opacity: .9;
-}
-
 .warningFieldDescription {
     padding: 5px;
     border: 1px solid #f4c63f;
@@ -429,11 +349,6 @@ paper-input + .fieldDescription {
     font-weight: 500;
 }
 
-/* Tabs (e.g. advanced metadata page) */
-.localnav {
-    margin-bottom: 30px !important;
-}
-
 .ui-content {
     border-width: 0;
     overflow: visible;
@@ -446,13 +361,6 @@ paper-input + .fieldDescription {
     padding-bottom: 160px;
 }
 
-@media all and (min-width: 450px) {
-
-    .currentUsername {
-        display: inline;
-    }
-}
-
 @media all and (min-width: 800px) {
 
     /*
@@ -465,13 +373,6 @@ paper-input + .fieldDescription {
     .header {
         padding-bottom: 15px;
     }
-
-    .type-interior > .ui-content, .type-interior > .ui-panel-content-wrap > .ui-content {
-        padding-right: 0;
-        padding-left: 0;
-        padding-top: 0;
-        overflow: hidden;
-    }
 }
 
 @media all and (min-width: 900px) {
@@ -481,30 +382,6 @@ paper-input + .fieldDescription {
     }
 }
 
-#ulDirectoryPickerList a {
-    padding-top: .4em;
-    padding-bottom: .4em;
-}
-
-.lblDirectoryPickerPath {
-    white-space: nowrap;
-}
-
-.directoryPickerHeadline {
-    color: #000;
-    background: #fff3a5;
-    padding: 1em;
-    border-radius: 5px;
-    margin-top: 2em;
-}
-
-.directoryPicker paper-item {
-    min-height: 36px;
-    border-bottom: 1px solid #eee;
-    outline: none;
-    cursor: pointer;
-}
-
 /* Footer */
 #footer {
     position: fixed;
@@ -722,25 +599,6 @@ progress {
     background-color: #e8e8e8;
 }
 
-.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-b .emby-collapsible-button {
     border: 0;
     background-color: #333;
@@ -759,7 +617,3 @@ progress {
     padding: 1em 1.25em;
     background-color: #222;
 }
-
-#editItemMetadataPage #txtOverview .paper-input-input {
-    max-height: 90px;
-}

dashboard-ui/scripts/edititemmetadata.js

@@ -12,9 +12,9 @@
         currentItemId = itemId;
 
         if (itemId) {
-            require(['components/metadataeditor/metadataeditor'], function (metadataeditor) {
+            require(['metadataEditor'], function (metadataEditor) {
 
-                metadataeditor.embed(page.querySelector('.editPageInnerContent'), itemId, ApiClient.serverInfo().Id);
+                metadataEditor.embed(page.querySelector('.editPageInnerContent'), itemId, ApiClient.serverInfo().Id);
             });
         } else {
             page.querySelector('.editPageInnerContent').innerHTML = '';

dashboard-ui/scripts/site.js

@@ -545,8 +545,7 @@
 
             if (page.classList.contains('standalonePage')) {
 
-                headerHtml += '<img class="imgLogoIcon" src="css/images/mblogoicon.png" />';
+                headerHtml += '<img class="imgLogoIcon" src="css/images/logo.png" />';
-                headerHtml += '<span class="logoLibraryMenuButtonText">EMBY</span>';
             }
 
             headerHtml += '</a>';
@@ -956,9 +955,9 @@
                 // The native app can handle a little bit more than safari
                 if (AppInfo.isNativeApp) {
 
-                    quality -= 5;
+                    quality -= 10;
                 } else {
-                    quality -= 15;
+                    quality -= 20;
                 }
             }
             options.quality = quality;
@@ -1488,7 +1487,6 @@ var AppInfo = {};
             velocity: bowerPath + "/velocity/velocity.min",
             ironCardList: 'components/ironcardlist/ironcardlist',
             scrollThreshold: 'components/scrollthreshold',
-            directorybrowser: 'components/directorybrowser/directorybrowser',
             playlisteditor: 'components/playlisteditor/playlisteditor',
             medialibrarycreator: 'components/medialibrarycreator/medialibrarycreator',
             medialibraryeditor: 'components/medialibraryeditor/medialibraryeditor',
@@ -1548,6 +1546,10 @@ var AppInfo = {};
 
         define("libjass", [bowerPath + "/libjass/libjass.min", "css!" + bowerPath + "/libjass/libjass"], returnFirstDependency);
 
+        define("directorybrowser", ["components/directorybrowser/directorybrowser"], returnFirstDependency);
+        define("metadataEditor", [embyWebComponentsBowerPath + "/metadataeditor/metadataeditor"], returnFirstDependency);
+        define("personEditor", [embyWebComponentsBowerPath + "/metadataeditor/personeditor"], returnFirstDependency);
+
         define("emby-collapse", [embyWebComponentsBowerPath + "/emby-collapse/emby-collapse"], returnFirstDependency);
         define("emby-button", [embyWebComponentsBowerPath + "/emby-button/emby-button"], returnFirstDependency);
         define("emby-itemscontainer", [embyWebComponentsBowerPath + "/emby-itemscontainer/emby-itemscontainer"], returnFirstDependency);

dashboard-ui/shared.html

@@ -11,7 +11,7 @@
             border-bottom-right-radius: 10px;
         }
     </style>
-    <div class="header"><a class="logo" href="http://emby.media" style="text-decoration:none;font-size: 22px;" target="_blank"><img class="imgLogoIcon" src="css/images/mblogoicon.png"><span class="logoLibraryMenuButtonText">EMBY</span></a></div>
+    <div class="header"><a class="logo" href="http://emby.media" style="text-decoration:none;font-size: 22px;" target="_blank"><img class="imgLogoIcon" src="css/images/logo.png"></a></div>
 
     <div id="itemBackdrop" class="itemBackdrop noBackdrop">
         <div class="itemBackdropContent">

dashboard-ui/thirdparty/paper-button-style.css

@@ -6,7 +6,7 @@
         background: #e1f5f3;
     }
 
-button[is="emby-button"].fab.blue, paper-fab.blue {
+button[is="emby-button"].fab.blue {
     background: #03a9f4;
 }
 
@@ -135,10 +135,6 @@ button[is="emby-button"].mini:not(.fab) {
         width: 20px;
     }
 
-paper-toast {
-    z-index: 9999999;
-}
-
 button[is="emby-button"].notext {
     min-width: 2.8em;
     padding-left: .25em !important;
@@ -149,69 +145,6 @@ button[is="emby-button"].notext {
         margin-right: 0;
     }
 
-paper-icon-button paper-ripple {
-    color: inherit !important;
-}
-
-.ui-body-b paper-icon-button[disabled] {
-    color: #444 !important;
-}
-
-paper-fab {
-    vertical-align: middle;
-    display: inline-flex !important;
-}
-
-    paper-fab.mini {
-        width: 22px;
-        height: 22px;
-    }
-
-        paper-fab.mini iron-icon {
-            width: 22px;
-            height: 22px;
-        }
-
-.ui-body-a paper-fab.subdued {
-    background: #fff;
-    color: #000;
-}
-
-    .ui-body-a paper-fab.subdued paper-material.keyboard-focus {
-        background: #686868 !important;
-    }
-
-.ui-body-b paper-fab.subdued {
-    background: #404040;
-    color: #fff;
-}
-
-    .ui-body-b paper-fab.subdued paper-material.keyboard-focus {
-        background: #686868 !important;
-    }
-
-.ui-body-b paper-fab[disabled].subdued {
-    background: #222;
-}
-
-paper-fab.white {
-    background: #fff;
-    color: #000;
-}
-
-    paper-fab.white paper-material.keyboard-focus {
-        background: #01579b !important;
-        color: #fff;
-    }
-
-paper-fab.square {
-    border-radius: 5px;
-}
-
-paper-fab.accent {
-    background-color: #52B54B;
-}
-
 .fab.green {
     background-color: #81c784 !important;
 }
@@ -224,144 +157,14 @@ paper-fab.accent {
     background-color: #e57373 !important;
 }
 
-.scrollablePaperTabs paper-icon-button {
+.ui-body-b .paperListLabel, .ui-body-b .fieldDescription, .ui-body-b .selectLabelUnfocused, .ui-body-b .inputLabel, .ui-body-b .textareaLabel {
-    display: none !important;
-}
-
-.ui-body-b paper-item-body [secondary] {
-    color: #aaa;
-}
-
-.ui-body-b paper-checkbox paper-ripple {
-    color: #fff !important;
-}
-
-.ui-body-b paper-checkbox #checkboxLabel.paper-checkbox {
-    color: inherit;
-}
-
-.ui-body-a .paperCheckboxFieldDescription {
-    color: #333;
-}
-
-.ui-body-b .paperCheckboxFieldDescription {
     color: #ccc;
 }
 
-.ui-body-b paper-checkbox #checkbox.paper-checkbox {
-    border-color: #dedede;
-}
-
-.ui-body-a paper-checkbox #checkbox.checked.paper-checkbox {
-    background-color: #52B54B;
-    border-color: #52B54B;
-}
-
-.ui-body-b paper-checkbox #checkbox.checked.paper-checkbox {
-    background-color: #52B54B;
-    border-color: #52B54B;
-}
-
-paper-checkbox #checkboxContainer {
-    width: 22px !important;
-    height: 22px !important;
-}
-
-paper-checkbox paper-ripple {
-    top: -13px !important;
-    left: -13px !important;
-}
-
-paper-checkbox #checkmark {
-    border-right-width: 4px !important;
-    border-bottom-width: 4px !important;
-}
-
-.paperCheckboxList paper-checkbox {
-    display: block;
-    padding: .5em 0;
-}
-
-paper-input label, paper-textarea label {
-    font-size: 18px !important;
-    font-family: inherit !important;
-}
-
-.paperListLabel {
-    font-size: 16px;
-    margin-bottom: .5em;
-}
-
-.ui-body-b .paper-input-container-0 .input-content.paper-input-container label, .ui-body-b .paper-input-container-0 .input-content.paper-input-container .paper-input-label, .ui-body-b paper-textarea label, .ui-body-b .paperListLabel, .ui-body-b .fieldDescription {
-    color: #ccc;
-}
-
-.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-b .selectLabelUnfocused, .ui-body-b .inputLabel, .ui-body-b .textareaLabel {
-    color: #ccc;
-}
-
-.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;
-}
-
-.ui-body-a .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container label, .ui-body-a .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container .paper-input-label {
-    color: green;
-}
-
-.ui-body-b .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container label, .ui-body-b .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container .paper-input-label {
-    color: #52B54B;
-}
-
-.ui-body-b .paper-input-container-0 .input-content.paper-input-container input, .ui-body-b .paper-input-container-0 .input-content.paper-input-container textarea, .ui-body-b .paper-input-container-0 .input-content.paper-input-container iron-autogrow-textarea, .ui-body-b .paper-input-container-0 .input-content.paper-input-container .paper-input-input {
-    color: #fff;
-}
-
-paper-input .focused-line, paper-textarea .focused-line {
-    background-color: #52B54B !important;
-}
-
-.ui-body-b .unfocused-line.paper-input-container, .ui-body-b .unfocused-line.paper-textarea-container {
-    background: #454545;
-}
-
-paper-textarea.mono textarea {
-    font-family: monospace !important;
-}
-
-.paperList {
-    padding: .5em 0;
-    margin: 12px auto;
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-    background-color: #fff;
-}
-
-.paperCheckboxList.paperList {
-    padding: .5em 1em;
-}
-
 .ui-body-b .paperList {
     background-color: #2b2b2b;
 }
 
-paper-dropdown-menu {
-    text-align: left;
-    margin: auto;
-    width: 100%;
-    display: inline-block;
-}
-
-    paper-dropdown-menu paper-item {
-        display: block;
-    }
-
 div.dialogHeader {
     padding: .35em .5em;
     display: flex;