update components

dashboard-ui/bower_components/emby-webcomponents/.bower.json

@@ -16,12 +16,12 @@
   },
   "devDependencies": {},
   "ignore": [],
-  "version": "1.3.71",
+  "version": "1.3.73",
-  "_release": "1.3.71",
+  "_release": "1.3.73",
   "_resolution": {
     "type": "version",
-    "tag": "1.3.71",
+    "tag": "1.3.73",
-    "commit": "05594c6dee06ea554f3f76a2efc9f50a1e19573a"
+    "commit": "0727aaabe8c649aa53cd732507f11a295a581ac3"
   },
   "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
   "_target": "^1.2.0",

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

@@ -210,7 +210,7 @@
 
             dlg.addEventListener('close', function () {
 
-                if (selectedId) {
+                if (selectedId != null) {
                     if (options.callback) {
                         options.callback(selectedId);
                     }

dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css

@@ -22,6 +22,10 @@
     width: 100%;
 }
 
+.selectContainer {
+    margin-bottom: 1.5em;
+}
+
 .selectLabel {
     display: block;
 }

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

@@ -22,6 +22,11 @@
         select.dispatchEvent(evt);
     }
 
+    function setValue(select, value) {
+
+        select.value = value;
+    }
+
     function showActionSheeet(select) {
 
         var labelElem = getLabel(select);
@@ -33,7 +38,7 @@
             title: title
 
         }).then(function (value) {
-            select.value = value;
+            setValue(select, value);
             triggerChange(select);
         });
     }

dashboard-ui/bower_components/emby-webcomponents/strings/da.json

@@ -1,7 +1,4 @@
 {
-    "Delete": "Delete",
-    "HeaderDeleteItem": "Delete Item",
-    "ConfirmDeleteItem": "Deleting this item will delete it from both the file system and your media library. Are you sure you wish to continue?",
     "ValueSpecialEpisodeName": "Special - {0}",
     "Share": "Del",
     "ServerUpdateNeeded": "Denne Emby server b\u00f8r opdateres. For at downloade den nyeste version bes\u00f8g venligst {0}",
@@ -53,6 +50,21 @@
     "Edit": "Rediger",
     "Download": "Hent",
     "Advanced": "Avanceret",
+    "Delete": "Delete",
+    "HeaderDeleteItem": "Delete Item",
+    "ConfirmDeleteItem": "Deleting this item will delete it from both the file system and your media library. Are you sure you wish to continue?",
     "Refresh": "Opdater",
-    "RefreshQueued": "Opdatering sat i k\u00f8"
+    "RefreshQueued": "Opdatering sat i k\u00f8",
+    "AddToCollection": "Add to Collection",
+    "NewCollection": "New Collection",
+    "LabelCollection": "Collection:",
+    "Help": "Help",
+    "NewCollectionHelp": "Collections allow you to create personalized groupings of movies and other library content.",
+    "SearchForCollectionInternetMetadata": "Search the internet for artwork and metadata",
+    "LabelName": "Name:",
+    "NewCollectionNameExample": "Example: Star Wars Collection",
+    "MessageItemsAdded": "Items added.",
+    "OptionNew": "New...",
+    "LabelPlaylist": "Playlist:",
+    "AddToPlaylist": "Add to Playlist"
 }

dashboard-ui/bower_components/emby-webcomponents/strings/es-MX.json

