${Screenshots}
diff --git a/dashboard-ui/components/metadataeditor/metadataeditor.js b/dashboard-ui/components/metadataeditor/metadataeditor.js
index 3f325c065f..cc0e6b5397 100644
--- a/dashboard-ui/components/metadataeditor/metadataeditor.js
+++ b/dashboard-ui/components/metadataeditor/metadataeditor.js
@@ -269,16 +269,11 @@
function showRefreshMenu(context, button) {
- ApiClient.refreshItem(currentItem.Id, {
- Recursive: true,
- ImageRefreshMode: 'FullRefresh',
- MetadataRefreshMode: 'FullRefresh',
- ReplaceAllImages: false,
- ReplaceAllMetadata: true
- });
-
- require(['toast'], function (toast) {
- toast(Globalize.translate('MessageRefreshQueued'));
+ require(['refreshDialog'], function (refreshDialog) {
+ new refreshDialog({
+ itemIds: [currentItem.Id],
+ serverId: ApiClient.serverInfo().Id
+ }).show();
});
}
diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css
index 79673a01ff..62ae387756 100644
--- a/dashboard-ui/css/card.css
+++ b/dashboard-ui/css/card.css
@@ -3,6 +3,8 @@
text-align: left;
position: relative;
contain: style;
+
+ /*box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);*/
}
/*.itemsContainer .card {
@@ -54,7 +56,7 @@
}
.cardBox {
- margin: 5px;
+ margin: 6px;
}
@media all and (max-width: 500px) {
@@ -68,18 +70,20 @@
position: absolute;
bottom: 0;
right: 0;
- padding: 1em .5em .5em 1em;
+ padding: 1em .25em .5em 1em;
}
.cardOverlayMoreButton, .cardOverlayPlayButton {
- color: #333 !important;
- background-color: rgba(210,210,210,.9) !important;
+ color: #fff !important;
+ background-color: rgba(0,0,0,.7) !important;
border-radius: 500px;
- padding: 5px;
- width: 36px;
- height: 36px;
}
+ .cardOverlayMoreButton:hover, .cardOverlayPlayButton:hover {
+ background-color: rgba(0,0,0,.9) !important;
+ transition: background-color .5s ease-out;
+ }
+
.grayscale {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
@@ -270,6 +274,7 @@
background-position: center bottom;
width: 100%;
height: 100%;
+ border-radius: 2px;
}
.cardImage canvas {
diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index d8c7ad074c..eb24ed1ca2 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -186,6 +186,7 @@
text-transform: uppercase;
white-space: nowrap;
padding: 0 0 0;
+ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.libraryViewNav.bottom {
diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index 46b199916a..9a24528977 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -44,10 +44,6 @@ html {
font-size: 14px;
}
- html.smallerDefault {
- font-size: 13px;
- }
-
body {
overflow-y: scroll !important;
/* This is needed to prevent a horizontal scrollbar while neon-animated-pages are animating. */
diff --git a/dashboard-ui/devices/android/android.css b/dashboard-ui/devices/android/android.css
index c7b4d5ece5..32419a31e2 100644
--- a/dashboard-ui/devices/android/android.css
+++ b/dashboard-ui/devices/android/android.css
@@ -6,10 +6,6 @@
font-weight: bold !important;
}
-.libraryViewNav {
- box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
-}
-
@media all and (min-width: 300px) {
.libraryViewNav {
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index e4da8a8f64..1de9918981 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -743,23 +743,6 @@
return false;
},
- refreshItem: function (itemId) {
-
- ApiClient.refreshItem(itemId, {
-
- Recursive: true,
- ImageRefreshMode: 'FullRefresh',
- MetadataRefreshMode: 'FullRefresh',
- ReplaceAllImages: false,
- ReplaceAllMetadata: true
-
- });
-
- require(['toast'], function (toast) {
- toast(Globalize.translate('MessageRefreshQueued'));
- });
- },
-
deleteItems: function (itemIds) {
return new Promise(function (resolve, reject) {
@@ -980,17 +963,11 @@
LibraryBrowser.identifyItem(itemId);
break;
case 'refresh':
- ApiClient.refreshItem(itemId, {
-
- Recursive: true,
- ImageRefreshMode: 'FullRefresh',
- MetadataRefreshMode: 'FullRefresh',
- ReplaceAllImages: false,
- ReplaceAllMetadata: true
- });
-
- require(['toast'], function (toast) {
- toast(Globalize.translate('MessageRefreshQueued'));
+ require(['refreshDialog'], function (refreshDialog) {
+ new refreshDialog({
+ itemIds: [itemId],
+ serverId: serverId
+ }).show();
});
break;
default:
diff --git a/dashboard-ui/scripts/librarylist.js b/dashboard-ui/scripts/librarylist.js
index 1b797e9b92..8c2c72b9e6 100644
--- a/dashboard-ui/scripts/librarylist.js
+++ b/dashboard-ui/scripts/librarylist.js
@@ -544,17 +544,11 @@
}
break;
case 'refresh':
- ApiClient.refreshItem(itemId, {
-
- Recursive: true,
- ImageRefreshMode: 'FullRefresh',
- MetadataRefreshMode: 'FullRefresh',
- ReplaceAllImages: false,
- ReplaceAllMetadata: true
- });
-
- require(['toast'], function (toast) {
- toast(Globalize.translate('MessageRefreshQueued'));
+ require(['refreshDialog'], function (refreshDialog) {
+ new refreshDialog({
+ itemIds: [itemId],
+ serverId: serverId
+ }).show();
});
break;
case 'instantmix':
@@ -1317,22 +1311,11 @@
hideSelections();
break;
case 'refresh':
- items.map(function (itemId) {
-
- // TODO: Create an endpoint to do this in bulk
- ApiClient.refreshItem(itemId, {
-
- Recursive: true,
- ImageRefreshMode: 'FullRefresh',
- MetadataRefreshMode: 'FullRefresh',
- ReplaceAllImages: false,
- ReplaceAllMetadata: true
- });
-
- });
-
- require(['toast'], function (toast) {
- toast(Globalize.translate('MessageRefreshQueued'));
+ require(['refreshDialog'], function (refreshDialog) {
+ new refreshDialog({
+ itemIds: items,
+ serverId: serverId
+ }).show();
});
hideSelections();
break;
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 64d4a3c2fd..692e2ec50d 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -1660,10 +1660,6 @@ var AppInfo = {};
var elem = document.documentElement;
- if (!browser.android && !browser.mobile) {
- elem.classList.add('smallerDefault');
- }
-
if (AppInfo.isTouchPreferred) {
elem.classList.add('touch');
}
@@ -1808,6 +1804,7 @@ var AppInfo = {};
define("recordingEditor", [embyWebComponentsBowerPath + "/recordingcreator/recordingeditor"], returnFirstDependency);
define("subtitleEditor", [embyWebComponentsBowerPath + "/subtitleeditor/subtitleeditor"], returnFirstDependency);
define("mediaInfo", [embyWebComponentsBowerPath + "/mediainfo/mediainfo"], returnFirstDependency);
+ define("refreshDialog", [embyWebComponentsBowerPath + "/refreshdialog/refreshdialog"], returnFirstDependency);
define("backdrop", [embyWebComponentsBowerPath + "/backdrop/backdrop"], returnFirstDependency);
define("fetchHelper", [embyWebComponentsBowerPath + "/fetchhelper"], returnFirstDependency);
-