add image editing to library setup

2025-03-30 19:56:21 +00:00 · 2015-10-16 01:36:16 -04:00 · 2015-10-16 01:36:16 -04:00 · e6020421a1
commit e6020421a1
parent 8a2b6dbea0
77 changed files with 338 additions and 109 deletions
--- a/dashboard-ui/components/imageeditor/imageeditor.js
+++ b/dashboard-ui/components/imageeditor/imageeditor.js
@ -1,6 +1,8 @@
 (function ($, document, window, FileReader, escape) {

    var currentItem;
+    var currentDeferred;
+    var hasChanges = false;

    function getBaseRemoteOptions() {

@ -32,9 +34,9 @@
        ApiClient.getRemoteImageProviders(getBaseRemoteOptions()).done(function (providers) {

            if (providers.length) {
-                $('.lnkBrowseAllImages', page).removeClass('hide');
+                $('.btnBrowseAllImages', page).removeClass('hide');
            } else {
-                $('.lnkBrowseAllImages', page).addClass('hide');
+                $('.btnBrowseAllImages', page).addClass('hide');
            }

            ApiClient.getItemImageInfos(currentItem.Id).done(function (imageInfos) {
@ -122,6 +124,7 @@
                if (result) {
                    ApiClient.deleteItemImage(currentItem.Id, type, index).done(function () {

+                        hasChanges = true;
                        reload(page);

                    });
@ -136,6 +139,7 @@
            var newIndex = parseInt(this.getAttribute('data-newindex'));
            ApiClient.updateItemImageIndex(currentItem.Id, type, index, newIndex).done(function () {

+                hasChanges = true;
                reload(page);

            });
@ -188,24 +192,30 @@
    function showImageDownloader(page, imageType) {
        require(['components/imagedownloader/imagedownloader'], function () {

-            ImageDownloader.show(currentItem.Id, currentItem.Type, imageType).done(function (hasChanges) {
+            ImageDownloader.show(currentItem.Id, currentItem.Type, imageType).done(function (hasChanged) {

-                if (hasChanges) {
+                if (hasChanged) {
+                    hasChanges = true;
                    reload(page);
                }
            });
        });
    }

-    function initEditor(page) {
+    function initEditor(page, options) {

        $('.btnOpenUploadMenu', page).on('click', function () {

            require(['components/imageuploader/imageuploader'], function () {

-                ImageUploader.show(currentItem.Id).done(function (hasChanges) {
+                ImageUploader.show(currentItem.Id, {
                    
-                    if (hasChanges) {
+                    theme: options.theme
+
+                }).done(function (hasChanged) {
+
+                    if (hasChanged) {
+                        hasChanges = true;
                        reload(page);
                    }
                });
@ -217,7 +227,9 @@
        });
    }

-    function showEditor(itemId) {
+    function showEditor(itemId, options) {
+
+        options = options || {};

        Dashboard.showLoadingMsg();

@ -230,7 +242,9 @@

            ApiClient.getItem(Dashboard.getCurrentUserId(), itemId).done(function (item) {

-                var dlg = PaperDialogHelper.createDialog();
+                var dlg = PaperDialogHelper.createDialog({
+                    theme: options.theme
+                });

                var html = '';
                html += '<h2 class="dialogHeader">';
@ -245,7 +259,7 @@
                dlg.innerHTML = html;
                document.body.appendChild(dlg);

-                initEditor(dlg);
+                initEditor(dlg, options);

                // Has to be assigned a z-index after the call to .open() 
                $(dlg).on('iron-overlay-closed', onDialogClosed);
@ -267,16 +281,23 @@

        $(this).remove();
        Dashboard.hideLoadingMsg();
+        currentDeferred.resolveWith(null, [hasChanges]);
    }

    window.ImageEditor = {
-        show: function (itemId) {
+        show: function (itemId, options) {
+
+            var deferred = DeferredBuilder.Deferred();
+
+            currentDeferred = deferred;
+            hasChanges = false;

            require(['components/paperdialoghelper'], function () {

                Dashboard.importCss('css/metadataeditor.css');
-                showEditor(itemId);
+                showEditor(itemId, options);
            });
+            return deferred.promise();
        }
    };

--- a/dashboard-ui/components/imageuploader/imageuploader.js
+++ b/dashboard-ui/components/imageuploader/imageuploader.js
@ -121,7 +121,9 @@
        });
    }

-    function showEditor(itemId) {
+    function showEditor(itemId, options) {
+
+        options = options || {};

        HttpClient.send({

@ -132,7 +134,9 @@

            currentItemId = itemId;

-            var dlg = PaperDialogHelper.createDialog();
+            var dlg = PaperDialogHelper.createDialog({
+                theme: options.theme
+            });

            var html = '';
            html += '<h2 class="dialogHeader">';
@ -170,7 +174,7 @@
    }

    window.ImageUploader = {
-        show: function (itemId) {
+        show: function (itemId, options) {

            var deferred = DeferredBuilder.Deferred();

@ -179,7 +183,7 @@

            require(['components/paperdialoghelper'], function () {

-                showEditor(itemId);
+                showEditor(itemId, options);
            });
            return deferred.promise();
        }
--- a/dashboard-ui/css/metadataeditor.css
+++ b/dashboard-ui/css/metadataeditor.css
@ -252,6 +252,13 @@

 .editorTileFooter {
    padding: .5em;
+}
+
+.ui-body-a .editorTileFooter {
+    background-color: #fff;
+}
+
+.ui-body-b .editorTileFooter {
    background-color: #282828;
 }

--- a/dashboard-ui/scripts/librarylist.js
+++ b/dashboard-ui/scripts/librarylist.js
@ -1149,9 +1149,11 @@

            $(btnSelectionPanelOptions).on('click', showMenuForSelectedItems);

+            if (!$.browser.mobile) {
                shake(btnSelectionPanelOptions, 1);
            }
        }
+    }

    function shake(elem, iterations) {
        var keyframes = [
--- a/dashboard-ui/scripts/medialibrarypage.js
+++ b/dashboard-ui/scripts/medialibrarypage.js
@ -104,13 +104,13 @@
        menuItems.push({
            name: Globalize.translate('ButtonChangeContentType'),
            id: 'changetype',
-            ironIcon: 'folder'
+            ironIcon: 'videocam'
        });

        menuItems.push({
-            name: Globalize.translate('ButtonEdit'),
+            name: Globalize.translate('ButtonManageFolders'),
            id: 'edit',
-            ironIcon: 'mode-edit'
+            ironIcon: 'folder-open'
        });

        menuItems.push({
@ -205,7 +205,17 @@
            var card = $(this).parents('.card')[0];
            var index = parseInt(card.getAttribute('data-index'));
            var virtualFolder = virtualFolders[index];
-            editVirtualFolder(page, virtualFolder);
+
+            require(['components/imageeditor/imageeditor'], function () {
+
+                ImageEditor.show(virtualFolder.ItemId, {
+                    theme: 'a'
+                }).done(function (hasChanged) {
+                    if (hasChanged) {
+                        reloadLibrary(page);
+                    }
+                });
+            });
        });

        Dashboard.hideLoadingMsg();
--- a/dashboard-ui/strings/html/ar.json
+++ b/dashboard-ui/strings/html/ar.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/bg-BG.json
+++ b/dashboard-ui/strings/html/bg-BG.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/ca.json
+++ b/dashboard-ui/strings/html/ca.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/cs.json
+++ b/dashboard-ui/strings/html/cs.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/da.json
+++ b/dashboard-ui/strings/html/da.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/de.json
+++ b/dashboard-ui/strings/html/de.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Kamera Upload",
    "SelectCameraUploadServers": "Lade Kamerabilder zu folgenden Servern hoch:",
    "ButtonClear": "L\u00f6schen",
-    "ButtonEditImages": "Bild bearbeiten"
+    "ButtonEditImages": "Bild bearbeiten",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/el.json
+++ b/dashboard-ui/strings/html/el.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/en-GB.json
+++ b/dashboard-ui/strings/html/en-GB.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/es-AR.json
+++ b/dashboard-ui/strings/html/es-AR.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/es-MX.json
+++ b/dashboard-ui/strings/html/es-MX.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Subir desde la C\u00e1mara",
    "SelectCameraUploadServers": "Subir fotograf\u00edas desde la c\u00e1mara hacia el siguiente servidor:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/es.json
+++ b/dashboard-ui/strings/html/es.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/fi.json
+++ b/dashboard-ui/strings/html/fi.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/fr.json
+++ b/dashboard-ui/strings/html/fr.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Upload du contenu de l'appareil photo",
    "SelectCameraUploadServers": "Uploader les photos de l'appareil vers les serveurs suivants :",
    "ButtonClear": "Effacer",
-    "ButtonEditImages": "Modifier les images"
+    "ButtonEditImages": "Modifier les images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/gsw.json
+++ b/dashboard-ui/strings/html/gsw.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/he.json
+++ b/dashboard-ui/strings/html/he.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/hr.json
+++ b/dashboard-ui/strings/html/hr.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/it.json
+++ b/dashboard-ui/strings/html/it.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/kk.json
+++ b/dashboard-ui/strings/html/kk.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "\u041a\u0430\u043c\u0435\u0440\u0430\u0434\u0430\u043d \u043a\u0435\u0440\u0456 \u049b\u043e\u0442\u0430\u0440\u0443",
    "SelectCameraUploadServers": "\u041a\u0430\u043c\u0435\u0440\u0430\u0434\u0430\u043d \u0444\u043e\u0442\u043e\u0441\u0443\u0440\u0435\u0442\u0442\u0435\u0440\u0434\u0456 \u043a\u0435\u043b\u0435\u0441\u0456 \u0441\u0435\u0440\u0432\u0435\u0440\u043b\u0435\u0440\u0433\u0435 \u043a\u0435\u0440\u0456 \u049b\u043e\u0442\u0430\u0440\u0443:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/ko.json
+++ b/dashboard-ui/strings/html/ko.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/ms.json
+++ b/dashboard-ui/strings/html/ms.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/nb.json
+++ b/dashboard-ui/strings/html/nb.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/nl.json
+++ b/dashboard-ui/strings/html/nl.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera foto's naar de volgende servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/pl.json
+++ b/dashboard-ui/strings/html/pl.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/pt-BR.json
+++ b/dashboard-ui/strings/html/pt-BR.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Upload da C\u00e2mera",
    "SelectCameraUploadServers": "Fazer upload das fotos da c\u00e2mera para os seguintes servidores:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/pt-PT.json
+++ b/dashboard-ui/strings/html/pt-PT.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/ro.json
+++ b/dashboard-ui/strings/html/ro.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/ru.json
+++ b/dashboard-ui/strings/html/ru.json
@ -1520,6 +1520,10 @@
    "ButtonSignOut": "\u0412\u044b\u0439\u0442\u0438",
    "HeaderCameraUpload": "\u0412\u044b\u043a\u043b\u0430\u0434\u043a\u0430 \u0441 \u043a\u0430\u043c\u0435\u0440\u044b",
    "SelectCameraUploadServers": "\u0412\u044b\u043a\u043b\u0430\u0434\u043a\u0430 \u0441 \u043a\u0430\u043c\u0435\u0440\u044b \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u044b:",
-    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonClear": "\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c",
+    "ButtonEditImages": "\u041f\u0440\u0430\u0432\u0438\u0442\u044c \u0440\u0438\u0441\u0443\u043d\u043a\u0438",
+    "LabelFolder": "\u041f\u0430\u043f\u043a\u0430:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u043f\u043a\u0438 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b \u043a \u0434\u0430\u043d\u043d\u043e\u0439 \u043c\u0435\u0434\u0438\u0430\u0442\u0435\u043a\u0435 \u043f\u043e\u0441\u043b\u0435 \u0435\u0451 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438.",
+    "HeadersFolders": "\u041f\u0430\u043f\u043a\u0438",
+    "LabelDisplayName": "\u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c\u043e\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435:"
 }
--- a/dashboard-ui/strings/html/sl-SI.json
+++ b/dashboard-ui/strings/html/sl-SI.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/sv.json
+++ b/dashboard-ui/strings/html/sv.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/tr.json
+++ b/dashboard-ui/strings/html/tr.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/uk.json
+++ b/dashboard-ui/strings/html/uk.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/vi.json
+++ b/dashboard-ui/strings/html/vi.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/zh-CN.json
+++ b/dashboard-ui/strings/html/zh-CN.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/zh-HK.json
+++ b/dashboard-ui/strings/html/zh-HK.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "\u76f8\u7247\u4e0a\u8f09",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/html/zh-TW.json
+++ b/dashboard-ui/strings/html/zh-TW.json
@ -1521,5 +1521,9 @@
    "HeaderCameraUpload": "Camera Upload",
    "SelectCameraUploadServers": "Upload camera photos to the following servers:",
    "ButtonClear": "Clear",
-    "ButtonEditImages": "Edit Images"
+    "ButtonEditImages": "Edit Images",
+    "LabelFolder": "Folder:",
+    "LabelAdditionalFoldersCanBeAddedHelp": "Additional folders can be added to this library after setting it up.",
+    "HeadersFolders": "Folders",
+    "LabelDisplayName": "Display name:"
 }
--- a/dashboard-ui/strings/javascript/ar.json
+++ b/dashboard-ui/strings/javascript/ar.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/bg-BG.json
+++ b/dashboard-ui/strings/javascript/bg-BG.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/ca.json
+++ b/dashboard-ui/strings/javascript/ca.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/cs.json
+++ b/dashboard-ui/strings/javascript/cs.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/da.json
+++ b/dashboard-ui/strings/javascript/da.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/de.json
+++ b/dashboard-ui/strings/javascript/de.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Versuche Mehrfachauswahl",
    "TryMultiSelectMessage": "F\u00fcr eine Mehrfachauswahl klicken und halten Sie ein Poster. W\u00e4hlen Sie die Eintr\u00e4ge die Sie bearbeiten m\u00f6chten. Versuchen SIe es!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/el.json
+++ b/dashboard-ui/strings/javascript/el.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/en-GB.json
+++ b/dashboard-ui/strings/javascript/en-GB.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/en-US.json
+++ b/dashboard-ui/strings/javascript/en-US.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/es-AR.json
+++ b/dashboard-ui/strings/javascript/es-AR.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/es-MX.json
+++ b/dashboard-ui/strings/javascript/es-MX.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/es.json
+++ b/dashboard-ui/strings/javascript/es.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/fi.json
+++ b/dashboard-ui/strings/javascript/fi.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/fr.json
+++ b/dashboard-ui/strings/javascript/fr.json
@ -517,7 +517,7 @@
    "MessageTheFollowingLocationWillBeRemovedFromLibrary": "L'emplacement m\u00e9dia suivant va \u00eatre supprim\u00e9 de votre biblioth\u00e8que :",
    "MessageAreYouSureYouWishToRemoveMediaFolder": "\u00cates-vous s\u00fbr de vouloir supprimer ce r\u00e9pertoire de m\u00e9dia?",
    "ButtonRename": "Renommer",
-    "ButtonChangeContentType": "Change content type",
+    "ButtonChangeContentType": "Changer le type de contenu",
    "HeaderMediaLocations": "Emplacement des m\u00e9dias",
    "LabelContentTypeValue": "Type de contenu : {0}",
    "LabelPathSubstitutionHelp": "Optionnel : la substitution de chemin peut rediriger les chemins serveurs vers des partages r\u00e9seau pour une lecture directe par les clients.",
@ -905,6 +905,7 @@
    "TermsOfUse": "Conditions d'utilisation",
    "HeaderTryMultiSelect": "Essayer la s\u00e9lection multiple",
    "TryMultiSelectMessage": "Pour modifier plusieurs \u00e9l\u00e9ments m\u00e9dias, il suffit de cliquer et maintenir le clique sur n'importe quel poster et de s\u00e9lectionner les \u00e9lements que vous voulez g\u00e9rer. Essayer le !",
-    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "NumLocationsValue": "{0} dossiers",
+    "ButtonAddMediaLibrary": "Ajouter une biblioth\u00e8que de m\u00e9dia",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/gsw.json
+++ b/dashboard-ui/strings/javascript/gsw.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/he.json
+++ b/dashboard-ui/strings/javascript/he.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/hr.json
+++ b/dashboard-ui/strings/javascript/hr.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/it.json
+++ b/dashboard-ui/strings/javascript/it.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/javascript.json
+++ b/dashboard-ui/strings/javascript/javascript.json
@ -916,5 +916,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/kk.json
+++ b/dashboard-ui/strings/javascript/kk.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/ms.json
+++ b/dashboard-ui/strings/javascript/ms.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/nb.json
+++ b/dashboard-ui/strings/javascript/nb.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/nl.json
+++ b/dashboard-ui/strings/javascript/nl.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/pl.json
+++ b/dashboard-ui/strings/javascript/pl.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/pt-BR.json
+++ b/dashboard-ui/strings/javascript/pt-BR.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/pt-PT.json
+++ b/dashboard-ui/strings/javascript/pt-PT.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/ro.json
+++ b/dashboard-ui/strings/javascript/ro.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/ru.json
+++ b/dashboard-ui/strings/javascript/ru.json
@ -298,7 +298,7 @@
    "ButtonNetwork": "\u0421\u0435\u0442\u044c...",
    "MessageDirectoryPickerInstruction": "\u0421\u0435\u0442\u0435\u0432\u044b\u0435 \u043f\u0443\u0442\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0432\u0432\u0435\u0441\u0442\u0438 \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043a\u043d\u043e\u043f\u043a\u0438 \u00ab\u0421\u0435\u0442\u044c\u00bb \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441\u0431\u043e\u0439 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: {0} \u0438\u043b\u0438 {1}.",
    "MessageDirectoryPickerBSDInstruction": "\u041a\u0430\u0441\u0430\u0435\u043c\u043e BSD, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0432 \u0432\u0430\u0448\u0435\u043c FreeNAS Jail \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044c Emby \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a \u043d\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f.",
-    "MessageDirectoryPickerLinuxInstruction": "For Linux, you must grant the Emby system user at least read access to your storage locations.",
+    "MessageDirectoryPickerLinuxInstruction": "\u0414\u043b\u044f Linux, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u043c\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e Emby, \u043f\u043e \u043a\u0440\u0430\u0439\u043d\u0435\u0439 \u043c\u0435\u0440\u0435, \u0434\u043e\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f \u043c\u0435\u0441\u0442 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f.",
    "HeaderMenu": "\u041c\u0435\u043d\u044e",
    "ButtonOpen": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c",
    "ButtonOpenInNewTab": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u043d\u043e\u0432\u043e\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0435",
@ -517,7 +517,7 @@
    "MessageTheFollowingLocationWillBeRemovedFromLibrary": "\u0418\u0437 \u043c\u0435\u0434\u0438\u0430\u0442\u0435\u043a\u0438 \u0431\u0443\u0434\u0443\u0442 \u0438\u0437\u044a\u044f\u0442\u044b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043c\u0435\u0434\u0438\u0430\u0434\u0430\u043d\u043d\u044b\u0445 :",
    "MessageAreYouSureYouWishToRemoveMediaFolder": "\u0412\u044b \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0438\u0437\u044a\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u0443\u044e \u043c\u0435\u0434\u0438\u0430\u043f\u0430\u043f\u043a\u0443?",
    "ButtonRename": "\u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c",
-    "ButtonChangeContentType": "Change content type",
+    "ButtonChangeContentType": "\u0421\u043c\u0435\u043d\u0438\u0442\u044c \u0442\u0438\u043f \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f",
    "HeaderMediaLocations": "\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043c\u0435\u0434\u0438\u0430\u0434\u0430\u043d\u043d\u044b\u0445",
    "LabelContentTypeValue": "\u0422\u0438\u043f \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f: {0}",
    "LabelPathSubstitutionHelp": "\u041d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e: \u041f\u043e\u0434\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u0443\u0442\u0435\u0439 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0441\u043e\u043f\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0445 \u043f\u0443\u0442\u0435\u0439 \u0441\u043e \u0441\u0435\u0442\u0435\u0432\u044b\u043c\u0438 \u043e\u0431\u0449\u0438\u043c\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c \u0434\u043b\u044f \u043f\u0440\u044f\u043c\u043e\u0433\u043e \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f.",
@ -738,7 +738,7 @@
    "MessageForgotPasswordFileCreated": "\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0444\u0430\u0439\u043b \u0431\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043d \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u043f\u043e\u0441\u0442\u0443\u043f\u0438\u0442\u044c:",
    "MessageForgotPasswordFileExpiration": "\u0421\u0431\u0440\u043e\u0441 PIN-\u043a\u043e\u0434\u0430 \u0438\u0441\u0442\u0435\u043a\u0430\u0435\u0442 {0}.",
    "MessageInvalidForgotPasswordPin": "\u0411\u044b\u043b \u0432\u0432\u0435\u0434\u0451\u043d \u043d\u0435\u0432\u0435\u0440\u043d\u044b\u0439 \u0438\u043b\u0438 \u0438\u0441\u0442\u0451\u043a\u0448\u0438\u0439 PIN-\u043a\u043e\u0434. \u041f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u043f\u043e\u043f\u044b\u0442\u043a\u0443.",
-    "MessagePasswordResetForUsers": "\u041f\u0430\u0440\u043e\u043b\u0438 \u0431\u044b\u043b\u0438 \u0438\u0437\u044a\u044f\u0442\u044b \u0443 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439:",
+    "MessagePasswordResetForUsers": "\u041f\u0430\u0440\u043e\u043b\u0438 \u0431\u044b\u043b\u0438 \u0438\u0437\u044a\u044f\u0442\u044b \u0443 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. \u0412\u0445\u043e\u0434\u0438\u0442\u0435 \u0441 \u043f\u0443\u0441\u0442\u044b\u043c \u043f\u0430\u0440\u043e\u043b\u0435\u043c.",
    "HeaderInviteGuest": "\u041f\u0440\u0438\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435 \u0433\u043e\u0441\u0442\u044f",
    "ButtonLinkMyEmbyAccount": "\u0421\u0432\u044f\u0437\u0430\u0442\u044c \u043c\u043e\u044e \u0443\u0447\u0451\u0442\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c",
    "MessageConnectAccountRequiredToInviteGuest": "\u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u0433\u043b\u0430\u0448\u0430\u0442\u044c \u0433\u043e\u0441\u0442\u0435\u0439, \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u0432\u044f\u0437\u0430\u0442\u044c \u0432\u0430\u0448\u0443 \u0443\u0447\u0451\u0442\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c Emby \u0441 \u0434\u0430\u043d\u043d\u044b\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c.",
@ -809,7 +809,7 @@
    "ButtonPreferences": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438",
    "ButtonViewArtist": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044f",
    "ButtonViewAlbum": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0430\u043b\u044c\u0431\u043e\u043c",
-    "ButtonEditImages": "Edit images",
+    "ButtonEditImages": "\u041f\u0440\u0430\u0432\u0438\u0442\u044c \u0440\u0438\u0441\u0443\u043d\u043a\u0438",
    "ErrorMessagePasswordNotMatchConfirm": "\u041f\u043e\u043b\u044f \u041f\u0430\u0440\u043e\u043b\u044c \u0438 \u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u0430\u0440\u043e\u043b\u044f \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0442\u044c.",
    "ErrorMessageUsernameInUse": "\u0418\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0443\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f. \u041f\u043e\u0434\u0431\u0435\u0440\u0438\u0442\u0435 \u043d\u043e\u0432\u043e\u0435 \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u043f\u043e\u043f\u044b\u0442\u043a\u0443.",
    "ErrorMessageEmailInUse": "\u0410\u0434\u0440\u0435\u0441 \u042d-\u043f\u043e\u0447\u0442\u044b \u0443\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f. \u041f\u043e\u0434\u0431\u0435\u0440\u0438\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u0430\u0434\u0440\u0435\u0441 \u042d-\u043f\u043e\u0447\u0442\u044b \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u043f\u043e\u043f\u044b\u0442\u043a\u0443, \u0438\u043b\u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c \u041d\u0430\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043f\u0430\u0440\u043e\u043b\u044c.",
@ -902,9 +902,10 @@
    "HeaderEmailAddress": "\u0410\u0434\u0440\u0435\u0441 \u042d-\u043f\u043e\u0447\u0442\u044b",
    "TextPleaseEnterYourEmailAddressForSubscription": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0430\u0434\u0440\u0435\u0441 \u042d-\u043f\u043e\u0447\u0442\u044b.",
    "LoginDisclaimer": "Emby is designed to help you manage your personal media library, such as home videos and photos. Please see our terms of use. Downloading any Emby software constitutes acceptance of these terms.",
-    "TermsOfUse": "Terms of use",
-    "HeaderTryMultiSelect": "Try Multi-Select",
-    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
-    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "TermsOfUse": "\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f",
+    "HeaderTryMultiSelect": "\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043c\u0443\u043b\u044c\u0442\u0438-\u0432\u044b\u0431\u043e\u0440",
+    "TryMultiSelectMessage": "\u0427\u0442\u043e\u0431\u044b \u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043c\u0435\u0434\u0438\u0430\u0434\u0430\u043d\u043d\u044b\u0445, \u043f\u0440\u043e\u0441\u0442\u043e \u0449\u0451\u043b\u043a\u043d\u0438\u0442\u0435 \u0438 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043b\u044e\u0431\u043e\u0439 \u043f\u043e\u0441\u0442\u0435\u0440 \u0438 \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u044d\u0442\u043e!",
+    "NumLocationsValue": "{0} \u043f\u0430\u043f(\u043a\u0438\/\u043e\u043a)",
+    "ButtonAddMediaLibrary": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043c\u0435\u0434\u0438\u0430\u0442\u0435\u043a\u0443",
+    "ButtonManageFolders": "\u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0430\u043f\u043a\u0430\u043c\u0438"
 }
--- a/dashboard-ui/strings/javascript/sl-SI.json
+++ b/dashboard-ui/strings/javascript/sl-SI.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/sv.json
+++ b/dashboard-ui/strings/javascript/sv.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/tr.json
+++ b/dashboard-ui/strings/javascript/tr.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/uk.json
+++ b/dashboard-ui/strings/javascript/uk.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/vi.json
+++ b/dashboard-ui/strings/javascript/vi.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/zh-CN.json
+++ b/dashboard-ui/strings/javascript/zh-CN.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/zh-HK.json
+++ b/dashboard-ui/strings/javascript/zh-HK.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/strings/javascript/zh-TW.json
+++ b/dashboard-ui/strings/javascript/zh-TW.json
@ -906,5 +906,6 @@
    "HeaderTryMultiSelect": "Try Multi-Select",
    "TryMultiSelectMessage": "To edit multiple media items, just click and hold any poster and select the items you want to manage. Try it!",
    "NumLocationsValue": "{0} folders",
-    "ButtonAddMediaLibrary": "Add Media Library"
+    "ButtonAddMediaLibrary": "Add Media Library",
+    "ButtonManageFolders": "Manage folders"
 }
--- a/dashboard-ui/thirdparty/paper-button-style.css
+++ b/dashboard-ui/thirdparty/paper-button-style.css
@ -279,12 +279,21 @@ paper-fab {
            height: 22px;
        }

-    paper-fab.subdued {
+.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;
 }

-        paper-fab.subdued paper-material.keyboard-focus {
+    .ui-body-b paper-fab.subdued paper-material.keyboard-focus {
        background: #686868 !important;
    }