@@ -1,7 +1,4 @@
 {
-    "Delete": "Delete",
-    "HeaderDeleteItem": "Delete Item",
-    "ConfirmDeleteItem": "Deleting this item will delete it from both the file system and your media library. Are you sure you wish to continue?",
     "ValueSpecialEpisodeName": "Especial - {0}",
     "Share": "Compartir",
     "ServerUpdateNeeded": "Este Servidor Emby necesita ser actualizado. Para descargar la ultima versi\u00f3n, por favor visite {0}",
@@ -53,6 +50,21 @@
     "Edit": "Editar",
     "Download": "Descargar",
     "Advanced": "Avanzado",
+    "Delete": "Delete",
+    "HeaderDeleteItem": "Delete Item",
+    "ConfirmDeleteItem": "Deleting this item will delete it from both the file system and your media library. Are you sure you wish to continue?",
     "Refresh": "Actualizar",
-    "RefreshQueued": "Actualizaci\u00f3n programada"
+    "RefreshQueued": "Actualizaci\u00f3n programada",
+    "AddToCollection": "Add to Collection",
+    "NewCollection": "New Collection",
+    "LabelCollection": "Collection:",
+    "Help": "Help",
+    "NewCollectionHelp": "Collections allow you to create personalized groupings of movies and other library content.",
+    "SearchForCollectionInternetMetadata": "Search the internet for artwork and metadata",
+    "LabelName": "Name:",
+    "NewCollectionNameExample": "Example: Star Wars Collection",
+    "MessageItemsAdded": "Items added.",
+    "OptionNew": "New...",
+    "LabelPlaylist": "Playlist:",
+    "AddToPlaylist": "Add to Playlist"
 }

dashboard-ui/bower_components/emby-webcomponents/strings/kk.json

@@ -1,7 +1,4 @@
 {
-    "Delete": "Delete",
-    "HeaderDeleteItem": "Delete Item",
-    "ConfirmDeleteItem": "Deleting this item will delete it from both the file system and your media library. Are you sure you wish to continue?",
     "ValueSpecialEpisodeName": "\u0410\u0440\u043d\u0430\u0439\u044b - {0}",
     "Share": "\u041e\u0440\u0442\u0430\u049b\u0442\u0430\u0441\u0443",
     "ServerUpdateNeeded": "\u041e\u0441\u044b Emby Server \u0436\u0430\u04a3\u0430\u0440\u0442\u044b\u043b\u0443\u044b \u049b\u0430\u0436\u0435\u0442. \u0421\u043e\u04a3\u0493\u044b \u043d\u04b1\u0441\u049b\u0430\u0441\u044b\u043d \u0436\u04af\u043a\u0442\u0435\u043f \u0430\u043b\u0443 \u04af\u0448\u0456\u043d, {0} \u043a\u0456\u0440\u0456\u04a3\u0456\u0437",
@@ -53,6 +50,21 @@
     "Edit": "\u04e8\u04a3\u0434\u0435\u0443",
     "Download": "\u0416\u04af\u043a\u0442\u0435\u043f \u0430\u043b\u0443",
     "Advanced": "\u041a\u0435\u04a3\u0435\u0439\u0442\u0456\u043b\u0433\u0435\u043d",
+    "Delete": "\u0416\u043e\u044e",
+    "HeaderDeleteItem": "\u0422\u0430\u0440\u043c\u0430\u049b\u0442\u044b \u0436\u043e\u044e",
+    "ConfirmDeleteItem": "\u041e\u0441\u044b \u0442\u0430\u0440\u043c\u0430\u049b\u0442\u044b \u0436\u043e\u0439\u0493\u0430\u043d\u0434\u0430, \u043e\u043b \u0444\u0430\u0439\u043b \u0436\u04af\u0439\u0435\u0441\u0456\u043d\u0435\u043d \u0434\u0435, \u0442\u0430\u0441\u044b\u0493\u044b\u0448\u0445\u0430\u043d\u0430\u04a3\u044b\u0437\u0434\u0430\u043d \u0434\u0430 \u0436\u043e\u0439\u044b\u043b\u0430\u0434\u044b. \u0428\u044b\u043d\u044b\u043c\u0435\u043d \u0436\u0430\u043b\u0493\u0430\u0441\u0442\u044b\u0440\u0443 \u049b\u0430\u0436\u0435\u0442 \u043f\u0435?",
     "Refresh": "\u0416\u0430\u04a3\u0493\u044b\u0440\u0442\u0443",
-    "RefreshQueued": "\u0416\u0430\u04a3\u0493\u044b\u0440\u0442\u0443 \u043a\u0435\u0437\u0435\u043a\u0442\u0435."
+    "RefreshQueued": "\u0416\u0430\u04a3\u0493\u044b\u0440\u0442\u0443 \u043a\u0435\u0437\u0435\u043a\u0442\u0435.",
+    "AddToCollection": "\u0416\u0438\u044b\u043d\u0442\u044b\u049b\u049b\u0430 \u04af\u0441\u0442\u0435\u0443",
+    "NewCollection": "\u0416\u0430\u04a3\u0430 \u0436\u0438\u044b\u043d\u0442\u044b\u049b",
+    "LabelCollection": "\u0416\u0438\u044b\u043d\u0442\u044b\u049b:",
+    "Help": "\u0410\u043d\u044b\u049b\u0442\u0430\u043c\u0430",
+    "NewCollectionHelp": "\u0416\u0438\u044b\u043d\u0442\u044b\u049b\u0442\u0430\u0440 \u0441\u0456\u0437\u0433\u0435 \u0424\u0438\u043b\u044c\u043c\u0434\u0435\u0440\u0434\u0456\u04a3 \u0436\u04d9\u043d\u0435 \u0442\u0430\u0493\u044b \u0431\u0430\u0441\u049b\u0430 \u0442\u0430\u0441\u044b\u0493\u044b\u0448\u0445\u0430\u043d\u0430\u043d\u044b\u04a3 \u043c\u0430\u0437\u043c\u04b1\u043d\u044b\u043d \u0434\u0435\u0440\u0431\u0435\u0441\u0442\u0435\u043d\u0434\u0456\u0440\u0456\u043b\u0433\u0435\u043d \u0442\u043e\u043f\u0442\u0430\u0443\u043b\u0430\u0440\u044b\u043c\u0435\u043d \u0442\u0430\u043c\u0430\u0448\u0430\u043b\u0430\u043d\u0443 \u04af\u0448\u0456\u043d \u0440\u04b1\u049b\u0441\u0430\u0442 \u0435\u0442\u0435\u0434\u0456.",
+    "SearchForCollectionInternetMetadata": "\u0421\u0443\u0440\u0435\u0442\u0442\u0435\u043c\u0435\u043b\u0435\u0440 \u0431\u0435\u043d \u043c\u0435\u0442\u0430\u0434\u0435\u0440\u0435\u043a\u0442\u0435\u0440\u0434\u0456 \u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0442\u0435\u043d \u0456\u0437\u0434\u0435\u0443",
+    "LabelName": "\u0410\u0442\u044b:",
+    "NewCollectionNameExample": "\u041c\u044b\u0441\u0430\u043b: \u0416\u04b1\u043b\u0434\u044b\u0437 \u0441\u043e\u0493\u044b\u0441\u0442\u0430\u0440\u044b (\u0436\u0438\u044b\u043d\u0442\u044b\u049b)",
+    "MessageItemsAdded": "\u0422\u0430\u0440\u043c\u0430\u049b\u0442\u0430\u0440 \u04af\u0441\u0442\u0435\u043b\u0433\u0435\u043d.",
+    "OptionNew": "\u0416\u0430\u04a3\u0430...",
+    "LabelPlaylist": "\u041e\u0439\u043d\u0430\u0442\u0443 \u0442\u0456\u0437\u0456\u043c\u0456:",
+    "AddToPlaylist": "\u041e\u0439\u043d\u0430\u0442\u0443 \u0442\u0456\u0437\u0456\u043c\u0456\u043d\u0435 \u04af\u0441\u0442\u0435\u0443"
 }

dashboard-ui/bower_components/emby-webcomponents/strings/nb.json

@@ -1,7 +1,4 @@
 {
-    "Delete": "Slett",
-    "HeaderDeleteItem": "Slett element",
-    "ConfirmDeleteItem": "Ved \u00e5 slette dette element vil du b\u00e5de slette det fra statement og mediebiblioteket. Er du sikker p\u00e5 at du vil forsette?",
     "ValueSpecialEpisodeName": "Spesial - {0}",
     "Share": "Del",
     "ServerUpdateNeeded": "Denne Emby serveren trenger en oppdatering. For \u00e5 laste ned nyeste versjon, vennligst bes\u00f8k: {0}",
@@ -53,6 +50,21 @@
     "Edit": "Endre",
     "Download": "Last ned",
     "Advanced": "Avansert",
+    "Delete": "Slett",
+    "HeaderDeleteItem": "Slett element",
+    "ConfirmDeleteItem": "Ved \u00e5 slette dette element vil du b\u00e5de slette det fra statement og mediebiblioteket. Er du sikker p\u00e5 at du vil forsette?",
     "Refresh": "Oppdater",
-    "RefreshQueued": "Oppdatering k\u00f8"
+    "RefreshQueued": "Oppdatering k\u00f8",
+    "AddToCollection": "Add to Collection",
+    "NewCollection": "New Collection",
+    "LabelCollection": "Collection:",
+    "Help": "Help",
+    "NewCollectionHelp": "Collections allow you to create personalized groupings of movies and other library content.",
+    "SearchForCollectionInternetMetadata": "Search the internet for artwork and metadata",
+    "LabelName": "Name:",
+    "NewCollectionNameExample": "Example: Star Wars Collection",
+    "MessageItemsAdded": "Items added.",
+    "OptionNew": "New...",
+    "LabelPlaylist": "Playlist:",
+    "AddToPlaylist": "Add to Playlist"
 }

dashboard-ui/bower_components/emby-webcomponents/strings/nl.json

@@ -1,7 +1,4 @@
 {
-    "Delete": "Verwijder",
-    "HeaderDeleteItem": "Item verwijderen",
-    "ConfirmDeleteItem": "Verwijderen van dit item zal het verwijderen uit zowel het bestandssysteem als de Media Bibliotheek. Weet u zeker dat u wilt doorgaan?",
     "ValueSpecialEpisodeName": "Speciaal - {0}",
     "Share": "Delen",
     "ServerUpdateNeeded": "Deze Emby Server moet worden bijgewerkt. Om de laatste versie te downloaden, gaat u naar {0}",
@@ -53,6 +50,21 @@
     "Edit": "Bewerken",
     "Download": "Downloaden",
     "Advanced": "Geavanceerd",
+    "Delete": "Verwijder",
+    "HeaderDeleteItem": "Item verwijderen",
+    "ConfirmDeleteItem": "Verwijderen van dit item zal het verwijderen uit zowel het bestandssysteem als de Media Bibliotheek. Weet u zeker dat u wilt doorgaan?",
     "Refresh": "Vernieuwen",
-    "RefreshQueued": "Vernieuwen wachtrij"
+    "RefreshQueued": "Vernieuwen wachtrij",
+    "AddToCollection": "Add to Collection",
+    "NewCollection": "New Collection",
+    "LabelCollection": "Collection:",
+    "Help": "Help",
+    "NewCollectionHelp": "Collections allow you to create personalized groupings of movies and other library content.",
+    "SearchForCollectionInternetMetadata": "Search the internet for artwork and metadata",
+    "LabelName": "Name:",
+    "NewCollectionNameExample": "Example: Star Wars Collection",
+    "MessageItemsAdded": "Items added.",
+    "OptionNew": "New...",
+    "LabelPlaylist": "Playlist:",
+    "AddToPlaylist": "Add to Playlist"
 }

dashboard-ui/bower_components/emby-webcomponents/strings/ru.json

@@ -1,7 +1,4 @@
 {
-    "Delete": "Delete",
-    "HeaderDeleteItem": "Delete Item",
-    "ConfirmDeleteItem": "Deleting this item will delete it from both the file system and your media library. Are you sure you wish to continue?",
     "ValueSpecialEpisodeName": "\u0421\u043f\u0435\u0446\u044d\u043f\u0438\u0437\u043e\u0434 - {0}",
     "Share": "\u041f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f",
     "ServerUpdateNeeded": "\u0414\u0430\u043d\u043d\u044b\u0439 Emby \u0421\u0435\u0440\u0432\u0435\u0440 \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438. \u0427\u0442\u043e\u0431\u044b \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u0432\u0435\u0440\u0441\u0438\u044e, \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435 {0}",
@@ -53,6 +50,21 @@
     "Edit": "\u041f\u0440\u0430\u0432\u0438\u0442\u044c",
     "Download": "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c",
     "Advanced": "\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u043e\u0435",
+    "Delete": "\u0423\u0434\u0430\u043b\u0438\u0442\u044c",
+    "HeaderDeleteItem": "\u0423\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430",
+    "ConfirmDeleteItem": "\u041f\u0440\u0438 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043e\u043d \u0443\u0434\u0430\u043b\u0438\u0442\u0441\u044f \u0438 \u0438\u0437 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u0438 \u0438\u0437 \u043c\u0435\u0434\u0438\u0430\u0442\u0435\u043a\u0438. \u0412\u044b \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c?",
     "Refresh": "\u041f\u043e\u0434\u043d\u043e\u0432\u0438\u0442\u044c",
-    "RefreshQueued": "\u041f\u043e\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u0438."
+    "RefreshQueued": "\u041f\u043e\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u0438.",
+    "AddToCollection": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e",
+    "NewCollection": "\u041d\u043e\u0432\u0430\u044f \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f",
+    "LabelCollection": "\u041a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f:",
+    "Help": "\u0421\u043f\u0440\u0430\u0432\u043a\u0430",
+    "NewCollectionHelp": "\u041a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0431\u043e\u0441\u043e\u0431\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u043e\u0431\u0440\u0430\u043d\u0438\u044f \u0444\u0438\u043b\u044c\u043c\u043e\u0432 \u0438 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u043c\u0435\u0434\u0438\u0430\u0442\u0435\u043a\u0438.",
+    "SearchForCollectionInternetMetadata": "\u0418\u0441\u043a\u0430\u0442\u044c \u0438\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0438 \u043c\u0435\u0442\u0430\u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435",
+    "LabelName": "\u0418\u043c\u044f (\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435):",
+    "NewCollectionNameExample": "\u041f\u0440\u0438\u043c\u0435\u0440: \u0417\u0432\u0451\u0437\u0434\u043d\u044b\u0435 \u0432\u043e\u0439\u043d\u044b (\u041a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f)",
+    "MessageItemsAdded": "\u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b.",
+    "OptionNew": "\u041d\u043e\u0432\u043e\u0435...",
+    "LabelPlaylist": "\u041f\u043b\u0435\u0439-\u043b\u0438\u0441\u0442:",
+    "AddToPlaylist": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043f\u043b\u0435\u0439-\u043b\u0438\u0441\u0442"
 }

dashboard-ui/movies.html

@@ -9,7 +9,7 @@
         <button class="pageTabButton movieStudiosTab" data-index="5">${TabStudios}</button>
     </div>
     <div class="is-active pageTabContent ehsContent" id="suggestionsTab" data-index="0">
-        <div id="resumableSection" style="display: none;" class="homePageSection">
+        <div id="resumableSection" class="homePageSection hide">
             <div>
                 <h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderResume}</h1>
                 <paper-button raised class="submit mini categorySyncButton" data-category="Resume"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
@@ -31,7 +31,7 @@
 
         <div class="recommendations homePageSection">
         </div>
-        <div class="noItemsMessage" style="display: none;">
+        <div class="noItemsMessage hide">
             <br />
             <p>${MessageNoMovieSuggestionsAvailable}</p>
         </div>

dashboard-ui/mypreferencesdisplay.html

@@ -1,4 +1,4 @@
-<div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderDisplaySettings}" data-require="scripts/mypreferencesdisplay,paper-checkbox,paper-button" data-backbutton="true" data-menubutton="false">
+<div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderDisplaySettings}" data-require="scripts/mypreferencesdisplay,paper-checkbox,paper-button,emby-select" data-backbutton="true" data-menubutton="false">
     <div data-role="content">
         <form class="displayPreferencesForm userProfileSettingsForm" style="margin: 0 auto;">
             <div class="detailSection languageSection">
@@ -7,9 +7,8 @@
                 </h1>
                 <div class="detailSectionContent">
                     <br />
-                    <div>
+                    <div class="selectContainer">
-                        <label for="selectLanguage" class="selectLabel">${LabelPreferredDisplayLanguage}</label>
+                        <select id="selectLanguage" is="emby-select" label="${LabelPreferredDisplayLanguage}">
-                        <select id="selectLanguage" data-mini="true">
                             <option value="">${OptionAuto}</option>
                             <option value="ar">Arabic</option>
                             <option value="bg-BG">Bulgarian (Bulgaria)</option>
@@ -59,9 +58,8 @@
                 </h1>
                 <div class="detailSectionContent">
                     <br />
-                    <div>
+                    <div class="selectContainer">
-                        <label for="selectThemeSong" class="selectLabel">${LabelEnableThemeSongs}</label>
+                        <select id="selectThemeSong" is="emby-select" label="${LabelEnableThemeSongs}">
-                        <select id="selectThemeSong" data-mini="true">
                             <option value="">${OptionAuto}</option>
                             <option value="1">${OptionYes}</option>
                             <option value="0">${OptionNo}</option>
@@ -69,9 +67,8 @@
                         <div class="fieldDescription">${LabelEnableThemeSongsHelp}</div>
                     </div>
                     <br />
-                    <div class="fldEnableBackdrops" style="display:none;">
+                    <div class="fldEnableBackdrops selectContainer" style="display:none;">
-                        <label for="selectBackdrop" class="selectLabel">${LabelEnableBackdrops}</label>
+                        <select id="selectBackdrop" is="emby-select" label="${LabelEnableBackdrops}">
-                        <select id="selectBackdrop" data-mini="true">
                             <option value="">${OptionAuto}</option>
                             <option value="1">${OptionYes}</option>
                             <option value="0">${OptionNo}</option>

dashboard-ui/myprofile.html

@@ -1,4 +1,4 @@
-<div id="userImagePage" data-role="page" class="page libraryPage userPreferencesPage userPasswordPage noSecondaryNavPage" data-title="${HeaderProfile}" data-require="jqmcollapsible,scripts/myprofile,paper-checkbox,paper-input,paper-button" data-backbutton="true" data-menubutton="false">
+<div id="userImagePage" data-role="page" class="page libraryPage userPreferencesPage userPasswordPage noSecondaryNavPage" data-title="${HeaderProfile}" data-require="emby-collapsible,scripts/myprofile,paper-checkbox,paper-input,paper-button" data-backbutton="true" data-menubutton="false">
 
     <div data-role="content">
         <br />
@@ -19,24 +19,21 @@
 
         <form class="newImageForm userProfileSettingsForm" style="display:none;margin: 1em auto 0;">
 
-            <div data-role="collapsible">
+            <emby-collapsible title="${HeaderUploadNewImage}">
-                <h2 id="headerUploadNewImage" style="display: none;">${HeaderUploadNewImage}</h2>
+                <div id="fldNewImage">
-                <div>
+                    <p>${ImageUploadAspectRatioHelp}</p>
-                    <div id="fldNewImage">
+                    <input type="file" accept="image/*" id="uploadUserImage" name="uploadUserImage" />
-                        <p>${ImageUploadAspectRatioHelp}</p>
-                        <input type="file" accept="image/*" id="uploadUserImage" name="uploadUserImage" />
 
-                        <div id="userImageDropZone" class="imageDropZone">
+                    <div id="userImageDropZone" class="imageDropZone">
-                            <h3>${LabelDropImageHere}</h3>
+                        <h3>${LabelDropImageHere}</h3>
-                            <output id="userImageOutput"></output>
+                        <output id="userImageOutput"></output>
-                        </div>
-                    </div>
-                    <div id="fldNewImagePreview"></div>
-                    <div id="fldUpload" style="display: none;">
-                        <button type="submit" data-icon="check" data-theme="a">${ButtonUpload}</button>
                     </div>
                 </div>
-            </div>
+                <div id="fldNewImagePreview"></div>
+                <div id="fldUpload" style="display: none;">
+                    <button type="submit" data-icon="check" data-theme="a">${ButtonUpload}</button>
+                </div>
+            </emby-collapsible>
 
         </form>
 

dashboard-ui/mysyncjob.html

@@ -1,4 +1,4 @@
-<div id="mySyncJobPage" data-role="page" class="page libraryPage syncJobPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="jqmcollapsible,scripts/syncjob,paper-fab,paper-item-body,paper-icon-item" data-backbutton="true" data-menubutton="false">
+<div id="mySyncJobPage" data-role="page" class="page libraryPage syncJobPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="scripts/syncjob,paper-fab,paper-item-body,paper-icon-item" data-backbutton="true" data-menubutton="false">
 
     <div data-role="content">
 

dashboard-ui/scripts/moviesrecommended.js

@@ -1,4 +1,4 @@
-define(['jQuery', 'libraryBrowser', 'scrollStyles'], function ($, libraryBrowser) {
+define(['libraryBrowser', 'scrollStyles'], function (libraryBrowser) {
 
     function getView() {
 
@@ -96,9 +96,9 @@
         ApiClient.getItems(userId, options).then(function (result) {
 
             if (result.Items.length) {
-                $('#resumableSection', page).show();
+                page.querySelector('#resumableSection').classList.remove('hide');
             } else {
-                $('#resumableSection', page).hide();
+                page.querySelector('#resumableSection').classList.add('hide');
             }
 
             var view = getResumeView();
@@ -207,7 +207,7 @@
 
     function loadSuggestions(page, userId, parentId) {
 
-        var screenWidth = $(window).width();
+        var screenWidth = window.innerWidth;
 
         var url = ApiClient.getUrl("Movies/Recommendations", {
 
@@ -223,14 +223,14 @@
 
             if (!recommendations.length) {
 
-                $('.noItemsMessage', page).show();
+                page.querySelector('.noItemsMessage').classList.remove('hide');
                 page.querySelector('.recommendations').innerHTML = '';
                 return;
             }
 
             var html = recommendations.map(getRecommendationHtml).join('');
 
-            $('.noItemsMessage', page).hide();
+            page.querySelector('.noItemsMessage').classList.add('hide');
 
             var recs = page.querySelector('.recommendations');
             recs.innerHTML = html;
@@ -241,13 +241,15 @@
     function initSuggestedTab(page, tabContent) {
 
         var containers = tabContent.querySelectorAll('.itemsContainer');
-        if (enableScrollX()) {
+        for (var i = 0, length = containers.length; i < length; i++) {
-            $(containers).addClass('hiddenScrollX');
+            if (enableScrollX()) {
-        } else {
+                containers[i].classList.add('hiddenScrollX');
-            $(containers).removeClass('hiddenScrollX');
+            } else {
-        }
+                containers[i].classList.remove('hiddenScrollX');
+            }
 
-        $(containers).createCardMenus();
+            libraryBrowser.createCardMenus(containers[i]);
+        }
     }
 
     function loadSuggestionsTab(view, params, tabContent) {
@@ -279,7 +281,7 @@
             loadSuggestionsTab(view, params, tabContent);
         };
 
-        $('.recommendations', view).createCardMenus();
+        libraryBrowser.createCardMenus(view.querySelector('.recommendations'));
 
         var mdlTabs = view.querySelector('.libraryViewNav');
 

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

@@ -39,7 +39,7 @@
         color: #52B54B;
     }
 
-    paper-button[raised].submit, paper-button[raised] {
+    paper-button[raised].submit, paper-button[raised]:not(.subdued):not(.cancel) {
         background: #52B54B;
         color: #fff;
     }

dashboard-ui/useredit.html

@@ -1,4 +1,4 @@
-<div id="editUserPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="jqmcollapsible,scripts/useredit,paper-input,paper-checkbox,paper-button">
+<div id="editUserPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="scripts/useredit,paper-input,paper-checkbox,paper-button">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/userparentalcontrol.html

@@ -1,4 +1,4 @@
-<div id="userParentalControlPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="jqmpopup,jqmcollapsible,scripts/userparentalcontrol,paper-checkbox,paper-button">
+<div id="userParentalControlPage" data-role="page" class="page type-interior userProfilesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Users" data-require="jqmpopup,scripts/userparentalcontrol,paper-checkbox,paper-button">
 
     <div data-role="content">
         <div class="content-primary">