Merge remote-tracking branch 'upstream/master' into apphost-es6

package.json

@@ -6,8 +6,8 @@
   "license": "GPL-2.0-or-later",
   "devDependencies": {
     "@babel/core": "^7.11.1",
-    "@babel/eslint-parser": "^7.11.0",
+    "@babel/eslint-parser": "^7.11.3",
-    "@babel/eslint-plugin": "^7.11.0",
+    "@babel/eslint-plugin": "^7.11.3",
     "@babel/plugin-proposal-class-properties": "^7.10.1",
     "@babel/plugin-proposal-private-methods": "^7.10.1",
     "@babel/plugin-transform-modules-amd": "^7.10.5",
@@ -113,6 +113,8 @@
           "src/components/filterdialog/filterdialog.js",
           "src/components/focusManager.js",
           "src/components/groupedcards.js",
+          "src/components/guide/guide.js",
+          "src/components/guide/guide-settings.js",
           "src/components/homeScreenSettings/homeScreenSettings.js",
           "src/components/homesections/homesections.js",
           "src/components/htmlMediaHelper.js",
@@ -156,12 +158,17 @@
           "src/components/playlisteditor/playlisteditor.js",
           "src/components/playmenu.js",
           "src/components/prompt/prompt.js",
+          "src/components/recordingcreator/recordingbutton.js",
+          "src/components/recordingcreator/recordingcreator.js",
           "src/components/recordingcreator/seriesrecordingeditor.js",
           "src/components/recordingcreator/recordinghelper.js",
           "src/components/refreshdialog/refreshdialog.js",
           "src/components/qualityOptions.js",
+          "src/components/remotecontrol/remotecontrol.js",
           "src/components/sanatizefilename.js",
           "src/components/scrollManager.js",
+          "src/plugins/htmlAudioPlayer/plugin.js",
+          "src/plugins/chromecastPlayer/plugin.js",
           "src/components/slideshow/slideshow.js",
           "src/components/sortmenu/sortmenu.js",
           "src/plugins/htmlVideoPlayer/plugin.js",
@@ -179,6 +186,7 @@
           "src/components/syncPlay/playbackPermissionManager.js",
           "src/components/syncPlay/syncPlayManager.js",
           "src/components/syncPlay/timeSyncManager.js",
+          "src/components/tabbedview/tabbedview.js",
           "src/components/viewManager/viewManager.js",
           "src/components/tvproviders/schedulesdirect.js",
           "src/components/tvproviders/xmltv.js",
@@ -208,7 +216,7 @@
           "src/controllers/music/musicplaylists.js",
           "src/controllers/music/musicrecommended.js",
           "src/controllers/music/songs.js",
-          "src/controllers/dashboard/mediaLibrary.js",
+          "src/controllers/dashboard/library.js",
           "src/controllers/dashboard/metadataImages.js",
           "src/controllers/dashboard/metadatanfo.js",
           "src/controllers/dashboard/networking.js",
@@ -229,6 +237,7 @@
           "src/controllers/dashboard/users/userparentalcontrol.js",
           "src/controllers/dashboard/users/userpasswordpage.js",
           "src/controllers/dashboard/users/userprofilespage.js",
+          "src/controllers/home.js",
           "src/controllers/list.js",
           "src/controllers/edititemmetadata.js",
           "src/controllers/favorites.js",
@@ -244,6 +253,7 @@
           "src/controllers/playback/queue/index.js",
           "src/controllers/playback/video/index.js",
           "src/controllers/searchpage.js",
+          "src/controllers/livetv/livetvguide.js",
           "src/controllers/livetvtuner.js",
           "src/controllers/livetvstatus.js",
           "src/controllers/livetvguideprovider.js",
@@ -310,11 +320,14 @@
           "src/scripts/filesystem.js",
           "src/scripts/globalize.js",
           "src/scripts/imagehelper.js",
+          "src/scripts/itembynamedetailpage.js",
           "src/scripts/inputManager.js",
           "src/scripts/autoThemes.js",
           "src/scripts/themeManager.js",
           "src/scripts/keyboardNavigation.js",
+          "src/scripts/libraryMenu.js",
           "src/scripts/libraryBrowser.js",
+          "src/scripts/livetvcomponents.js",
           "src/scripts/mouseManager.js",
           "src/scripts/multiDownload.js",
           "src/scripts/playlists.js",

src/components/guide/guide-settings.js

@@ -1,150 +1,149 @@
-define(['dialogHelper', 'globalize', 'userSettings', 'layoutManager', 'connectionManager', 'require', 'loading', 'scrollHelper', 'emby-checkbox', 'emby-radio', 'css!./../formdialog', 'material-icons'], function (dialogHelper, globalize, userSettings, layoutManager, connectionManager, require, loading, scrollHelper) {
+import dialogHelper from 'dialogHelper';
-    'use strict';
+import globalize from 'globalize';
+import * as userSettings from 'userSettings';
+import layoutManager from 'layoutManager';
+import scrollHelper from 'scrollHelper';
+import 'emby-checkbox';
+import 'emby-radio';
+import 'css!./../formdialog';
+import 'material-icons';
 
-    layoutManager = layoutManager.default || layoutManager;
+function saveCategories(context, options) {
-    scrollHelper = scrollHelper.default || scrollHelper;
+    const categories = [];
 
-    function saveCategories(context, options) {
+    const chkCategorys = context.querySelectorAll('.chkCategory');
-        var categories = [];
+    for (const chkCategory of chkCategorys) {
+        const type = chkCategory.getAttribute('data-type');
 
-        var chkCategorys = context.querySelectorAll('.chkCategory');
+        if (chkCategory.checked) {
-        for (var i = 0, length = chkCategorys.length; i < length; i++) {
+            categories.push(type);
-            var type = chkCategorys[i].getAttribute('data-type');
-
-            if (chkCategorys[i].checked) {
-                categories.push(type);
-            }
-        }
-
-        if (categories.length >= 4) {
-            categories.push('series');
-        }
-
-        // differentiate between none and all
-        categories.push('all');
-        options.categories = categories;
-    }
-
-    function loadCategories(context, options) {
-        var selectedCategories = options.categories || [];
-
-        var chkCategorys = context.querySelectorAll('.chkCategory');
-        for (var i = 0, length = chkCategorys.length; i < length; i++) {
-            var type = chkCategorys[i].getAttribute('data-type');
-
-            chkCategorys[i].checked = !selectedCategories.length || selectedCategories.indexOf(type) !== -1;
         }
     }
 
-    function save(context) {
+    if (categories.length >= 4) {
-        var i;
+        categories.push('series');
-        var length;
+    }
 
-        var chkIndicators = context.querySelectorAll('.chkIndicator');
+    // differentiate between none and all
-        for (i = 0, length = chkIndicators.length; i < length; i++) {
+    categories.push('all');
-            var type = chkIndicators[i].getAttribute('data-type');
+    options.categories = categories;
-            userSettings.set('guide-indicator-' + type, chkIndicators[i].checked);
+}
+
+function loadCategories(context, options) {
+    const selectedCategories = options.categories || [];
+
+    const chkCategorys = context.querySelectorAll('.chkCategory');
+    for (const chkCategory of chkCategorys) {
+        const type = chkCategory.getAttribute('data-type');
+
+        chkCategory.checked = !selectedCategories.length || selectedCategories.indexOf(type) !== -1;
+    }
+}
+
+function save(context) {
+    const chkIndicators = context.querySelectorAll('.chkIndicator');
+
+    for (const chkIndicator of chkIndicators) {
+        const type = chkIndicator.getAttribute('data-type');
+        userSettings.set('guide-indicator-' + type, chkIndicator.checked);
+    }
+
+    userSettings.set('guide-colorcodedbackgrounds', context.querySelector('.chkColorCodedBackgrounds').checked);
+    userSettings.set('livetv-favoritechannelsattop', context.querySelector('.chkFavoriteChannelsAtTop').checked);
+
+    const sortBys = context.querySelectorAll('.chkSortOrder');
+    for (const sortBy of sortBys) {
+        if (sortBy.checked) {
+            userSettings.set('livetv-channelorder', sortBy.value);
+            break;
         }
+    }
+}
 
-        userSettings.set('guide-colorcodedbackgrounds', context.querySelector('.chkColorCodedBackgrounds').checked);
+function load(context) {
-        userSettings.set('livetv-favoritechannelsattop', context.querySelector('.chkFavoriteChannelsAtTop').checked);
+    const chkIndicators = context.querySelectorAll('.chkIndicator');
 
-        var sortBys = context.querySelectorAll('.chkSortOrder');
+    for (const chkIndicator of chkIndicators) {
-        for (i = 0, length = sortBys.length; i < length; i++) {
+        const type = chkIndicator.getAttribute('data-type');
-            if (sortBys[i].checked) {
+
-                userSettings.set('livetv-channelorder', sortBys[i].value);
+        if (chkIndicator.getAttribute('data-default') === 'true') {
-                break;
+            chkIndicator.checked = userSettings.get('guide-indicator-' + type) !== 'false';
-            }
+        } else {
+            chkIndicator.checked = userSettings.get('guide-indicator-' + type) === 'true';
         }
     }
 
-    function load(context) {
+    context.querySelector('.chkColorCodedBackgrounds').checked = userSettings.get('guide-colorcodedbackgrounds') === 'true';
-        var i;
+    context.querySelector('.chkFavoriteChannelsAtTop').checked = userSettings.get('livetv-favoritechannelsattop') !== 'false';
-        var length;
 
-        var chkIndicators = context.querySelectorAll('.chkIndicator');
+    const sortByValue = userSettings.get('livetv-channelorder') || 'Number';
-        for (i = 0, length = chkIndicators.length; i < length; i++) {
-            var type = chkIndicators[i].getAttribute('data-type');
 
-            if (chkIndicators[i].getAttribute('data-default') === 'true') {
+    const sortBys = context.querySelectorAll('.chkSortOrder');
-                chkIndicators[i].checked = userSettings.get('guide-indicator-' + type) !== 'false';
+    for (const sortBy of sortBys) {
+        sortBy.checked = sortBy.value === sortByValue;
+    }
+}
+
+function showEditor(options) {
+    return new Promise(function (resolve, reject) {
+        let settingsChanged = false;
+
+        import('text!./guide-settings.template.html').then(({ default: template }) => {
+            const dialogOptions = {
+                removeOnClose: true,
+                scrollY: false
+            };
+
+            if (layoutManager.tv) {
+                dialogOptions.size = 'fullscreen';
             } else {
-                chkIndicators[i].checked = userSettings.get('guide-indicator-' + type) === 'true';
+                dialogOptions.size = 'small';
             }
-        }
 
-        context.querySelector('.chkColorCodedBackgrounds').checked = userSettings.get('guide-colorcodedbackgrounds') === 'true';
+            const dlg = dialogHelper.createDialog(dialogOptions);
-        context.querySelector('.chkFavoriteChannelsAtTop').checked = userSettings.get('livetv-favoritechannelsattop') !== 'false';
 
-        var sortByValue = userSettings.get('livetv-channelorder') || 'Number';
+            dlg.classList.add('formDialog');
 
-        var sortBys = context.querySelectorAll('.chkSortOrder');
+            let html = '';
-        for (i = 0, length = sortBys.length; i < length; i++) {
-            sortBys[i].checked = sortBys[i].value === sortByValue;
-        }
-    }
 
-    function showEditor(options) {
+            html += globalize.translateHtml(template, 'core');
-        return new Promise(function (resolve, reject) {
-            var settingsChanged = false;
 
-            require(['text!./guide-settings.template.html'], function (template) {
+            dlg.innerHTML = html;
-                var dialogOptions = {
-                    removeOnClose: true,
-                    scrollY: false
-                };
 
-                if (layoutManager.tv) {
+            dlg.addEventListener('change', function () {
-                    dialogOptions.size = 'fullscreen';
+                settingsChanged = true;
-                } else {
-                    dialogOptions.size = 'small';
-                }
-
-                var dlg = dialogHelper.createDialog(dialogOptions);
-
-                dlg.classList.add('formDialog');
-
-                var html = '';
-
-                html += globalize.translateHtml(template, 'core');
-
-                dlg.innerHTML = html;
-
-                dlg.addEventListener('change', function () {
-                    settingsChanged = true;
-                });
-
-                dlg.addEventListener('close', function () {
-                    if (layoutManager.tv) {
-                        scrollHelper.centerFocus.off(dlg.querySelector('.formDialogContent'), false);
-                    }
-
-                    save(dlg);
-                    saveCategories(dlg, options);
-
-                    if (settingsChanged) {
-                        resolve();
-                    } else {
-                        reject();
-                    }
-                });
-
-                dlg.querySelector('.btnCancel').addEventListener('click', function () {
-                    dialogHelper.close(dlg);
-                });
-
-                if (layoutManager.tv) {
-                    scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
-                }
-
-                load(dlg);
-                loadCategories(dlg, options);
-                dialogHelper.open(dlg);
             });
-        });
-    }
 
-    return {
+            dlg.addEventListener('close', function () {
-        show: showEditor
+                if (layoutManager.tv) {
-    };
+                    scrollHelper.centerFocus.off(dlg.querySelector('.formDialogContent'), false);
-});
+                }
+
+                save(dlg);
+                saveCategories(dlg, options);
+
+                if (settingsChanged) {
+                    resolve();
+                } else {
+                    reject();
+                }
+            });
+
+            dlg.querySelector('.btnCancel').addEventListener('click', function () {
+                dialogHelper.close(dlg);
+            });
+
+            if (layoutManager.tv) {
+                scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
+            }
+
+            load(dlg);
+            loadCategories(dlg, options);
+            dialogHelper.open(dlg);
+        });
+    });
+}
+
+export default {
+    show: showEditor
+};

src/components/imageDownloader/imageDownloader.js

@@ -8,7 +8,6 @@ import browser from 'browser';
 import layoutManager from 'layoutManager';
 import scrollHelper from 'scrollHelper';
 import globalize from 'globalize';
-import require from 'require';
 import 'emby-checkbox';
 import 'paper-icon-button-light';
 import 'emby-button';
@@ -317,7 +316,7 @@ import 'cardStyle';
     function showEditor(itemId, serverId, itemType) {
         loading.show();
 
-        require(['text!./imageDownloader.template.html'], function (template) {
+        import('text!./imageDownloader.template.html').then(({default: template}) => {
             const apiClient = connectionManager.getApiClient(serverId);
 
             currentItemId = itemId;

src/components/metadataEditor/metadataEditor.js

@@ -6,7 +6,6 @@ import loading from 'loading';
 import focusManager from 'focusManager';
 import connectionManager from 'connectionManager';
 import globalize from 'globalize';
-import require from 'require';
 import shell from 'shell';
 import 'emby-checkbox';
 import 'emby-input';
@@ -37,7 +36,7 @@ import 'flexStyles';
 
     function submitUpdatedItem(form, item) {
         function afterContentTypeUpdated() {
-            require(['toast'], function (toast) {
+            import('toast').then(({default: toast}) => {
                 toast(globalize.translate('MessageItemSaved'));
             });
 
@@ -227,7 +226,7 @@ import 'flexStyles';
     }
 
     function editPerson(context, person, index) {
-        require(['personEditor'], function (personEditor) {
+        import('personEditor').then(({default: personEditor}) => {
             personEditor.show(person).then(function (updatedPerson) {
                 const isNew = index === -1;
 
@@ -246,14 +245,14 @@ import 'flexStyles';
         if (parentId) {
             reload(context, parentId, item.ServerId);
         } else {
-            require(['appRouter'], function (appRouter) {
+            import('appRouter').then(({default: appRouter}) => {
                 appRouter.goHome();
             });
         }
     }
 
     function showMoreMenu(context, button, user) {
-        require(['itemContextMenu'], function (itemContextMenu) {
+        import('itemContextMenu').then(({default: itemContextMenu}) => {
             var item = currentItem;
 
             itemContextMenu.show({

src/components/recordingcreator/recordingbutton.js

@@ -1,37 +1,40 @@
-define(['globalize', 'connectionManager', 'require', 'loading', 'apphost', 'dom', 'recordingHelper', 'events', 'paper-icon-button-light', 'emby-button', 'css!./recordingfields'], function (globalize, connectionManager, require, loading, appHost, dom, recordingHelper, events) {
+import connectionManager from 'connectionManager';
-    'use strict';
+import dom from 'dom';
+import recordingHelper from 'recordingHelper';
+import 'paper-icon-button-light';
+import 'emby-button';
+import 'css!./recordingfields';
 
-    recordingHelper = recordingHelper.default || recordingHelper;
+function onRecordingButtonClick(e) {
+    const item = this.item;
 
-    function onRecordingButtonClick(e) {
+    if (item) {
-        var item = this.item;
+        const serverId = item.ServerId;
+        const programId = item.Id;
+        const timerId = item.TimerId;
+        const timerStatus = item.Status;
+        const seriesTimerId = item.SeriesTimerId;
 
-        if (item) {
+        const instance = this;
-            var serverId = item.ServerId;
-            var programId = item.Id;
-            var timerId = item.TimerId;
-            var timerStatus = item.Status;
-            var seriesTimerId = item.SeriesTimerId;
 
-            var instance = this;
+        recordingHelper.toggleRecording(serverId, programId, timerId, timerStatus, seriesTimerId).then(function () {
-
+            instance.refresh(serverId, programId);
-            recordingHelper.toggleRecording(serverId, programId, timerId, timerStatus, seriesTimerId).then(function () {
+        });
-                instance.refresh(serverId, programId);
-            });
-        }
     }
+}
 
-    function setButtonIcon(button, icon) {
+function setButtonIcon(button, icon) {
-        var inner = button.querySelector('.material-icons');
+    const inner = button.querySelector('.material-icons');
-        inner.classList.remove('fiber_smart_record');
+    inner.classList.remove('fiber_smart_record');
-        inner.classList.remove('fiber_manual_record');
+    inner.classList.remove('fiber_manual_record');
-        inner.classList.add(icon);
+    inner.classList.add(icon);
-    }
+}
 
-    function RecordingButton(options) {
+class RecordingButton {
+    constructor(options) {
         this.options = options;
 
-        var button = options.button;
+        const button = options.button;
 
         setButtonIcon(button, 'fiber_manual_record');
 
@@ -41,7 +44,7 @@ define(['globalize', 'connectionManager', 'require', 'loading', 'apphost', 'dom'
             this.refresh(options.itemId, options.serverId);
         }
 
-        var clickFn = onRecordingButtonClick.bind(this);
+        const clickFn = onRecordingButtonClick.bind(this);
         this.clickFn = clickFn;
 
         dom.addEventListener(button, 'click', clickFn, {
@@ -49,39 +52,17 @@ define(['globalize', 'connectionManager', 'require', 'loading', 'apphost', 'dom'
         });
     }
 
-    function getIndicatorIcon(item) {
+    refresh(serverId, itemId) {
-        var status;
+        const apiClient = connectionManager.getApiClient(serverId);
-
+        const self = this;
-        if (item.Type === 'SeriesTimer') {
-            return 'fiber_smart_record';
-        } else if (item.TimerId || item.SeriesTimerId) {
-            status = item.Status || 'Cancelled';
-        } else if (item.Type === 'Timer') {
-            status = item.Status;
-        } else {
-            return 'fiber_manual_record';
-        }
-
-        if (item.SeriesTimerId) {
-            if (status !== 'Cancelled') {
-                return 'fiber_smart_record';
-            }
-        }
-
-        return 'fiber_manual_record';
-    }
-
-    RecordingButton.prototype.refresh = function (serverId, itemId) {
-        var apiClient = connectionManager.getApiClient(serverId);
-        var self = this;
         apiClient.getItem(apiClient.getCurrentUserId(), itemId).then(function (item) {
             self.refreshItem(item);
         });
-    };
+    }
 
-    RecordingButton.prototype.refreshItem = function (item) {
+    refreshItem(item) {
-        var options = this.options;
+        const options = this.options;
-        var button = options.button;
+        const button = options.button;
         this.item = item;
         setButtonIcon(button, getIndicatorIcon(item));
 
@@ -90,15 +71,15 @@ define(['globalize', 'connectionManager', 'require', 'loading', 'apphost', 'dom'
         } else {
             button.classList.remove('recordingIcon-active');
         }
-    };
+    }
 
-    RecordingButton.prototype.destroy = function () {
+    destroy() {
-        var options = this.options;
+        const options = this.options;
 
         if (options) {
-            var button = options.button;
+            const button = options.button;
 
-            var clickFn = this.clickFn;
+            const clickFn = this.clickFn;
 
             if (clickFn) {
                 dom.removeEventListener(button, 'click', clickFn, {
@@ -109,7 +90,29 @@ define(['globalize', 'connectionManager', 'require', 'loading', 'apphost', 'dom'
 
         this.options = null;
         this.item = null;
-    };
+    }
+}
 
-    return RecordingButton;
+function getIndicatorIcon(item) {
-});
+    let status;
+
+    if (item.Type === 'SeriesTimer') {
+        return 'fiber_smart_record';
+    } else if (item.TimerId || item.SeriesTimerId) {
+        status = item.Status || 'Cancelled';
+    } else if (item.Type === 'Timer') {
+        status = item.Status;
+    } else {
+        return 'fiber_manual_record';
+    }
+
+    if (item.SeriesTimerId) {
+        if (status !== 'Cancelled') {
+            return 'fiber_smart_record';
+        }
+    }
+
+    return 'fiber_manual_record';
+}
+
+export default RecordingButton;

src/components/recordingcreator/recordingcreator.js

@@ -1,190 +1,204 @@
-define(['dialogHelper', 'globalize', 'layoutManager', 'mediaInfo', 'apphost', 'connectionManager', 'require', 'loading', 'scrollHelper', 'datetime', 'imageLoader', 'recordingFields', 'events', 'emby-checkbox', 'emby-button', 'emby-collapse', 'emby-input', 'paper-icon-button-light', 'css!./../formdialog', 'css!./recordingcreator', 'material-icons'], function (dialogHelper, globalize, layoutManager, mediaInfo, appHost, connectionManager, require, loading, scrollHelper, datetime, imageLoader, recordingFields, events) {
+import dialogHelper from 'dialogHelper';
-    'use strict';
+import globalize from 'globalize';
+import layoutManager from 'layoutManager';
+import mediaInfo from 'mediaInfo';
+import connectionManager from 'connectionManager';
+import require from 'require';
+import loading from 'loading';
+import scrollHelper from 'scrollHelper';
+import datetime from 'datetime';
+import imageLoader from 'imageLoader';
+import recordingFields from 'recordingFields';
+import events from 'events';
+import 'emby-checkbox';
+import 'emby-button';
+import 'emby-collapse';
+import 'emby-input';
+import 'paper-icon-button-light';
+import 'css!./../formdialog';
+import 'css!./recordingcreator';
+import 'material-icons';
 
-    layoutManager = layoutManager.default || layoutManager;
+let currentDialog;
-    scrollHelper = scrollHelper.default || scrollHelper;
+let closeAction;
+let currentRecordingFields;
 
-    var currentDialog;
+function closeDialog() {
-    var closeAction;
+    dialogHelper.close(currentDialog);
-    var currentRecordingFields;
+}
 
-    function closeDialog() {
+function init(context) {
-        dialogHelper.close(currentDialog);
+    context.querySelector('.btnPlay').addEventListener('click', function () {
+        closeAction = 'play';
+        closeDialog();
+    });
+
+    context.querySelector('.btnCancel').addEventListener('click', function () {
+        closeAction = null;
+        closeDialog();
+    });
+}
+
+function getImageUrl(item, apiClient, imageHeight) {
+    const imageTags = item.ImageTags || {};
+
+    if (item.PrimaryImageTag) {
+        imageTags.Primary = item.PrimaryImageTag;
     }
 
-    function init(context) {
+    if (imageTags.Primary) {
-        context.querySelector('.btnPlay').addEventListener('click', function () {
+        return apiClient.getScaledImageUrl(item.Id, {
-            closeAction = 'play';
+            type: 'Primary',
-            closeDialog();
+            maxHeight: imageHeight,
+            tag: item.ImageTags.Primary
         });
-
+    } else if (imageTags.Thumb) {
-        context.querySelector('.btnCancel').addEventListener('click', function () {
+        return apiClient.getScaledImageUrl(item.Id, {
-            closeAction = null;
+            type: 'Thumb',
-            closeDialog();
+            maxHeight: imageHeight,
+            tag: item.ImageTags.Thumb
         });
     }
 
-    function getImageUrl(item, apiClient, imageHeight) {
+    return null;
-        var imageTags = item.ImageTags || {};
+}
 
-        if (item.PrimaryImageTag) {
+function renderRecording(context, defaultTimer, program, apiClient, refreshRecordingStateOnly) {
-            imageTags.Primary = item.PrimaryImageTag;
+    if (!refreshRecordingStateOnly) {
+        const imgUrl = getImageUrl(program, apiClient, 200);
+        const imageContainer = context.querySelector('.recordingDialog-imageContainer');
+
+        if (imgUrl) {
+            imageContainer.innerHTML = '<img src="' + require.toUrl('.').split('?')[0] + '/empty.png" data-src="' + imgUrl + '" class="recordingDialog-img lazy" />';
+            imageContainer.classList.remove('hide');
+
+            imageLoader.lazyChildren(imageContainer);
+        } else {
+            imageContainer.innerHTML = '';
+            imageContainer.classList.add('hide');
         }
 
-        if (imageTags.Primary) {
+        context.querySelector('.recordingDialog-itemName').innerHTML = program.Name;
-            return apiClient.getScaledImageUrl(item.Id, {
+        context.querySelector('.formDialogHeaderTitle').innerHTML = program.Name;
-                type: 'Primary',
+        context.querySelector('.itemGenres').innerHTML = (program.Genres || []).join(' / ');
-                maxHeight: imageHeight,
+        context.querySelector('.itemOverview').innerHTML = program.Overview || '';
-                tag: item.ImageTags.Primary
+
-            });
+        const formDialogFooter = context.querySelector('.formDialogFooter');
-        } else if (imageTags.Thumb) {
+        const now = new Date();
-            return apiClient.getScaledImageUrl(item.Id, {
+        if (now >= datetime.parseISO8601Date(program.StartDate, true) && now < datetime.parseISO8601Date(program.EndDate, true)) {
-                type: 'Thumb',
+            formDialogFooter.classList.remove('hide');
-                maxHeight: imageHeight,
+        } else {
-                tag: item.ImageTags.Thumb
+            formDialogFooter.classList.add('hide');
-            });
         }
 
-        return null;
+        context.querySelector('.itemMiscInfoPrimary').innerHTML = mediaInfo.getPrimaryMediaInfoHtml(program);
     }
 
-    function renderRecording(context, defaultTimer, program, apiClient, refreshRecordingStateOnly) {
+    context.querySelector('.itemMiscInfoSecondary').innerHTML = mediaInfo.getSecondaryMediaInfoHtml(program, {
-        if (!refreshRecordingStateOnly) {
+    });
-            var imgUrl = getImageUrl(program, apiClient, 200);
-            var imageContainer = context.querySelector('.recordingDialog-imageContainer');
 
-            if (imgUrl) {
+    loading.hide();
-                imageContainer.innerHTML = '<img src="' + require.toUrl('.').split('?')[0] + '/empty.png" data-src="' + imgUrl + '" class="recordingDialog-img lazy" />';
+}
-                imageContainer.classList.remove('hide');
 
-                imageLoader.lazyChildren(imageContainer);
+function reload(context, programId, serverId, refreshRecordingStateOnly) {
-            } else {
+    loading.show();
-                imageContainer.innerHTML = '';
-                imageContainer.classList.add('hide');
-            }
 
-            context.querySelector('.recordingDialog-itemName').innerHTML = program.Name;
+    const apiClient = connectionManager.getApiClient(serverId);
-            context.querySelector('.formDialogHeaderTitle').innerHTML = program.Name;
-            context.querySelector('.itemGenres').innerHTML = (program.Genres || []).join(' / ');
-            context.querySelector('.itemOverview').innerHTML = program.Overview || '';
 
-            var formDialogFooter = context.querySelector('.formDialogFooter');
+    const promise1 = apiClient.getNewLiveTvTimerDefaults({ programId: programId });
-            var now = new Date();
+    const promise2 = apiClient.getLiveTvProgram(programId, apiClient.getCurrentUserId());
-            if (now >= datetime.parseISO8601Date(program.StartDate, true) && now < datetime.parseISO8601Date(program.EndDate, true)) {
-                formDialogFooter.classList.remove('hide');
-            } else {
-                formDialogFooter.classList.add('hide');
-            }
 
-            context.querySelector('.itemMiscInfoPrimary').innerHTML = mediaInfo.getPrimaryMediaInfoHtml(program);
+    Promise.all([promise1, promise2]).then(function (responses) {
-        }
+        const defaults = responses[0];
+        const program = responses[1];
 
-        context.querySelector('.itemMiscInfoSecondary').innerHTML = mediaInfo.getSecondaryMediaInfoHtml(program, {
+        renderRecording(context, defaults, program, apiClient, refreshRecordingStateOnly);
-        });
+    });
+}
 
-        loading.hide();
+function executeCloseAction(action, programId, serverId) {
-    }
+    if (action === 'play') {
+        import('playbackManager').then(({default: playbackManager}) => {
+            const apiClient = connectionManager.getApiClient(serverId);
 
-    function reload(context, programId, serverId, refreshRecordingStateOnly) {
+            apiClient.getLiveTvProgram(programId, apiClient.getCurrentUserId()).then(function (item) {
-        loading.show();
+                playbackManager.play({
-
+                    ids: [item.ChannelId],
-        var apiClient = connectionManager.getApiClient(serverId);
-
-        var promise1 = apiClient.getNewLiveTvTimerDefaults({ programId: programId });
-        var promise2 = apiClient.getLiveTvProgram(programId, apiClient.getCurrentUserId());
-
-        Promise.all([promise1, promise2]).then(function (responses) {
-            var defaults = responses[0];
-            var program = responses[1];
-
-            renderRecording(context, defaults, program, apiClient, refreshRecordingStateOnly);
-        });
-    }
-
-    function executeCloseAction(action, programId, serverId) {
-        if (action === 'play') {
-            require(['playbackManager'], function (playbackManager) {
-                var apiClient = connectionManager.getApiClient(serverId);
-
-                apiClient.getLiveTvProgram(programId, apiClient.getCurrentUserId()).then(function (item) {
-                    playbackManager.default.play({
-                        ids: [item.ChannelId],
-                        serverId: serverId
-                    });
-                });
-            });
-            return;
-        }
-    }
-
-    function showEditor(itemId, serverId) {
-        return new Promise(function (resolve, reject) {
-            closeAction = null;
-
-            loading.show();
-
-            require(['text!./recordingcreator.template.html'], function (template) {
-                var dialogOptions = {
-                    removeOnClose: true,
-                    scrollY: false
-                };
-
-                if (layoutManager.tv) {
-                    dialogOptions.size = 'fullscreen';
-                } else {
-                    dialogOptions.size = 'small';
-                }
-
-                var dlg = dialogHelper.createDialog(dialogOptions);
-
-                dlg.classList.add('formDialog');
-                dlg.classList.add('recordingDialog');
-
-                var html = '';
-
-                html += globalize.translateHtml(template, 'core');
-
-                dlg.innerHTML = html;
-
-                currentDialog = dlg;
-
-                function onRecordingChanged() {
-                    reload(dlg, itemId, serverId, true);
-                }
-
-                dlg.addEventListener('close', function () {
-                    events.off(currentRecordingFields, 'recordingchanged', onRecordingChanged);
-                    executeCloseAction(closeAction, itemId, serverId);
-
-                    if (currentRecordingFields && currentRecordingFields.hasChanged()) {
-                        resolve();
-                    } else {
-                        reject();
-                    }
-                });
-
-                if (layoutManager.tv) {
-                    scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
-                }
-
-                init(dlg);
-
-                reload(dlg, itemId, serverId);
-
-                currentRecordingFields = new recordingFields({
-                    parent: dlg.querySelector('.recordingFields'),
-                    programId: itemId,
                     serverId: serverId
                 });
-
-                events.on(currentRecordingFields, 'recordingchanged', onRecordingChanged);
-
-                dialogHelper.open(dlg);
             });
         });
+        return;
     }
+}
 
-    return {
+function showEditor(itemId, serverId) {
-        show: showEditor
+    return new Promise(function (resolve, reject) {
-    };
+        closeAction = null;
-});
+
+        loading.show();
+
+        import('text!./recordingcreator.template.html').then(({default: template}) => {
+            const dialogOptions = {
+                removeOnClose: true,
+                scrollY: false
+            };
+
+            if (layoutManager.tv) {
+                dialogOptions.size = 'fullscreen';
+            } else {
+                dialogOptions.size = 'small';
+            }
+
+            const dlg = dialogHelper.createDialog(dialogOptions);
+
+            dlg.classList.add('formDialog');
+            dlg.classList.add('recordingDialog');
+
+            let html = '';
+
+            html += globalize.translateHtml(template, 'core');
+
+            dlg.innerHTML = html;
+
+            currentDialog = dlg;
+
+            function onRecordingChanged() {
+                reload(dlg, itemId, serverId, true);
+            }
+
+            dlg.addEventListener('close', function () {
+                events.off(currentRecordingFields, 'recordingchanged', onRecordingChanged);
+                executeCloseAction(closeAction, itemId, serverId);
+
+                if (currentRecordingFields && currentRecordingFields.hasChanged()) {
+                    resolve();
+                } else {
+                    reject();
+                }
+            });
+
+            if (layoutManager.tv) {
+                scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
+            }
+
+            init(dlg);
+
+            reload(dlg, itemId, serverId);
+
+            currentRecordingFields = new recordingFields({
+                parent: dlg.querySelector('.recordingFields'),
+                programId: itemId,
+                serverId: serverId
+            });
+
+            events.on(currentRecordingFields, 'recordingchanged', onRecordingChanged);
+
+            dialogHelper.open(dlg);
+        });
+    });
+}
+
+export default {
+    show: showEditor
+};

src/components/tabbedview/tabbedview.js

@@ -1,32 +1,33 @@
-define(['backdrop', 'mainTabsManager', 'layoutManager', 'emby-tabs'], function (backdrop, mainTabsManager, layoutManager) {
+import backdrop from 'backdrop';
-    'use strict';
+import * as mainTabsManager from 'mainTabsManager';
+import layoutManager from 'layoutManager';
+import 'emby-tabs';
 
-    layoutManager = layoutManager.default || layoutManager;
+function onViewDestroy(e) {
+    var tabControllers = this.tabControllers;
 
-    function onViewDestroy(e) {
+    if (tabControllers) {
-        var tabControllers = this.tabControllers;
+        tabControllers.forEach(function (t) {
+            if (t.destroy) {
+                t.destroy();
+            }
+        });
 
-        if (tabControllers) {
+        this.tabControllers = null;
-            tabControllers.forEach(function (t) {
-                if (t.destroy) {
-                    t.destroy();
-                }
-            });
-
-            this.tabControllers = null;
-        }
-
-        this.view = null;
-        this.params = null;
-        this.currentTabController = null;
-        this.initialTabIndex = null;
     }
 
-    function onBeforeTabChange() {
+    this.view = null;
+    this.params = null;
+    this.currentTabController = null;
+    this.initialTabIndex = null;
+}
 
-    }
+function onBeforeTabChange() {
 
-    function TabbedView(view, params) {
+}
+
+class TabbedView {
+    constructor(view, params) {
         this.tabControllers = [];
         this.view = view;
         this.params = params;
@@ -87,7 +88,7 @@ define(['backdrop', 'mainTabsManager', 'layoutManager', 'emby-tabs'], function (
         view.addEventListener('viewdestroy', onViewDestroy.bind(this));
     }
 
-    TabbedView.prototype.onResume = function (options) {
+    onResume(options) {
         this.setTitle();
         backdrop.clearBackdrop();
 
@@ -98,19 +99,18 @@ define(['backdrop', 'mainTabsManager', 'layoutManager', 'emby-tabs'], function (
         } else if (currentTabController && currentTabController.onResume) {
             currentTabController.onResume({});
         }
-    };
+    }
 
-    TabbedView.prototype.onPause = function () {
+    onPause() {
         var currentTabController = this.currentTabController;
 
         if (currentTabController && currentTabController.onPause) {
             currentTabController.onPause();
         }
-    };
+    }
-
+    setTitle() {
-    TabbedView.prototype.setTitle = function () {
         Emby.Page.setTitle('');
-    };
+    }
+}
 
-    return TabbedView;
+export default TabbedView;
-});

src/controllers/home.js

@@ -1,7 +1,33 @@
-define(['tabbedView', 'globalize', 'require', 'emby-tabs', 'emby-button', 'emby-scroller'], function (TabbedView, globalize, require) {
+import TabbedView from 'tabbedView';
-    'use strict';
+import globalize from 'globalize';
+import 'emby-tabs';
+import 'emby-button';
+import 'emby-scroller';
 
-    function getTabs() {
+class HomeView extends TabbedView {
+    constructor(view, params) {
+        super(view, params);
+    }
+
+    setTitle() {
+        Emby.Page.setTitle(null);
+    }
+
+    onPause() {
+        super.onPause(this);
+        document.querySelector('.skinHeader').classList.remove('noHomeButtonHeader');
+    }
+
+    onResume(options) {
+        super.onResume(this, options);
+        document.querySelector('.skinHeader').classList.add('noHomeButtonHeader');
+    }
+
+    getDefaultTabIndex() {
+        return 0;
+    }
+
+    getTabs() {
         return [{
             name: globalize.translate('Home')
         }, {
@@ -9,67 +35,34 @@ define(['tabbedView', 'globalize', 'require', 'emby-tabs', 'emby-button', 'emby-
         }];
     }
 
-    function getDefaultTabIndex() {
+    getTabController(index) {
-        return 0;
-    }
-
-    function getRequirePromise(deps) {
-        return new Promise(function (resolve, reject) {
-            require(deps, resolve);
-        });
-    }
-
-    function getTabController(index) {
         if (index == null) {
             throw new Error('index cannot be null');
         }
 
-        var depends = [];
+        let depends = '';
 
         switch (index) {
             case 0:
-                depends.push('controllers/hometab');
+                depends = 'controllers/hometab';
                 break;
 
             case 1:
-                depends.push('controllers/favorites');
+                depends = 'controllers/favorites';
         }
 
-        var instance = this;
+        const instance = this;
-        return getRequirePromise(depends).then(function (controllerFactory) {
+        return import(depends).then(({ default: controllerFactory }) => {
-            var controller = instance.tabControllers[index];
+            let controller = instance.tabControllers[index];
 
             if (!controller) {
-                controller = new controllerFactory.default(instance.view.querySelector(".tabContent[data-index='" + index + "']"), instance.params);
+                controller = new controllerFactory(instance.view.querySelector(".tabContent[data-index='" + index + "']"), instance.params);
                 instance.tabControllers[index] = controller;
             }
 
             return controller;
         });
     }
+}
 
-    function HomeView(view, params) {
+export default HomeView;
-        TabbedView.call(this, view, params);
-    }
-
-    Object.assign(HomeView.prototype, TabbedView.prototype);
-    HomeView.prototype.getTabs = getTabs;
-    HomeView.prototype.getDefaultTabIndex = getDefaultTabIndex;
-    HomeView.prototype.getTabController = getTabController;
-
-    HomeView.prototype.setTitle = function () {
-        Emby.Page.setTitle(null);
-    };
-
-    HomeView.prototype.onPause = function () {
-        TabbedView.prototype.onPause.call(this);
-        document.querySelector('.skinHeader').classList.remove('noHomeButtonHeader');
-    };
-
-    HomeView.prototype.onResume = function (options) {
-        TabbedView.prototype.onResume.call(this, options);
-        document.querySelector('.skinHeader').classList.add('noHomeButtonHeader');
-    };
-
-    return HomeView;
-});

src/controllers/livetv/livetvguide.js

@@ -1,29 +1,27 @@
-define(['tvguide'], function (tvguide) {
+import tvguide from 'tvguide';
-    'use strict';
 
-    return function (view, params, tabContent) {
+export default function (view, params, tabContent) {
-        var guideInstance;
+    let guideInstance;
-        var self = this;
+    const self = this;
 
-        self.renderTab = function () {
+    self.renderTab = function () {
-            if (!guideInstance) {
+        if (!guideInstance) {
-                guideInstance = new tvguide({
+            guideInstance = new tvguide({
-                    element: tabContent,
+                element: tabContent,
-                    serverId: ApiClient.serverId()
+                serverId: ApiClient.serverId()
-                });
+            });
-            }
+        }
-        };
-
-        self.onShow = function () {
-            if (guideInstance) {
-                guideInstance.resume();
-            }
-        };
-
-        self.onHide = function () {
-            if (guideInstance) {
-                guideInstance.pause();
-            }
-        };
     };
-});
+
+    self.onShow = function () {
+        if (guideInstance) {
+            guideInstance.resume();
+        }
+    };
+
+    self.onHide = function () {
+        if (guideInstance) {
+            guideInstance.pause();
+        }
+    };
+}

src/controllers/livetv/livetvsuggested.js

@@ -256,6 +256,8 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
             }
 
             require(depends, function (controllerFactory) {
+                controllerFactory = controllerFactory.default || controllerFactory;
+
                 var tabContent;
 
                 if (index == 0) {

src/index.html

@@ -137,8 +137,7 @@
         }
 
         @media screen
-            and (min-device-width: 992px)
+            and (min-device-width: 992px) {
-            and (-webkit-min-device-pixel-ratio: 1) {
             .splashLogo {
                 background-image: url(assets/img/banner-light.png);
             }

src/plugins/htmlAudioPlayer/plugin.js

@@ -1,91 +1,92 @@
-define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelper'], function (events, browser, require, appHost, appSettings, htmlMediaHelper) {
+import events from 'events';
-    'use strict';
+import browser from 'browser';
+import appHost from 'apphost';
+import * as htmlMediaHelper from 'htmlMediaHelper';
 
-    function getDefaultProfile() {
+function getDefaultProfile() {
-        return new Promise(function (resolve, reject) {
+    return import('browserdeviceprofile').then(({ default: profileBuilder }) => {
-            require(['browserdeviceprofile'], function (profileBuilder) {
+        return profileBuilder({});
-                resolve(profileBuilder({}));
+    });
-            });
+}
+
+let fadeTimeout;
+function fade(instance, elem, startingVolume) {
+    instance._isFadingOut = true;
+
+    // Need to record the starting volume on each pass rather than querying elem.volume
+    // This is due to iOS safari not allowing volume changes and always returning the system volume value
+    const newVolume = Math.max(0, startingVolume - 0.15);
+    console.debug('fading volume to ' + newVolume);
+    elem.volume = newVolume;
+
+    if (newVolume <= 0) {
+        instance._isFadingOut = false;
+        return Promise.resolve();
+    }
+
+    return new Promise(function (resolve, reject) {
+        cancelFadeTimeout();
+        fadeTimeout = setTimeout(function () {
+            fade(instance, elem, newVolume).then(resolve, reject);
+        }, 100);
+    });
+}
+
+function cancelFadeTimeout() {
+    const timeout = fadeTimeout;
+    if (timeout) {
+        clearTimeout(timeout);
+        fadeTimeout = null;
+    }
+}
+
+function supportsFade() {
+    if (browser.tv) {
+        // Not working on tizen.
+        // We could possibly enable on other tv's, but all smart tv browsers tend to be pretty primitive
+        return false;
+    }
+
+    return true;
+}
+
+function requireHlsPlayer(callback) {
+    import('hlsjs').then(({ default: hls }) => {
+        window.Hls = hls;
+        callback();
+    });
+}
+
+function enableHlsPlayer(url, item, mediaSource, mediaType) {
+    if (!htmlMediaHelper.enableHlsJsPlayer(mediaSource.RunTimeTicks, mediaType)) {
+        return Promise.reject();
+    }
+
+    if (url.indexOf('.m3u8') !== -1) {
+        return Promise.resolve();
+    }
+
+    // issue head request to get content type
+    return new Promise(function (resolve, reject) {
+        import('fetchHelper').then((fetchHelper) => {
+            fetchHelper.ajax({
+                url: url,
+                type: 'HEAD'
+            }).then(function (response) {
+                const contentType = (response.headers.get('Content-Type') || '').toLowerCase();
+                if (contentType === 'application/x-mpegurl') {
+                    resolve();
+                } else {
+                    reject();
+                }
+            }, reject);
         });
-    }
+    });
+}
 
-    var fadeTimeout;
+class HtmlAudioPlayer {
-    function fade(instance, elem, startingVolume) {
+    constructor() {
-        instance._isFadingOut = true;
+        const self = this;
-
-        // Need to record the starting volume on each pass rather than querying elem.volume
-        // This is due to iOS safari not allowing volume changes and always returning the system volume value
-        var newVolume = Math.max(0, startingVolume - 0.15);
-        console.debug('fading volume to ' + newVolume);
-        elem.volume = newVolume;
-
-        if (newVolume <= 0) {
-            instance._isFadingOut = false;
-            return Promise.resolve();
-        }
-
-        return new Promise(function (resolve, reject) {
-            cancelFadeTimeout();
-            fadeTimeout = setTimeout(function () {
-                fade(instance, elem, newVolume).then(resolve, reject);
-            }, 100);
-        });
-    }
-
-    function cancelFadeTimeout() {
-        var timeout = fadeTimeout;
-        if (timeout) {
-            clearTimeout(timeout);
-            fadeTimeout = null;
-        }
-    }
-
-    function supportsFade() {
-        if (browser.tv) {
-            // Not working on tizen.
-            // We could possibly enable on other tv's, but all smart tv browsers tend to be pretty primitive
-            return false;
-        }
-
-        return true;
-    }
-
-    function requireHlsPlayer(callback) {
-        require(['hlsjs'], function (hls) {
-            window.Hls = hls;
-            callback();
-        });
-    }
-
-    function enableHlsPlayer(url, item, mediaSource, mediaType) {
-        if (!htmlMediaHelper.enableHlsJsPlayer(mediaSource.RunTimeTicks, mediaType)) {
-            return Promise.reject();
-        }
-
-        if (url.indexOf('.m3u8') !== -1) {
-            return Promise.resolve();
-        }
-
-        // issue head request to get content type
-        return new Promise(function (resolve, reject) {
-            require(['fetchHelper'], function (fetchHelper) {
-                fetchHelper.ajax({
-                    url: url,
-                    type: 'HEAD'
-                }).then(function (response) {
-                    var contentType = (response.headers.get('Content-Type') || '').toLowerCase();
-                    if (contentType === 'application/x-mpegurl') {
-                        resolve();
-                    } else {
-                        reject();
-                    }
-                }, reject);
-            });
-        });
-    }
-
-    function HtmlAudioPlayer() {
-        var self = this;
 
         self.name = 'Html Audio Player';
         self.type = 'mediaplayer';
@@ -99,7 +100,7 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
             self._timeUpdated = false;
             self._currentTime = null;
 
-            var elem = createMediaElement();
+            const elem = createMediaElement();
             return setCurrentSrc(elem, options);
         };
 
@@ -109,11 +110,11 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
             unBindEvents(elem);
             bindEvents(elem);
 
-            var val = options.url;
+            let val = options.url;
             console.debug('playing url: ' + val);
 
             // Convert to seconds
-            var seconds = (options.playerStartPositionTicks || 0) / 10000000;
+            const seconds = (options.playerStartPositionTicks || 0) / 10000000;
             if (seconds) {
                 val += '#t=' + seconds;
             }
@@ -122,7 +123,7 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
 
             self._currentPlayOptions = options;
 
-            var crossOrigin = htmlMediaHelper.getCrossOriginValue(options.mediaSource);
+            const crossOrigin = htmlMediaHelper.getCrossOriginValue(options.mediaSource);
             if (crossOrigin) {
                 elem.crossOrigin = crossOrigin;
             }
@@ -130,9 +131,9 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
             return enableHlsPlayer(val, options.item, options.mediaSource, 'Audio').then(function () {
                 return new Promise(function (resolve, reject) {
                     requireHlsPlayer(function () {
-                        var hls = new Hls({
+                        const hls = new Hls({
                             manifestLoadingTimeOut: 20000,
-                            xhrSetup: function(xhr, url) {
+                            xhrSetup: function (xhr, url) {
                                 xhr.withCredentials = true;
                             }
                         });
@@ -183,8 +184,8 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
         self.stop = function (destroyPlayer) {
             cancelFadeTimeout();
 
-            var elem = self._mediaElement;
+            const elem = self._mediaElement;
-            var src = self._currentSrc;
+            const src = self._currentSrc;
 
             if (elem && src) {
                 if (!destroyPlayer || !supportsFade()) {
@@ -198,7 +199,7 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
                     return Promise.resolve();
                 }
 
-                var originalVolume = elem.volume;
+                const originalVolume = elem.volume;
 
                 return fade(self, elem, elem.volume).then(function () {
                     elem.pause();
@@ -219,7 +220,7 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
         };
 
         function createMediaElement() {
-            var elem = self._mediaElement;
+            let elem = self._mediaElement;
 
             if (elem) {
                 return elem;
@@ -248,7 +249,7 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
 
         function onTimeUpdate() {
             // Get the player position + the transcoding offset
-            var time = this.currentTime;
+            const time = this.currentTime;
 
             // Don't trigger events after user stop
             if (!self._isFadingOut) {
@@ -287,11 +288,11 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
         }
 
         function onError() {
-            var errorCode = this.error ? (this.error.code || 0) : 0;
+            const errorCode = this.error ? (this.error.code || 0) : 0;
-            var errorMessage = this.error ? (this.error.message || '') : '';
+            const errorMessage = this.error ? (this.error.message || '') : '';
             console.error('media element error: ' + errorCode.toString() + ' ' + errorMessage);
 
-            var type;
+            let type;
 
             switch (errorCode) {
                 case 1:
@@ -325,59 +326,59 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
         }
     }
 
-    HtmlAudioPlayer.prototype.currentSrc = function () {
+    currentSrc() {
         return this._currentSrc;
-    };
+    }
 
-    HtmlAudioPlayer.prototype.canPlayMediaType = function (mediaType) {
+    canPlayMediaType(mediaType) {
         return (mediaType || '').toLowerCase() === 'audio';
-    };
+    }
 
-    HtmlAudioPlayer.prototype.getDeviceProfile = function (item) {
+    getDeviceProfile(item) {
-        if (appHost.default.getDeviceProfile) {
+        if (appHost.getDeviceProfile) {
-            return appHost.default.getDeviceProfile(item);
+            return appHost.getDeviceProfile(item);
         }
 
         return getDefaultProfile();
-    };
+    }
 
     // Save this for when playback stops, because querying the time at that point might return 0
-    HtmlAudioPlayer.prototype.currentTime = function (val) {
+    currentTime(val) {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             if (val != null) {
                 mediaElement.currentTime = val / 1000;
                 return;
             }
 
-            var currentTime = this._currentTime;
+            const currentTime = this._currentTime;
             if (currentTime) {
                 return currentTime * 1000;
             }
 
             return (mediaElement.currentTime || 0) * 1000;
         }
-    };
+    }
 
-    HtmlAudioPlayer.prototype.duration = function (val) {
+    duration(val) {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
-            var duration = mediaElement.duration;
+            const duration = mediaElement.duration;
             if (htmlMediaHelper.isValidDuration(duration)) {
                 return duration * 1000;
             }
         }
 
         return null;
-    };
+    }
 
-    HtmlAudioPlayer.prototype.seekable = function () {
+    seekable() {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
-            var seekable = mediaElement.seekable;
+            const seekable = mediaElement.seekable;
             if (seekable && seekable.length) {
-                var start = seekable.start(0);
+                let start = seekable.start(0);
-                var end = seekable.end(0);
+                let end = seekable.end(0);
 
                 if (!htmlMediaHelper.isValidDuration(start)) {
                     start = 0;
@@ -391,124 +392,120 @@ define(['events', 'browser', 'require', 'apphost', 'appSettings', 'htmlMediaHelp
 
             return false;
         }
-    };
+    }
 
-    HtmlAudioPlayer.prototype.getBufferedRanges = function () {
+    getBufferedRanges() {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             return htmlMediaHelper.getBufferedRanges(this, mediaElement);
         }
 
         return [];
-    };
+    }
 
-    HtmlAudioPlayer.prototype.pause = function () {
+    pause() {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             mediaElement.pause();
         }
-    };
+    }
 
     // This is a retry after error
-    HtmlAudioPlayer.prototype.resume = function () {
+    resume() {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             mediaElement.play();
         }
-    };
+    }
 
-    HtmlAudioPlayer.prototype.unpause = function () {
+    unpause() {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             mediaElement.play();
         }
-    };
+    }
 
-    HtmlAudioPlayer.prototype.paused = function () {
+    paused() {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             return mediaElement.paused;
         }
 
         return false;
-    };
+    }
 
-    HtmlAudioPlayer.prototype.setPlaybackRate = function (value) {
+    setPlaybackRate(value) {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             mediaElement.playbackRate = value;
         }
-    };
+    }
 
-    HtmlAudioPlayer.prototype.getPlaybackRate = function () {
+    getPlaybackRate() {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             return mediaElement.playbackRate;
         }
         return null;
-    };
+    }
 
-    HtmlAudioPlayer.prototype.setVolume = function (val) {
+    setVolume(val) {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             mediaElement.volume = val / 100;
         }
-    };
+    }
 
-    HtmlAudioPlayer.prototype.getVolume = function () {
+    getVolume() {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             return Math.min(Math.round(mediaElement.volume * 100), 100);
         }
-    };
+    }
 
-    HtmlAudioPlayer.prototype.volumeUp = function () {
+    volumeUp() {
         this.setVolume(Math.min(this.getVolume() + 2, 100));
-    };
+    }
 
-    HtmlAudioPlayer.prototype.volumeDown = function () {
+    volumeDown() {
         this.setVolume(Math.max(this.getVolume() - 2, 0));
-    };
+    }
 
-    HtmlAudioPlayer.prototype.setMute = function (mute) {
+    setMute(mute) {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             mediaElement.muted = mute;
         }
-    };
+    }
 
-    HtmlAudioPlayer.prototype.isMuted = function () {
+    isMuted() {
-        var mediaElement = this._mediaElement;
+        const mediaElement = this._mediaElement;
         if (mediaElement) {
             return mediaElement.muted;
         }
         return false;
-    };
-
-    HtmlAudioPlayer.prototype.destroy = function () {
-
-    };
-
-    var supportedFeatures;
-
-    function getSupportedFeatures() {
-        var list = [];
-        var audio = document.createElement('audio');
-
-        if (typeof audio.playbackRate === 'number') {
-            list.push('PlaybackRate');
-        }
-
-        return list;
     }
 
-    HtmlAudioPlayer.prototype.supports = function (feature) {
+    supports(feature) {
         if (!supportedFeatures) {
             supportedFeatures = getSupportedFeatures();
         }
 
         return supportedFeatures.indexOf(feature) !== -1;
-    };
+    }
+}
 
-    return HtmlAudioPlayer;
+let supportedFeatures;
-});
+
+function getSupportedFeatures() {
+    const list = [];
+    const audio = document.createElement('audio');
+
+    if (typeof audio.playbackRate === 'number') {
+        list.push('PlaybackRate');
+    }
+
+    return list;
+}
+
+export default HtmlAudioPlayer;

src/scripts/itembynamedetailpage.js

@@ -1,369 +1,374 @@
-define(['connectionManager', 'listView', 'cardBuilder', 'imageLoader', 'libraryBrowser', 'globalize', 'emby-itemscontainer', 'emby-button'], function (connectionManager, listView, cardBuilder, imageLoader, libraryBrowser, globalize) {
+import connectionManager from 'connectionManager';
-    'use strict';
+import listView from 'listView';
+import cardBuilder from 'cardBuilder';
+import imageLoader from 'imageLoader';
+import globalize from 'globalize';
+import 'emby-itemscontainer';
+import 'emby-button';
 
-    function renderItems(page, item) {
+function renderItems(page, item) {
-        var sections = [];
+    const sections = [];
 
-        if (item.ArtistCount) {
+    if (item.ArtistCount) {
-            sections.push({
+        sections.push({
-                name: globalize.translate('TabArtists'),
+            name: globalize.translate('TabArtists'),
-                type: 'MusicArtist'
+            type: 'MusicArtist'
-            });
-        }
-
-        if (item.ProgramCount && item.Type == 'Person') {
-            sections.push({
-                name: globalize.translate('HeaderUpcomingOnTV'),
-                type: 'Program'
-            });
-        }
-
-        if (item.MovieCount) {
-            sections.push({
-                name: globalize.translate('TabMovies'),
-                type: 'Movie'
-            });
-        }
-
-        if (item.SeriesCount) {
-            sections.push({
-                name: globalize.translate('TabShows'),
-                type: 'Series'
-            });
-        }
-
-        if (item.EpisodeCount) {
-            sections.push({
-                name: globalize.translate('TabEpisodes'),
-                type: 'Episode'
-            });
-        }
-
-        if (item.TrailerCount) {
-            sections.push({
-                name: globalize.translate('TabTrailers'),
-                type: 'Trailer'
-            });
-        }
-
-        if (item.AlbumCount) {
-            sections.push({
-                name: globalize.translate('TabAlbums'),
-                type: 'MusicAlbum'
-            });
-        }
-
-        if (item.MusicVideoCount) {
-            sections.push({
-                name: globalize.translate('TabMusicVideos'),
-                type: 'MusicVideo'
-            });
-        }
-
-        var elem = page.querySelector('#childrenContent');
-        elem.innerHTML = sections.map(function (section) {
-            var html = '';
-            var sectionClass = 'verticalSection';
-
-            if (section.type === 'Audio') {
-                sectionClass += ' verticalSection-extrabottompadding';
-            }
-
-            html += '<div class="' + sectionClass + '" data-type="' + section.type + '">';
-            html += '<div class="sectionTitleContainer sectionTitleContainer-cards">';
-            html += '<h2 class="sectionTitle sectionTitle-cards">';
-            html += section.name;
-            html += '</h2>';
-            html += '<a is="emby-linkbutton" href="#" class="clearLink hide" style="margin-left:1em;vertical-align:middle;"><button is="emby-button" type="button" class="raised more raised-mini noIcon">' + globalize.translate('ButtonMore') + '</button></a>';
-            html += '</div>';
-            html += '<div is="emby-itemscontainer" class="itemsContainer padded-right">';
-            html += '</div>';
-            return html += '</div>';
-        }).join('');
-        var sectionElems = elem.querySelectorAll('.verticalSection');
-
-        for (var i = 0, length = sectionElems.length; i < length; i++) {
-            renderSection(page, item, sectionElems[i], sectionElems[i].getAttribute('data-type'));
-        }
-    }
-
-    function renderSection(page, item, element, type) {
-        switch (type) {
-            case 'Program':
-                loadItems(element, item, type, {
-                    MediaTypes: '',
-                    IncludeItemTypes: 'Program',
-                    PersonTypes: '',
-                    ArtistIds: '',
-                    AlbumArtistIds: '',
-                    Limit: 10,
-                    SortBy: 'StartDate'
-                }, {
-                    shape: 'overflowBackdrop',
-                    showTitle: true,
-                    centerText: true,
-                    overlayMoreButton: true,
-                    preferThumb: true,
-                    overlayText: false,
-                    showAirTime: true,
-                    showAirDateTime: true,
-                    showChannelName: true
-                });
-                break;
-
-            case 'Movie':
-                loadItems(element, item, type, {
-                    MediaTypes: '',
-                    IncludeItemTypes: 'Movie',
-                    PersonTypes: '',
-                    ArtistIds: '',
-                    AlbumArtistIds: '',
-                    Limit: 10,
-                    SortBy: 'SortName'
-                }, {
-                    shape: 'overflowPortrait',
-                    showTitle: true,
-                    centerText: true,
-                    overlayMoreButton: true,
-                    overlayText: false,
-                    showYear: true
-                });
-                break;
-
-            case 'MusicVideo':
-                loadItems(element, item, type, {
-                    MediaTypes: '',
-                    IncludeItemTypes: 'MusicVideo',
-                    PersonTypes: '',
-                    ArtistIds: '',
-                    AlbumArtistIds: '',
-                    Limit: 10,
-                    SortBy: 'SortName'
-                }, {
-                    shape: 'overflowPortrait',
-                    showTitle: true,
-                    centerText: true,
-                    overlayPlayButton: true
-                });
-                break;
-
-            case 'Trailer':
-                loadItems(element, item, type, {
-                    MediaTypes: '',
-                    IncludeItemTypes: 'Trailer',
-                    PersonTypes: '',
-                    ArtistIds: '',
-                    AlbumArtistIds: '',
-                    Limit: 10,
-                    SortBy: 'SortName'
-                }, {
-                    shape: 'overflowPortrait',
-                    showTitle: true,
-                    centerText: true,
-                    overlayPlayButton: true
-                });
-                break;
-
-            case 'Series':
-                loadItems(element, item, type, {
-                    MediaTypes: '',
-                    IncludeItemTypes: 'Series',
-                    PersonTypes: '',
-                    ArtistIds: '',
-                    AlbumArtistIds: '',
-                    Limit: 10,
-                    SortBy: 'SortName'
-                }, {
-                    shape: 'overflowPortrait',
-                    showTitle: true,
-                    centerText: true,
-                    overlayMoreButton: true
-                });
-                break;
-
-            case 'MusicAlbum':
-                loadItems(element, item, type, {
-                    MediaTypes: '',
-                    IncludeItemTypes: 'MusicAlbum',
-                    PersonTypes: '',
-                    ArtistIds: '',
-                    AlbumArtistIds: '',
-                    SortOrder: 'Descending',
-                    SortBy: 'ProductionYear,Sortname'
-                }, {
-                    shape: 'overflowSquare',
-                    playFromHere: true,
-                    showTitle: true,
-                    showYear: true,
-                    coverImage: true,
-                    centerText: true,
-                    overlayPlayButton: true
-                });
-                break;
-
-            case 'MusicArtist':
-                loadItems(element, item, type, {
-                    MediaTypes: '',
-                    IncludeItemTypes: 'MusicArtist',
-                    PersonTypes: '',
-                    ArtistIds: '',
-                    AlbumArtistIds: '',
-                    Limit: 8,
-                    SortBy: 'SortName'
-                }, {
-                    shape: 'overflowSquare',
-                    playFromHere: true,
-                    showTitle: true,
-                    showParentTitle: true,
-                    coverImage: true,
-                    centerText: true,
-                    overlayPlayButton: true
-                });
-                break;
-
-            case 'Episode':
-                loadItems(element, item, type, {
-                    MediaTypes: '',
-                    IncludeItemTypes: 'Episode',
-                    PersonTypes: '',
-                    ArtistIds: '',
-                    AlbumArtistIds: '',
-                    Limit: 6,
-                    SortBy: 'SortName'
-                }, {
-                    shape: 'overflowBackdrop',
-                    showTitle: true,
-                    showParentTitle: true,
-                    centerText: true,
-                    overlayPlayButton: true
-                });
-                break;
-
-            case 'Audio':
-                loadItems(element, item, type, {
-                    MediaTypes: '',
-                    IncludeItemTypes: 'Audio',
-                    PersonTypes: '',
-                    ArtistIds: '',
-                    AlbumArtistIds: '',
-                    SortBy: 'AlbumArtist,Album,SortName'
-                }, {
-                    playFromHere: true,
-                    action: 'playallfromhere',
-                    smallIcon: true,
-                    artist: true
-                });
-        }
-    }
-
-    function loadItems(element, item, type, query, listOptions) {
-        query = getQuery(query, item);
-        getItemsFunction(query, item)(query.StartIndex, query.Limit, query.Fields).then(function (result) {
-            var html = '';
-
-            if (query.Limit && result.TotalRecordCount > query.Limit) {
-                var link = element.querySelector('a');
-                link.classList.remove('hide');
-                link.setAttribute('href', getMoreItemsHref(item, type));
-            } else {
-                element.querySelector('a').classList.add('hide');
-            }
-
-            listOptions.items = result.Items;
-            var itemsContainer = element.querySelector('.itemsContainer');
-
-            if (type == 'Audio') {
-                html = listView.getListViewHtml(listOptions);
-                itemsContainer.classList.remove('vertical-wrap');
-                itemsContainer.classList.add('vertical-list');
-            } else {
-                html = cardBuilder.getCardsHtml(listOptions);
-                itemsContainer.classList.add('vertical-wrap');
-                itemsContainer.classList.remove('vertical-list');
-            }
-
-            itemsContainer.innerHTML = html;
-            imageLoader.lazyChildren(itemsContainer);
         });
     }
 
-    function getMoreItemsHref(item, type) {
+    if (item.ProgramCount && item.Type === 'Person') {
-        if (item.Type == 'Genre') {
+        sections.push({
-            return 'list.html?type=' + type + '&genreId=' + item.Id + '&serverId=' + item.ServerId;
+            name: globalize.translate('HeaderUpcomingOnTV'),
-        }
+            type: 'Program'
-
+        });
-        if (item.Type == 'MusicGenre') {
-            return 'list.html?type=' + type + '&musicGenreId=' + item.Id + '&serverId=' + item.ServerId;
-        }
-
-        if (item.Type == 'Studio') {
-            return 'list.html?type=' + type + '&studioId=' + item.Id + '&serverId=' + item.ServerId;
-        }
-
-        if (item.Type == 'MusicArtist') {
-            return 'list.html?type=' + type + '&artistId=' + item.Id + '&serverId=' + item.ServerId;
-        }
-
-        if (item.Type == 'Person') {
-            return 'list.html?type=' + type + '&personId=' + item.Id + '&serverId=' + item.ServerId;
-        }
-
-        return 'list.html?type=' + type + '&parentId=' + item.Id + '&serverId=' + item.ServerId;
     }
 
-    function addCurrentItemToQuery(query, item) {
+    if (item.MovieCount) {
-        if (item.Type == 'Person') {
+        sections.push({
-            query.PersonIds = item.Id;
+            name: globalize.translate('TabMovies'),
-        } else if (item.Type == 'Genre') {
+            type: 'Movie'
-            query.Genres = item.Name;
+        });
-        } else if (item.Type == 'MusicGenre') {
+    }
-            query.Genres = item.Name;
+
-        } else if (item.Type == 'GameGenre') {
+    if (item.SeriesCount) {
-            query.Genres = item.Name;
+        sections.push({
-        } else if (item.Type == 'Studio') {
+            name: globalize.translate('TabShows'),
-            query.StudioIds = item.Id;
+            type: 'Series'
-        } else if (item.Type == 'MusicArtist') {
+        });
-            query.AlbumArtistIds = item.Id;
+    }
+
+    if (item.EpisodeCount) {
+        sections.push({
+            name: globalize.translate('TabEpisodes'),
+            type: 'Episode'
+        });
+    }
+
+    if (item.TrailerCount) {
+        sections.push({
+            name: globalize.translate('TabTrailers'),
+            type: 'Trailer'
+        });
+    }
+
+    if (item.AlbumCount) {
+        sections.push({
+            name: globalize.translate('TabAlbums'),
+            type: 'MusicAlbum'
+        });
+    }
+
+    if (item.MusicVideoCount) {
+        sections.push({
+            name: globalize.translate('TabMusicVideos'),
+            type: 'MusicVideo'
+        });
+    }
+
+    const elem = page.querySelector('#childrenContent');
+    elem.innerHTML = sections.map(function (section) {
+        let html = '';
+        let sectionClass = 'verticalSection';
+
+        if (section.type === 'Audio') {
+            sectionClass += ' verticalSection-extrabottompadding';
         }
+
+        html += '<div class="' + sectionClass + '" data-type="' + section.type + '">';
+        html += '<div class="sectionTitleContainer sectionTitleContainer-cards">';
+        html += '<h2 class="sectionTitle sectionTitle-cards">';
+        html += section.name;
+        html += '</h2>';
+        html += '<a is="emby-linkbutton" href="#" class="clearLink hide" style="margin-left:1em;vertical-align:middle;"><button is="emby-button" type="button" class="raised more raised-mini noIcon">' + globalize.translate('ButtonMore') + '</button></a>';
+        html += '</div>';
+        html += '<div is="emby-itemscontainer" class="itemsContainer padded-right">';
+        html += '</div>';
+        html += '</div>';
+        return html;
+    }).join('');
+    const sectionElems = elem.querySelectorAll('.verticalSection');
+
+    for (let i = 0, length = sectionElems.length; i < length; i++) {
+        renderSection(page, item, sectionElems[i], sectionElems[i].getAttribute('data-type'));
+    }
+}
+
+function renderSection(page, item, element, type) {
+    switch (type) {
+        case 'Program':
+            loadItems(element, item, type, {
+                MediaTypes: '',
+                IncludeItemTypes: 'Program',
+                PersonTypes: '',
+                ArtistIds: '',
+                AlbumArtistIds: '',
+                Limit: 10,
+                SortBy: 'StartDate'
+            }, {
+                shape: 'overflowBackdrop',
+                showTitle: true,
+                centerText: true,
+                overlayMoreButton: true,
+                preferThumb: true,
+                overlayText: false,
+                showAirTime: true,
+                showAirDateTime: true,
+                showChannelName: true
+            });
+            break;
+
+        case 'Movie':
+            loadItems(element, item, type, {
+                MediaTypes: '',
+                IncludeItemTypes: 'Movie',
+                PersonTypes: '',
+                ArtistIds: '',
+                AlbumArtistIds: '',
+                Limit: 10,
+                SortBy: 'SortName'
+            }, {
+                shape: 'overflowPortrait',
+                showTitle: true,
+                centerText: true,
+                overlayMoreButton: true,
+                overlayText: false,
+                showYear: true
+            });
+            break;
+
+        case 'MusicVideo':
+            loadItems(element, item, type, {
+                MediaTypes: '',
+                IncludeItemTypes: 'MusicVideo',
+                PersonTypes: '',
+                ArtistIds: '',
+                AlbumArtistIds: '',
+                Limit: 10,
+                SortBy: 'SortName'
+            }, {
+                shape: 'overflowPortrait',
+                showTitle: true,
+                centerText: true,
+                overlayPlayButton: true
+            });
+            break;
+
+        case 'Trailer':
+            loadItems(element, item, type, {
+                MediaTypes: '',
+                IncludeItemTypes: 'Trailer',
+                PersonTypes: '',
+                ArtistIds: '',
+                AlbumArtistIds: '',
+                Limit: 10,
+                SortBy: 'SortName'
+            }, {
+                shape: 'overflowPortrait',
+                showTitle: true,
+                centerText: true,
+                overlayPlayButton: true
+            });
+            break;
+
+        case 'Series':
+            loadItems(element, item, type, {
+                MediaTypes: '',
+                IncludeItemTypes: 'Series',
+                PersonTypes: '',
+                ArtistIds: '',
+                AlbumArtistIds: '',
+                Limit: 10,
+                SortBy: 'SortName'
+            }, {
+                shape: 'overflowPortrait',
+                showTitle: true,
+                centerText: true,
+                overlayMoreButton: true
+            });
+            break;
+
+        case 'MusicAlbum':
+            loadItems(element, item, type, {
+                MediaTypes: '',
+                IncludeItemTypes: 'MusicAlbum',
+                PersonTypes: '',
+                ArtistIds: '',
+                AlbumArtistIds: '',
+                SortOrder: 'Descending',
+                SortBy: 'ProductionYear,Sortname'
+            }, {
+                shape: 'overflowSquare',
+                playFromHere: true,
+                showTitle: true,
+                showYear: true,
+                coverImage: true,
+                centerText: true,
+                overlayPlayButton: true
+            });
+            break;
+
+        case 'MusicArtist':
+            loadItems(element, item, type, {
+                MediaTypes: '',
+                IncludeItemTypes: 'MusicArtist',
+                PersonTypes: '',
+                ArtistIds: '',
+                AlbumArtistIds: '',
+                Limit: 8,
+                SortBy: 'SortName'
+            }, {
+                shape: 'overflowSquare',
+                playFromHere: true,
+                showTitle: true,
+                showParentTitle: true,
+                coverImage: true,
+                centerText: true,
+                overlayPlayButton: true
+            });
+            break;
+
+        case 'Episode':
+            loadItems(element, item, type, {
+                MediaTypes: '',
+                IncludeItemTypes: 'Episode',
+                PersonTypes: '',
+                ArtistIds: '',
+                AlbumArtistIds: '',
+                Limit: 6,
+                SortBy: 'SortName'
+            }, {
+                shape: 'overflowBackdrop',
+                showTitle: true,
+                showParentTitle: true,
+                centerText: true,
+                overlayPlayButton: true
+            });
+            break;
+
+        case 'Audio':
+            loadItems(element, item, type, {
+                MediaTypes: '',
+                IncludeItemTypes: 'Audio',
+                PersonTypes: '',
+                ArtistIds: '',
+                AlbumArtistIds: '',
+                SortBy: 'AlbumArtist,Album,SortName'
+            }, {
+                playFromHere: true,
+                action: 'playallfromhere',
+                smallIcon: true,
+                artist: true
+            });
+    }
+}
+
+function loadItems(element, item, type, query, listOptions) {
+    query = getQuery(query, item);
+    getItemsFunction(query, item)(query.StartIndex, query.Limit, query.Fields).then(function (result) {
+        let html = '';
+
+        if (query.Limit && result.TotalRecordCount > query.Limit) {
+            const link = element.querySelector('a');
+            link.classList.remove('hide');
+            link.setAttribute('href', getMoreItemsHref(item, type));
+        } else {
+            element.querySelector('a').classList.add('hide');
+        }
+
+        listOptions.items = result.Items;
+        const itemsContainer = element.querySelector('.itemsContainer');
+
+        if (type === 'Audio') {
+            html = listView.getListViewHtml(listOptions);
+            itemsContainer.classList.remove('vertical-wrap');
+            itemsContainer.classList.add('vertical-list');
+        } else {
+            html = cardBuilder.getCardsHtml(listOptions);
+            itemsContainer.classList.add('vertical-wrap');
+            itemsContainer.classList.remove('vertical-list');
+        }
+
+        itemsContainer.innerHTML = html;
+        imageLoader.lazyChildren(itemsContainer);
+    });
+}
+
+function getMoreItemsHref(item, type) {
+    if (item.Type === 'Genre') {
+        return 'list.html?type=' + type + '&genreId=' + item.Id + '&serverId=' + item.ServerId;
     }
 
-    function getQuery(options, item) {
+    if (item.Type === 'MusicGenre') {
-        var query = {
+        return 'list.html?type=' + type + '&musicGenreId=' + item.Id + '&serverId=' + item.ServerId;
-            SortOrder: 'Ascending',
-            IncludeItemTypes: '',
-            Recursive: true,
-            Fields: 'AudioInfo,SeriesInfo,ParentId,PrimaryImageAspectRatio,BasicSyncInfo',
-            Limit: 100,
-            StartIndex: 0,
-            CollapseBoxSetItems: false
-        };
-        query = Object.assign(query, options || {});
-        addCurrentItemToQuery(query, item);
-        return query;
     }
 
-    function getItemsFunction(options, item) {
+    if (item.Type === 'Studio') {
-        var query = getQuery(options, item);
+        return 'list.html?type=' + type + '&studioId=' + item.Id + '&serverId=' + item.ServerId;
-        return function (index, limit, fields) {
-            query.StartIndex = index;
-            query.Limit = limit;
-
-            if (fields) {
-                query.Fields += ',' + fields;
-            }
-
-            var apiClient = connectionManager.getApiClient(item.ServerId);
-
-            if (query.IncludeItemTypes === 'MusicArtist') {
-                query.IncludeItemTypes = null;
-                return apiClient.getAlbumArtists(apiClient.getCurrentUserId(), query);
-            }
-
-            return apiClient.getItems(apiClient.getCurrentUserId(), query);
-        };
     }
 
-    window.ItemsByName = {
+    if (item.Type === 'MusicArtist') {
-        renderItems: renderItems
+        return 'list.html?type=' + type + '&artistId=' + item.Id + '&serverId=' + item.ServerId;
+    }
+
+    if (item.Type === 'Person') {
+        return 'list.html?type=' + type + '&personId=' + item.Id + '&serverId=' + item.ServerId;
+    }
+
+    return 'list.html?type=' + type + '&parentId=' + item.Id + '&serverId=' + item.ServerId;
+}
+
+function addCurrentItemToQuery(query, item) {
+    if (item.Type === 'Person') {
+        query.PersonIds = item.Id;
+    } else if (item.Type === 'Genre') {
+        query.Genres = item.Name;
+    } else if (item.Type === 'MusicGenre') {
+        query.Genres = item.Name;
+    } else if (item.Type === 'GameGenre') {
+        query.Genres = item.Name;
+    } else if (item.Type === 'Studio') {
+        query.StudioIds = item.Id;
+    } else if (item.Type === 'MusicArtist') {
+        query.AlbumArtistIds = item.Id;
+    }
+}
+
+function getQuery(options, item) {
+    let query = {
+        SortOrder: 'Ascending',
+        IncludeItemTypes: '',
+        Recursive: true,
+        Fields: 'AudioInfo,SeriesInfo,ParentId,PrimaryImageAspectRatio,BasicSyncInfo',
+        Limit: 100,
+        StartIndex: 0,
+        CollapseBoxSetItems: false
     };
-});
+    query = Object.assign(query, options || {});
+    addCurrentItemToQuery(query, item);
+    return query;
+}
+
+function getItemsFunction(options, item) {
+    const query = getQuery(options, item);
+    return function (index, limit, fields) {
+        query.StartIndex = index;
+        query.Limit = limit;
+
+        if (fields) {
+            query.Fields += ',' + fields;
+        }
+
+        const apiClient = connectionManager.getApiClient(item.ServerId);
+
+        if (query.IncludeItemTypes === 'MusicArtist') {
+            query.IncludeItemTypes = null;
+            return apiClient.getAlbumArtists(apiClient.getCurrentUserId(), query);
+        }
+
+        return apiClient.getItems(apiClient.getCurrentUserId(), query);
+    };
+}
+
+window.ItemsByName = {
+    renderItems: renderItems
+};

src/scripts/libraryBrowser.js

@@ -119,7 +119,10 @@ export function getQueryPagingHtml (options) {
 }
 
 export function showSortMenu (options) {
-    require(['dialogHelper', 'emby-radio'], function (dialogHelper) {
+    Promise.all([
+        import('dialogHelper'),
+        import('emby-radio')
+    ]).then(([{default: dialogHelper}]) => {
         function onSortByChange() {
             var newValue = this.value;
 

src/scripts/libraryMenu.js

@@ -1,14 +1,26 @@
-define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', 'viewManager', 'libraryBrowser', 'appRouter', 'apphost', 'playbackManager', 'syncPlayManager', 'groupSelectionMenu', 'browser', 'globalize', 'scripts/imagehelper', 'paper-icon-button-light', 'material-icons', 'scrollStyles', 'flexStyles'], function (dom, layoutManager, inputManager, connectionManager, events, viewManager, libraryBrowser, appRouter, appHost, playbackManager, syncPlayManager, groupSelectionMenu, browser, globalize, imageHelper) {
+import dom from 'dom';
-    'use strict';
+import layoutManager from 'layoutManager';
+import inputManager from 'inputManager';
+import connectionManager from 'connectionManager';
+import events from 'events';
+import viewManager from 'viewManager';
+import appRouter from 'appRouter';
+import appHost from 'apphost';
+import playbackManager from 'playbackManager';
+import syncPlayManager from 'syncPlayManager';
+import groupSelectionMenu from 'groupSelectionMenu';
+import browser from 'browser';
+import globalize from 'globalize';
+import imageHelper from 'scripts/imagehelper';
+import 'paper-icon-button-light';
+import 'material-icons';
+import 'scrollStyles';
+import 'flexStyles';
 
-    appHost = appHost.default || appHost;
+/* eslint-disable indent */
-    viewManager = viewManager.default || viewManager;
-    playbackManager = playbackManager.default || playbackManager;
-    browser = browser.default || browser;
-    layoutManager = layoutManager.default || layoutManager;
 
     function renderHeader() {
-        var html = '';
+        let html = '';
         html += '<div class="flex align-items-center flex-grow headerTop">';
         html += '<div class="headerLeft">';
         html += '<button type="button" is="paper-icon-button-light" class="headerButton headerButtonLeft headerBackButton hide"><span class="material-icons ' + (browser.safari ? 'chevron_left' : 'arrow_back') + '"></span></button>';
@@ -52,7 +64,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function lazyLoadViewMenuBarImages() {
-        require(['imageLoader'], function (imageLoader) {
+        import('imageLoader').then(({default: imageLoader}) => {
             imageLoader.lazyChildren(skinHeader);
         });
     }
@@ -62,11 +74,11 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function updateUserInHeader(user) {
-        var hasImage;
+        let hasImage;
 
         if (user && user.name) {
             if (user.imageUrl) {
-                var url = user.imageUrl;
+                const url = user.imageUrl;
                 updateHeaderUserButton(url);
                 hasImage = true;
             }
@@ -93,9 +105,9 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
                 headerCastButton.classList.remove('hide');
             }
 
-            var policy = user.Policy ? user.Policy : user.localUser.Policy;
+            const policy = user.Policy ? user.Policy : user.localUser.Policy;
 
-            var apiClient = getCurrentApiClient();
+            const apiClient = getCurrentApiClient();
             if (headerSyncButton && policy && policy.SyncPlayAccess !== 'None' && apiClient.isMinServerVersion('10.6.0')) {
                 headerSyncButton.classList.remove('hide');
             }
@@ -145,7 +157,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
             mainDrawerButton.addEventListener('click', toggleMainDrawer);
         }
 
-        var headerBackButton = skinHeader.querySelector('.headerBackButton');
+        const headerBackButton = skinHeader.querySelector('.headerBackButton');
 
         if (headerBackButton) {
             headerBackButton.addEventListener('click', onBackClick);
@@ -187,20 +199,20 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function onCastButtonClicked() {
-        var btn = this;
+        const btn = this;
 
-        require(['playerSelectionMenu'], function (playerSelectionMenu) {
+        import('playerSelectionMenu').then(({default: playerSelectionMenu}) => {
             playerSelectionMenu.show(btn);
         });
     }
 
     function onSyncButtonClicked() {
-        var btn = this;
+        const btn = this;
         groupSelectionMenu.show(btn);
     }
 
     function onSyncPlayEnabled(event, enabled) {
-        var icon = headerSyncButton.querySelector('span');
+        const icon = headerSyncButton.querySelector('span');
         icon.classList.remove('sync', 'sync_disabled', 'sync_problem');
         if (enabled) {
             icon.classList.add('sync');
@@ -210,7 +222,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function onSyncPlaySyncing(event, is_syncing, syncMethod) {
-        var icon = headerSyncButton.querySelector('span');
+        const icon = headerSyncButton.querySelector('span');
         icon.classList.remove('sync', 'sync_disabled', 'sync_problem');
         if (is_syncing) {
             icon.classList.add('sync_problem');
@@ -256,7 +268,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function refreshLibraryInfoInDrawer(user, drawer) {
-        var html = '';
+        let html = '';
         html += '<div style="height:.5em;"></div>';
         html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder" href="home.html"><span class="material-icons navMenuOptionIcon home"></span><span class="navMenuOptionText">' + globalize.translate('ButtonHome') + '</span></a>';
 
@@ -292,12 +304,12 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
         // add buttons to navigation drawer
         navDrawerScrollContainer.innerHTML = html;
 
-        var btnSettings = navDrawerScrollContainer.querySelector('.btnSettings');
+        const btnSettings = navDrawerScrollContainer.querySelector('.btnSettings');
         if (btnSettings) {
             btnSettings.addEventListener('click', onSettingsClick);
         }
 
-        var btnLogout = navDrawerScrollContainer.querySelector('.btnLogout');
+        const btnLogout = navDrawerScrollContainer.querySelector('.btnLogout');
         if (btnLogout) {
             btnLogout.addEventListener('click', onLogoutClick);
         }
@@ -319,20 +331,20 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function updateDashboardMenuSelectedItem() {
-        var links = navDrawerScrollContainer.querySelectorAll('.navMenuOption');
+        const links = navDrawerScrollContainer.querySelectorAll('.navMenuOption');
-        var currentViewId = viewManager.currentView().id;
+        const currentViewId = viewManager.currentView().id;
 
-        for (var i = 0, length = links.length; i < length; i++) {
+        for (let i = 0, length = links.length; i < length; i++) {
-            var link = links[i];
+            let link = links[i];
-            var selected = false;
+            let selected = false;
-            var pageIds = link.getAttribute('data-pageids');
+            let pageIds = link.getAttribute('data-pageids');
 
             if (pageIds) {
                 pageIds = pageIds.split('|');
                 selected = pageIds.indexOf(currentViewId) != -1;
             }
 
-            var pageUrls = link.getAttribute('data-pageurls');
+            let pageUrls = link.getAttribute('data-pageurls');
 
             if (pageUrls) {
                 pageUrls = pageUrls.split('|');
@@ -341,7 +353,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
 
             if (selected) {
                 link.classList.add('navMenuOption-selected');
-                var title = '';
+                let title = '';
                 link = link.querySelector('.navMenuOptionText') || link;
                 title += (link.innerText || link.textContent).trim();
                 LibraryMenu.setTitle(title);
@@ -352,7 +364,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function createToolsMenuList(pluginItems) {
-        var links = [{
+        const links = [{
             name: globalize.translate('TabServer')
         }, {
             name: globalize.translate('TabDashboard'),
@@ -464,8 +476,8 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function addPluginPagesToMainMenu(links, pluginItems, section) {
-        for (var i = 0, length = pluginItems.length; i < length; i++) {
+        for (let i = 0, length = pluginItems.length; i < length; i++) {
-            var pluginItem = pluginItems[i];
+            const pluginItem = pluginItems[i];
 
             if (pluginItem.EnableInMainMenu && pluginItem.MenuSection === section) {
                 links.push({
@@ -485,10 +497,10 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function getToolsLinkHtml(item) {
-        var menuHtml = '';
+        let menuHtml = '';
-        var pageIds = item.pageIds ? item.pageIds.join('|') : '';
+        let pageIds = item.pageIds ? item.pageIds.join('|') : '';
         pageIds = pageIds ? ' data-pageids="' + pageIds + '"' : '';
-        var pageUrls = item.pageUrls ? item.pageUrls.join('|') : '';
+        let pageUrls = item.pageUrls ? item.pageUrls.join('|') : '';
         pageUrls = pageUrls ? ' data-pageurls="' + pageUrls + '"' : '';
         menuHtml += '<a is="emby-linkbutton" class="navMenuOption" href="' + item.href + '"' + pageIds + pageUrls + '>';
 
@@ -504,11 +516,11 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
 
     function getToolsMenuHtml(apiClient) {
         return getToolsMenuLinks(apiClient).then(function (items) {
-            var item;
+            let item;
-            var menuHtml = '';
+            let menuHtml = '';
             menuHtml += '<div class="drawerContent">';
 
-            for (var i = 0; i < items.length; i++) {
+            for (let i = 0; i < items.length; i++) {
                 item = items[i];
 
                 if (item.href) {
@@ -526,7 +538,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
 
     function createDashboardMenu(apiClient) {
         return getToolsMenuHtml(apiClient).then(function (toolsMenuHtml) {
-            var html = '';
+            let html = '';
             html += '<a class="adminDrawerLogo clearLink" is="emby-linkbutton" href="home.html">';
             html += '<img src="assets/img/icon-transparent.png" />';
             html += '</a>';
@@ -537,24 +549,24 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function onSidebarLinkClick() {
-        var section = this.getElementsByClassName('sectionName')[0];
+        const section = this.getElementsByClassName('sectionName')[0];
-        var text = section ? section.innerHTML : this.innerHTML;
+        const text = section ? section.innerHTML : this.innerHTML;
         LibraryMenu.setTitle(text);
     }
 
     function getUserViews(apiClient, userId) {
         return apiClient.getUserViews({}, userId).then(function (result) {
-            var items = result.Items;
+            const items = result.Items;
-            var list = [];
+            const list = [];
 
-            for (var i = 0, length = items.length; i < length; i++) {
+            for (let i = 0, length = items.length; i < length; i++) {
-                var view = items[i];
+                const view = items[i];
                 list.push(view);
 
                 if (view.CollectionType == 'livetv') {
                     view.ImageTags = {};
                     view.icon = 'live_tv';
-                    var guideView = Object.assign({}, view);
+                    const guideView = Object.assign({}, view);
                     guideView.Name = globalize.translate('ButtonGuide');
                     guideView.ImageTags = {};
                     guideView.icon = 'dvr';
@@ -568,7 +580,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function showBySelector(selector, show) {
-        var elem = document.querySelector(selector);
+        const elem = document.querySelector(selector);
 
         if (elem) {
             if (show) {
@@ -598,17 +610,17 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
             showBySelector('.libraryMenuDownloads', false);
         }
 
-        var userId = Dashboard.getCurrentUserId();
+        const userId = Dashboard.getCurrentUserId();
-        var apiClient = getCurrentApiClient();
+        const apiClient = getCurrentApiClient();
-        var libraryMenuOptions = document.querySelector('.libraryMenuOptions');
+        const libraryMenuOptions = document.querySelector('.libraryMenuOptions');
 
         if (libraryMenuOptions) {
             getUserViews(apiClient, userId).then(function (result) {
-                var items = result;
+                const items = result;
-                var html = `<h3 class="sidebarHeader">${globalize.translate('HeaderMedia')}</h3>`;
+                let html = `<h3 class="sidebarHeader">${globalize.translate('HeaderMedia')}</h3>`;
                 html += items.map(function (i) {
-                    var icon = i.icon || imageHelper.getLibraryIcon(i.CollectionType);
+                    const icon = i.icon || imageHelper.getLibraryIcon(i.CollectionType);
-                    var itemId = i.Id;
+                    const itemId = i.Id;
 
                     return `<a is="emby-linkbutton" data-itemid="${itemId}" class="lnkMediaFolder navMenuOption" href="${getItemHref(i, i.CollectionType)}">
                                     <span class="material-icons navMenuOptionIcon ${icon}"></span>
@@ -616,8 +628,8 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
                                   </a>`;
                 }).join('');
                 libraryMenuOptions.innerHTML = html;
-                var elem = libraryMenuOptions;
+                const elem = libraryMenuOptions;
-                var sidebarLinks = elem.querySelectorAll('.navMenuOption');
+                const sidebarLinks = elem.querySelectorAll('.navMenuOption');
 
                 for (const sidebarLink of sidebarLinks) {
                     sidebarLink.removeEventListener('click', onSidebarLinkClick);
@@ -646,9 +658,9 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function updateCastIcon() {
-        var context = document;
+        const context = document;
-        var info = playbackManager.getPlayerInfo();
+        const info = playbackManager.getPlayerInfo();
-        var icon = headerCastButton.querySelector('.material-icons');
+        const icon = headerCastButton.querySelector('.material-icons');
 
         icon.classList.remove('cast_connected', 'cast');
 
@@ -664,18 +676,16 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function updateLibraryNavLinks(page) {
-        var i;
+        const isLiveTvPage = page.classList.contains('liveTvPage');
-        var length;
+        const isChannelsPage = page.classList.contains('channelsPage');
-        var isLiveTvPage = page.classList.contains('liveTvPage');
+        const isEditorPage = page.classList.contains('metadataEditorPage');
-        var isChannelsPage = page.classList.contains('channelsPage');
+        const isMySyncPage = page.classList.contains('mySyncPage');
-        var isEditorPage = page.classList.contains('metadataEditorPage');
+        const id = isLiveTvPage || isChannelsPage || isEditorPage || isMySyncPage || page.classList.contains('allLibraryPage') ? '' : getTopParentId() || '';
-        var isMySyncPage = page.classList.contains('mySyncPage');
+        const elems = document.getElementsByClassName('lnkMediaFolder');
-        var id = isLiveTvPage || isChannelsPage || isEditorPage || isMySyncPage || page.classList.contains('allLibraryPage') ? '' : getTopParentId() || '';
-        var elems = document.getElementsByClassName('lnkMediaFolder');
 
-        for (var i = 0, length = elems.length; i < length; i++) {
+        for (let i = 0, length = elems.length; i < length; i++) {
-            var lnkMediaFolder = elems[i];
+            const lnkMediaFolder = elems[i];
-            var itemId = lnkMediaFolder.getAttribute('data-itemid');
+            const itemId = lnkMediaFolder.getAttribute('data-itemid');
 
             if (isChannelsPage && itemId === 'channels') {
                 lnkMediaFolder.classList.add('navMenuOption-selected');
@@ -696,7 +706,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function updateMenuForPageType(isDashboardPage, isLibraryPage) {
-        var newPageType = isDashboardPage ? 2 : isLibraryPage ? 1 : 3;
+        const newPageType = isDashboardPage ? 2 : isLibraryPage ? 1 : 3;
 
         if (currentPageType !== newPageType) {
             currentPageType = newPageType;
@@ -707,7 +717,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
                 skinHeader.classList.remove('headroomDisabled');
             }
 
-            var bodyClassList = document.body.classList;
+            const bodyClassList = document.body.classList;
 
             if (isLibraryPage) {
                 bodyClassList.add('libraryDocument');
@@ -744,7 +754,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function updateTitle(page) {
-        var title = page.getAttribute('data-title');
+        const title = page.getAttribute('data-title');
 
         if (title) {
             LibraryMenu.setTitle(title);
@@ -768,8 +778,8 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function initHeadRoom(elem) {
-        require(['headroom'], function (Headroom) {
+        import('headroom').then(({default: Headroom}) => {
-            var headroom = new Headroom(elem);
+            const headroom = new Headroom(elem);
             headroom.init();
         });
     }
@@ -789,7 +799,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     }
 
     function getNavDrawerOptions() {
-        var drawerWidth = screen.availWidth - 50;
+        let drawerWidth = screen.availWidth - 50;
         drawerWidth = Math.max(drawerWidth, 240);
         drawerWidth = Math.min(drawerWidth, 320);
         return {
@@ -808,9 +818,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
         navDrawerScrollContainer = navDrawerElement.querySelector('.scrollContainer');
         navDrawerScrollContainer.addEventListener('click', onMainDrawerClick);
         return new Promise(function (resolve, reject) {
-            require(['navdrawer'], function (navdrawer) {
+            import('navdrawer').then(({default: navdrawer}) => {
-                navdrawer = navdrawer.default || navdrawer;
-
                 navDrawerInstance = new navdrawer(getNavDrawerOptions());
 
                 if (!layoutManager.tv) {
@@ -822,98 +830,98 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
         });
     }
 
-    var navDrawerElement;
+    let navDrawerElement;
-    var navDrawerScrollContainer;
+    let navDrawerScrollContainer;
-    var navDrawerInstance;
+    let navDrawerInstance;
-    var mainDrawerButton;
+    let mainDrawerButton;
-    var headerHomeButton;
+    let headerHomeButton;
-    var currentDrawerType;
+    let currentDrawerType;
-    var pageTitleElement;
+    let pageTitleElement;
-    var headerBackButton;
+    let headerBackButton;
-    var headerUserButton;
+    let headerUserButton;
-    var currentUser;
+    let currentUser;
-    var headerCastButton;
+    let headerCastButton;
-    var headerSearchButton;
+    let headerSearchButton;
-    var headerAudioPlayerButton;
+    let headerAudioPlayerButton;
-    var headerSyncButton;
+    let headerSyncButton;
-    var enableLibraryNavDrawer = layoutManager.desktop;
+    const enableLibraryNavDrawer = layoutManager.desktop;
-    var enableLibraryNavDrawerHome = !layoutManager.tv;
+    const enableLibraryNavDrawerHome = !layoutManager.tv;
-    var skinHeader = document.querySelector('.skinHeader');
+    const skinHeader = document.querySelector('.skinHeader');
-    var requiresUserRefresh = true;
+    let requiresUserRefresh = true;
-    window.LibraryMenu = {
-        getTopParentId: getTopParentId,
-        onHardwareMenuButtonClick: function () {
-            toggleMainDrawer();
-        },
-        setTabs: function (type, selectedIndex, builder) {
-            require(['mainTabsManager'], function (mainTabsManager) {
-                if (type) {
-                    mainTabsManager.setTabs(viewManager.currentView(), selectedIndex, builder, function () {
-                        return [];
-                    });
-                } else {
-                    mainTabsManager.setTabs(null);
-                }
-            });
-        },
-        setDefaultTitle: function () {
-            if (!pageTitleElement) {
-                pageTitleElement = document.querySelector('.pageTitle');
-            }
 
-            if (pageTitleElement) {
+    function setTabs (type, selectedIndex, builder) {
-                pageTitleElement.classList.add('pageTitleWithLogo');
+        import('mainTabsManager').then((mainTabsManager) => {
-                pageTitleElement.classList.add('pageTitleWithDefaultLogo');
+            if (type) {
-                pageTitleElement.style.backgroundImage = null;
+                mainTabsManager.setTabs(viewManager.currentView(), selectedIndex, builder, function () {
-                pageTitleElement.innerHTML = '';
+                    return [];
-            }
+                });
-
-            document.title = 'Jellyfin';
-        },
-        setTitle: function (title) {
-            if (title == null) {
-                return void LibraryMenu.setDefaultTitle();
-            }
-
-            if (title === '-') {
-                title = '';
-            }
-
-            var html = title;
-
-            if (!pageTitleElement) {
-                pageTitleElement = document.querySelector('.pageTitle');
-            }
-
-            if (pageTitleElement) {
-                pageTitleElement.classList.remove('pageTitleWithLogo');
-                pageTitleElement.classList.remove('pageTitleWithDefaultLogo');
-                pageTitleElement.style.backgroundImage = null;
-                pageTitleElement.innerHTML = html || '';
-            }
-
-            document.title = title || 'Jellyfin';
-        },
-        setTransparentMenu: function (transparent) {
-            if (transparent) {
-                skinHeader.classList.add('semiTransparent');
             } else {
-                skinHeader.classList.remove('semiTransparent');
+                mainTabsManager.setTabs(null);
             }
+        });
+    }
+
+    function setDefaultTitle () {
+        if (!pageTitleElement) {
+            pageTitleElement = document.querySelector('.pageTitle');
         }
-    };
+
-    var currentPageType;
+        if (pageTitleElement) {
+            pageTitleElement.classList.add('pageTitleWithLogo');
+            pageTitleElement.classList.add('pageTitleWithDefaultLogo');
+            pageTitleElement.style.backgroundImage = null;
+            pageTitleElement.innerHTML = '';
+        }
+
+        document.title = 'Jellyfin';
+    }
+
+    function setTitle (title) {
+        if (title == null) {
+            return void LibraryMenu.setDefaultTitle();
+        }
+
+        if (title === '-') {
+            title = '';
+        }
+
+        const html = title;
+
+        if (!pageTitleElement) {
+            pageTitleElement = document.querySelector('.pageTitle');
+        }
+
+        if (pageTitleElement) {
+            pageTitleElement.classList.remove('pageTitleWithLogo');
+            pageTitleElement.classList.remove('pageTitleWithDefaultLogo');
+            pageTitleElement.style.backgroundImage = null;
+            pageTitleElement.innerHTML = html || '';
+        }
+
+        document.title = title || 'Jellyfin';
+    }
+
+    function setTransparentMenu (transparent) {
+        if (transparent) {
+            skinHeader.classList.add('semiTransparent');
+        } else {
+            skinHeader.classList.remove('semiTransparent');
+        }
+    }
+
+    let currentPageType;
     pageClassOn('pagebeforeshow', 'page', function (e) {
         if (!this.classList.contains('withTabs')) {
             LibraryMenu.setTabs(null);
         }
     });
+
     pageClassOn('pageshow', 'page', function (e) {
-        var page = this;
+        const page = this;
-        var isDashboardPage = page.classList.contains('type-interior');
+        const isDashboardPage = page.classList.contains('type-interior');
-        var isHomePage = page.classList.contains('homePage');
+        const isHomePage = page.classList.contains('homePage');
-        var isLibraryPage = !isDashboardPage && page.classList.contains('libraryPage');
+        const isLibraryPage = !isDashboardPage && page.classList.contains('libraryPage');
-        var apiClient = getCurrentApiClient();
+        const apiClient = getCurrentApiClient();
 
         if (isDashboardPage) {
             if (mainDrawerButton) {
@@ -950,7 +958,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
     renderHeader();
 
     events.on(connectionManager, 'localusersignedin', function (e, user) {
-        var currentApiClient = connectionManager.getApiClient(user.ServerId);
+        const currentApiClient = connectionManager.getApiClient(user.ServerId);
 
         currentDrawerType = null;
         currentUser = {
@@ -964,15 +972,32 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
             updateUserInHeader(user);
         });
     });
+
     events.on(connectionManager, 'localusersignedout', function () {
         currentUser = {};
         updateUserInHeader();
     });
+
     events.on(playbackManager, 'playerchange', updateCastIcon);
 
     events.on(syncPlayManager, 'enabled', onSyncPlayEnabled);
     events.on(syncPlayManager, 'syncing', onSyncPlaySyncing);
 
     loadNavDrawer();
-    return LibraryMenu;
+
-});
+    const LibraryMenu = {
+        getTopParentId: getTopParentId,
+        onHardwareMenuButtonClick: function () {
+            toggleMainDrawer();
+        },
+        setTabs: setTabs,
+        setDefaultTitle: setDefaultTitle,
+        setTitle: setTitle,
+        setTransparentMenu: setTransparentMenu
+    };
+
+    window.LibraryMenu = LibraryMenu;
+
+export default LibraryMenu;
+
+/* eslint-enable indent */

src/scripts/livetvcomponents.js

@@ -1,117 +1,109 @@
-define(['layoutManager', 'datetime', 'cardBuilder', 'apphost'], function (layoutManager, datetime, cardBuilder, appHost) {
+import layoutManager from 'layoutManager';
-    'use strict';
+import datetime from 'datetime';
+import cardBuilder from 'cardBuilder';
 
-    layoutManager = layoutManager.default || layoutManager;
+function enableScrollX() {
+    return !layoutManager.desktop;
+}
 
-    function enableScrollX() {
+function getBackdropShape() {
-        return !layoutManager.desktop;
+    return enableScrollX() ? 'overflowBackdrop' : 'backdrop';
+}
+
+function getTimersHtml(timers, options) {
+    options = options || {};
+
+    const items = timers.map(function (t) {
+        t.Type = 'Timer';
+        return t;
+    });
+
+    const groups = [];
+    let currentGroupName = '';
+    let currentGroup = [];
+
+    for (const item of items) {
+        let dateText = '';
+
+        if (options.indexByDate !== false && item.StartDate) {
+            try {
+                const premiereDate = datetime.parseISO8601Date(item.StartDate, true);
+                dateText = datetime.toLocaleDateString(premiereDate, {
+                    weekday: 'long',
+                    month: 'short',
+                    day: 'numeric'
+                });
+            } catch (err) {
+                console.error('error parsing premiereDate:' + item.StartDate + '; error: ' + err);
+            }
+        }
+
+        if (dateText != currentGroupName) {
+            if (currentGroup.length) {
+                groups.push({
+                    name: currentGroupName,
+                    items: currentGroup
+                });
+            }
+
+            currentGroupName = dateText;
+            currentGroup = [item];
+        } else {
+            currentGroup.push(item);
+        }
     }
 
-    function getBackdropShape() {
+    if (currentGroup.length) {
-        return enableScrollX() ? 'overflowBackdrop' : 'backdrop';
+        groups.push({
-    }
+            name: currentGroupName,
-
+            items: currentGroup
-    function getTimersHtml(timers, options) {
-        options = options || {};
-        var i;
-        var length;
-        var items = timers.map(function (t) {
-            t.Type = 'Timer';
-            return t;
         });
-        var groups = [];
-        var currentGroupName = '';
-        var currentGroup = [];
-
-        for (i = 0, length = items.length; i < length; i++) {
-            var item = items[i];
-            var dateText = '';
-
-            if (options.indexByDate !== false && item.StartDate) {
-                try {
-                    var premiereDate = datetime.parseISO8601Date(item.StartDate, true);
-                    dateText = datetime.toLocaleDateString(premiereDate, {
-                        weekday: 'long',
-                        month: 'short',
-                        day: 'numeric'
-                    });
-                } catch (err) {
-                    console.error('error parsing premiereDate:' + item.StartDate + '; error: ' + err);
-                }
-            }
-
-            if (dateText != currentGroupName) {
-                if (currentGroup.length) {
-                    groups.push({
-                        name: currentGroupName,
-                        items: currentGroup
-                    });
-                }
-
-                currentGroupName = dateText;
-                currentGroup = [item];
-            } else {
-                currentGroup.push(item);
-            }
-        }
-
-        if (currentGroup.length) {
-            groups.push({
-                name: currentGroupName,
-                items: currentGroup
-            });
-        }
-
-        var html = '';
-
-        for (i = 0, length = groups.length; i < length; i++) {
-            var group = groups[i];
-
-            if (group.name) {
-                html += '<div class="verticalSection">';
-                html += '<h2 class="sectionTitle sectionTitle-cards padded-left">' + group.name + '</h2>';
-            }
-            if (enableScrollX()) {
-                var scrollXClass = 'scrollX hiddenScrollX';
-
-                if (layoutManager.tv) {
-                    scrollXClass += ' smoothScrollX';
-                }
-
-                html += '<div is="emby-itemscontainer" class="itemsContainer ' + scrollXClass + ' padded-left padded-right">';
-            } else {
-                html += '<div is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right">';
-            }
-
-            html += cardBuilder.getCardsHtml({
-                items: group.items,
-                shape: getBackdropShape(),
-                showParentTitleOrTitle: true,
-                showAirTime: true,
-                showAirEndTime: true,
-                showChannelName: false,
-                cardLayout: true,
-                centerText: false,
-                action: 'edit',
-                cardFooterAside: 'none',
-                preferThumb: true,
-                defaultShape: null,
-                coverImage: true,
-                allowBottomPadding: false,
-                overlayText: false,
-                showChannelLogo: true
-            });
-            html += '</div>';
-
-            if (group.name) {
-                html += '</div>';
-            }
-        }
-
-        return Promise.resolve(html);
     }
+    let html = '';
+    for (const group of groups) {
+        if (group.name) {
+            html += '<div class="verticalSection">';
+            html += '<h2 class="sectionTitle sectionTitle-cards padded-left">' + group.name + '</h2>';
+        }
 
-    window.LiveTvHelpers = {
+        if (enableScrollX()) {
-        getTimersHtml: getTimersHtml
+            let scrollXClass = 'scrollX hiddenScrollX';
-    };
+            if (layoutManager.tv) {
-});
+                scrollXClass += ' smoothScrollX';
+            }
+            html += '<div is="emby-itemscontainer" class="itemsContainer ' + scrollXClass + ' padded-left padded-right">';
+        } else {
+            html += '<div is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right">';
+        }
+
+        html += cardBuilder.getCardsHtml({
+            items: group.items,
+            shape: getBackdropShape(),
+            showParentTitleOrTitle: true,
+            showAirTime: true,
+            showAirEndTime: true,
+            showChannelName: false,
+            cardLayout: true,
+            centerText: false,
+            action: 'edit',
+            cardFooterAside: 'none',
+            preferThumb: true,
+            defaultShape: null,
+            coverImage: true,
+            allowBottomPadding: false,
+            overlayText: false,
+            showChannelLogo: true
+        });
+
+        html += '</div>';
+
+        if (group.name) {
+            html += '</div>';
+        }
+    }
+    return Promise.resolve(html);
+}
+
+window.LiveTvHelpers = {
+    getTimersHtml: getTimersHtml
+};

src/scripts/routes.js

@@ -112,54 +112,69 @@ import 'detailtablecss';
     });
 
     defineRoute({
-        path: '/dashboard.html',
+        alias: '/dashboard.html',
+        path: '/controllers/dashboard/dashboard.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/dashboard'
     });
 
     defineRoute({
-        path: '/dashboardgeneral.html',
+        alias: '/dashboardgeneral.html',
+        path: '/controllers/dashboard/general.html',
         controller: 'dashboard/general',
         autoFocus: false,
         roles: 'admin'
     });
 
     defineRoute({
-        path: '/networking.html',
+        alias: '/networking.html',
+        path: '/controllers/dashboard/networking.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/networking'
     });
 
     defineRoute({
-        path: '/devices.html',
+        alias: '/devices.html',
+        path: '/controllers/dashboard/devices/devices.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/devices/devices'
     });
 
     defineRoute({
-        path: '/device.html',
+        alias: '/device.html',
+        path: '/controllers/dashboard/devices/device.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/devices/device'
     });
 
     defineRoute({
-        path: '/dlnaprofile.html',
+        alias: '/dlnaprofile.html',
+        path: '/controllers/dashboard/dlna/profile.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/dlna/profile'
     });
 
     defineRoute({
-        path: '/dlnaprofiles.html',
+        alias: '/dlnaprofiles.html',
+        path: '/controllers/dashboard/dlna/profiles.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/dlna/profiles'
     });
 
+    defineRoute({
+        alias: '/dlnasettings.html',
+        path: '/controllers/dashboard/dlna/settings.html',
+        autoFocus: false,
+        roles: 'admin',
+        controller: 'dashboard/dlna/settings'
+    });
+
     defineRoute({
         alias: '/addplugin.html',
         path: '/controllers/dashboard/plugins/add/index.html',
@@ -169,54 +184,54 @@ import 'detailtablecss';
     });
 
     defineRoute({
-        path: '/library.html',
+        alias: '/library.html',
+        path: '/controllers/dashboard/library.html',
         autoFocus: false,
         roles: 'admin',
-        controller: 'dashboard/mediaLibrary'
+        controller: 'dashboard/library'
     });
 
     defineRoute({
-        path: '/librarydisplay.html',
+        alias: '/librarydisplay.html',
+        path: '/controllers/dashboard/librarydisplay.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/librarydisplay'
     });
 
     defineRoute({
-        path: '/dlnasettings.html',
+        alias: '/edititemmetadata.html',
-        autoFocus: false,
+        path: '/controllers/edititemmetadata.html',
-        roles: 'admin',
-        controller: 'dashboard/dlna/settings'
-    });
-
-    defineRoute({
-        path: '/edititemmetadata.html',
         controller: 'edititemmetadata',
         autoFocus: false
     });
 
     defineRoute({
-        path: '/encodingsettings.html',
+        alias: '/encodingsettings.html',
+        path: '/controllers/dashboard/encodingsettings.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/encodingsettings'
     });
 
     defineRoute({
-        path: '/log.html',
+        alias: '/log.html',
+        path: '/controllers/dashboard/logs.html',
         roles: 'admin',
         controller: 'dashboard/logs'
     });
 
     defineRoute({
-        path: '/metadataimages.html',
+        alias: '/metadataimages.html',
+        path: '/controllers/dashboard/metadataimages.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/metadataImages'
     });
 
     defineRoute({
-        path: '/metadatanfo.html',
+        alias: '/metadatanfo.html',
+        path: '/controllers/dashboard/metadatanfo.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/metadatanfo'
@@ -239,7 +254,8 @@ import 'detailtablecss';
     });
 
     defineRoute({
-        path: '/playbackconfiguration.html',
+        alias: '/playbackconfiguration.html',
+        path: '/controllers/dashboard/playback.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/playback'
@@ -262,19 +278,22 @@ import 'detailtablecss';
     });
 
     defineRoute({
-        path: '/home.html',
+        alias: '/home.html',
+        path: '/controllers/home.html',
         autoFocus: false,
         controller: 'home',
         type: 'home'
     });
 
     defineRoute({
-        path: '/search.html',
+        alias: '/search.html',
+        path: '/controllers/search.html',
         controller: 'searchpage'
     });
 
     defineRoute({
-        path: '/list.html',
+        alias: '/list.html',
+        path: '/controllers/list.html',
         autoFocus: false,
         controller: 'list'
     });
@@ -287,46 +306,53 @@ import 'detailtablecss';
     });
 
     defineRoute({
-        path: '/livetv.html',
+        alias: '/livetv.html',
+        path: '/controllers/livetv.html',
         controller: 'livetv/livetvsuggested',
         autoFocus: false
     });
 
     defineRoute({
-        path: '/livetvguideprovider.html',
+        alias: '/livetvguideprovider.html',
+        path: '/controllers/livetvguideprovider.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'livetvguideprovider'
     });
 
     defineRoute({
-        path: '/livetvsettings.html',
+        alias: '/livetvsettings.html',
+        path: '/controllers/livetvsettings.html',
         autoFocus: false,
         controller: 'livetvsettings'
     });
 
     defineRoute({
-        path: '/livetvstatus.html',
+        alias: '/livetvstatus.html',
+        path: '/controllers/livetvstatus.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'livetvstatus'
     });
 
     defineRoute({
-        path: '/livetvtuner.html',
+        alias: '/livetvtuner.html',
+        path: '/controllers/livetvtuner.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'livetvtuner'
     });
 
     defineRoute({
-        path: '/movies.html',
+        alias: '/movies.html',
+        path: '/controllers/movies/movies.html',
         autoFocus: false,
         controller: 'movies/moviesrecommended'
     });
 
     defineRoute({
-        path: '/music.html',
+        alias: '/music.html',
+        path: '/controllers/music/music.html',
         controller: 'music/musicrecommended',
         autoFocus: false
     });
@@ -340,82 +366,94 @@ import 'detailtablecss';
     });
 
     defineRoute({
-        path: '/scheduledtask.html',
+        alias: '/scheduledtask.html',
+        path: '/controllers/dashboard/scheduledtasks/scheduledtask.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/scheduledtasks/scheduledtask'
     });
 
     defineRoute({
-        path: '/scheduledtasks.html',
+        alias: '/scheduledtasks.html',
+        path: '/controllers/dashboard/scheduledtasks/scheduledtasks.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/scheduledtasks/scheduledtasks'
     });
 
     defineRoute({
-        path: '/serveractivity.html',
+        alias: '/serveractivity.html',
+        path: '/controllers/dashboard/serveractivity.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/serveractivity'
     });
 
     defineRoute({
-        path: '/apikeys.html',
+        alias: '/apikeys.html',
+        path: '/controllers/dashboard/apikeys.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/apikeys'
     });
 
     defineRoute({
-        path: '/streamingsettings.html',
+        alias: '/streamingsettings.html',
+        path: '/controllers/dashboard/streaming.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/streaming'
     });
 
     defineRoute({
-        path: '/tv.html',
+        alias: '/tv.html',
+        path: '/controllers/shows/tvrecommended.html',
         autoFocus: false,
         controller: 'shows/tvrecommended'
     });
 
     defineRoute({
-        path: '/useredit.html',
+        alias: '/useredit.html',
+        path: '/controllers/dashboard/users/useredit.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/users/useredit'
     });
 
     defineRoute({
-        path: '/userlibraryaccess.html',
+        alias: '/userlibraryaccess.html',
+        path: '/controllers/dashboard/users/userlibraryaccess.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/users/userlibraryaccess'
     });
 
     defineRoute({
-        path: '/usernew.html',
+        alias: '/usernew.html',
+        path: '/controllers/dashboard/users/usernew.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/users/usernew'
     });
 
     defineRoute({
-        path: '/userparentalcontrol.html',
+        alias: '/userparentalcontrol.html',
+        path: '/controllers/dashboard/users/userparentalcontrol.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/users/userparentalcontrol'
     });
 
     defineRoute({
-        path: '/userpassword.html',
+        alias: '/userpassword.html',
+        path: '/controllers/dashboard/users/userpassword.html',
         autoFocus: false,
         controller: 'dashboard/users/userpasswordpage'
     });
 
     defineRoute({
-        path: '/userprofiles.html',
+        alias: '/userprofiles.html',
+        path: '/controllers/dashboard/users/userprofiles.html',
         autoFocus: false,
         roles: 'admin',
         controller: 'dashboard/users/userprofilespage'
@@ -438,10 +476,11 @@ import 'detailtablecss';
     });
 
     defineRoute({
-        path: '/wizardlibrary.html',
+        alias: '/wizardlibrary.html',
+        path: '/controllers/wizard/library.html',
         autoFocus: false,
         anonymous: true,
-        controller: 'dashboard/mediaLibrary'
+        controller: 'dashboard/library'
     });
 
     defineRoute({

src/strings/ca.json

@@ -777,7 +777,7 @@
     "Aired": "Transmès",
     "AirDate": "Data d'emissió",
     "AdditionalNotificationServices": "Examineu el catàleg de complements per instal·lar serveis de notificació addicionals.",
-    "AddedOnValue": "Afegit  {0}",
+    "AddedOnValue": "Afegit {0}",
     "Actor": "Actor",
     "Absolute": "Absolut",
     "ClientSettings": "Configuració del client",
@@ -787,12 +787,12 @@
     "ButtonTogglePlaylist": "Llista de reproducció",
     "ButtonToggleContextMenu": "més",
     "ButtonOff": "Apagar",
-    "BurnSubtitlesHelp": "Determina si el servidor hauria de gravar-se en els subtítols en transcodificar vídeos. Evitar això millorarà molt el rendiment. Seleccioneu Automàtica per gravar formats basats en imatges (VOBSUB, PGS, SUB, IDX) i certs subtítols ASS o SSA.",
+    "BurnSubtitlesHelp": "Determina si el servidor hauria de gravar els subtítols en transcodificar vídeos. Evitar això millorarà molt el rendiment. Seleccioneu Automàtica per gravar formats basats en imatges (VOBSUB, PGS, SUB, IDX) i certs subtítols ASS o SSA.",
     "Browse": "Navega",
     "BoxRear": "Caixa (posterior)",
     "BoxSet": "conjunt de caixes",
     "Box": "Caixa",
-    "BookLibraryHelp": "Els àudio i llibres de text són compatibles. Reviseu la {0} guia de denominació de llibres {1}.",
+    "BookLibraryHelp": "L'àudio i els llibres de text són compatibles. Reviseu la {0} guia de denominació de llibres {1}.",
     "Backdrops": "Fons",
     "Backdrop": "Fons",
     "Artist": "Artista",
@@ -802,5 +802,22 @@
     "AllowOnTheFlySubtitleExtractionHelp": "Els subtítols incrustats es poden extreure de vídeos i entregar-los a clients en text senzill per tal d'evitar la transcodificació de vídeo. En alguns sistemes, això pot trigar molt i fer que la reproducció de vídeo s’aturi durant el procés d’extracció. Desactiveu-ho per tenir subtítols incrustats incrustats amb la transcodificació de vídeo quan no són compatibles amb el dispositiu client de forma nativa.",
     "AlbumArtist": "Album artista",
     "Album": "Album",
-    "ButtonSyncPlay": "SyncPlay"
+    "ButtonSyncPlay": "SyncPlay",
+    "CriticRating": "Ràting de la crítica",
+    "CopyStreamURLSuccess": "L'URL s'ha copiat correctament.",
+    "CopyStreamURL": "Copiar l'URL de reproducció",
+    "ContinueWatching": "Continuar mirant",
+    "ConfirmEndPlayerSession": "Vols tancar Jellyfin a {0}?",
+    "ConfirmDeleteItems": "L'esborrat d'aquests elements els eliminarà del sistema de fitxers i de la biblioteca multimèdia. Estàs segur que vols continuar?",
+    "ConfirmDeleteItem": "L'esborrat d'aquest element l'eliminarà del sistema de fitxers i de la biblioteca multimèdia. Estàs segur que vols continuar?",
+    "ConfigureDateAdded": "Configura com es determina la data d'afegit en el quadre de comandament dins les Preferències de la biblioteca",
+    "CommunityRating": "Ràting comunitari",
+    "ColorTransfer": "Transferència de color",
+    "ColorSpace": "Espai de color",
+    "ColorPrimaries": "Colors primaris",
+    "DefaultMetadataLangaugeDescription": "Aquests són els teus valors per defecte i poden ser personalitats per cada biblioteca.",
+    "Default": "Per defecte",
+    "DatePlayed": "Data reproduït",
+    "DateAdded": "Data d'afegit",
+    "CustomDlnaProfilesHelp": "Crear un perfil personalitzat per a un nou dispositiu o substitueix un perfil de sistema."
 }

src/strings/cs.json

@@ -1542,5 +1542,10 @@
     "ViewAlbumArtist": "Zobrazit interpreta alba",
     "PreviousTrack": "Předchozí",
     "NextTrack": "Další",
-    "LabelUnstable": "Nestabilní"
+    "LabelUnstable": "Nestabilní",
+    "Preview": "Náhled",
+    "SubtitleVerticalPositionHelp": "Číslo řádku, na kterém se zobrazí text. Kladná čísla znamenají směr shora dolů. Záporná čísla zdola nahoru.",
+    "LabelSubtitleVerticalPosition": "Svislé umístění:",
+    "MessageGetInstalledPluginsError": "Při načítání seznamu nainstalovaných zásuvných modulů došlo k chybě.",
+    "MessagePluginInstallError": "Při instalaci zásuvného modulu došlo k chybě."
 }

src/strings/de.json

@@ -1545,5 +1545,7 @@
     "LabelUnstable": "Instabil",
     "SubtitleVerticalPositionHelp": "Zeilennummer, in der der Text angezeigt wird. Positive Zahlen geben die Zeile von oben an. Negative Zahlen geben die Zeile von unten an.",
     "Preview": "Vorschau",
-    "LabelSubtitleVerticalPosition": "Vertikale Position:"
+    "LabelSubtitleVerticalPosition": "Vertikale Position:",
+    "MessageGetInstalledPluginsError": "Beim Abrufen der Liste der derzeit installierten Plugins ist ein Fehler aufgetreten.",
+    "MessagePluginInstallError": "Bei der Installation des Plugins ist ein Fehler aufgetreten."
 }

src/strings/es.json

@@ -231,7 +231,7 @@
     "HeaderAllowMediaDeletionFrom": "Permitir borrar contenido desde",
     "HeaderApiKey": "Clave API",
     "HeaderApiKeys": "Claves API",
-    "HeaderApiKeysHelp": "Las aplicaciones externas requieren de una clave API para comunicarse con el servidor Jellyfin. Las claves se facilitan iniciando sesión con una cuenta de Jellyfin, u otorgando manualmente una clave a la aplicación.",
+    "HeaderApiKeysHelp": "Las aplicaciones externas requieren de una clave API para comunicarse con el servidor. Las claves se facilitan iniciando sesión con una cuenta de usuario en Jellyfin, u otorgando manualmente una clave a la aplicación.",
     "HeaderAudioBooks": "Audiolibros",
     "HeaderAudioSettings": "Ajustes de audio",
     "HeaderBlockItemsWithNoRating": "Bloquear artículos sin valoraciones o si son desconocidas:",
@@ -346,7 +346,7 @@
     "HeaderPreferredMetadataLanguage": "Idioma preferido para las etiquetas",
     "HeaderProfile": "Perfil",
     "HeaderProfileInformation": "Información del perfil",
-    "HeaderProfileServerSettingsHelp": "Estos valores controlan como el servidor Jellyfin se presenta al dispositivo.",
+    "HeaderProfileServerSettingsHelp": "Estos valores controlan cómo el servidor será presentado a los clientes.",
     "HeaderRecentlyPlayed": "Reproducido recientemente",
     "HeaderRecordingOptions": "Ajustes de grabación",
     "HeaderRecordingPostProcessing": "Grabación post procesamiento",
@@ -370,7 +370,7 @@
     "HeaderSelectServerCachePath": "Seleccione la ruta para el caché del servidor",
     "HeaderSelectServerCachePathHelp": "Navega o introduce la ruta para alojar los archivos caché del servidor. Tienes que tener permisos de escritura en esa carpeta.",
     "HeaderSelectTranscodingPath": "Ruta para los archivos temporales de las conversiones",
-    "HeaderSelectTranscodingPathHelp": "Busca o escribe la ruta que se utilizará para guardar los archivos temporales que se generarán mientras se convierten los archivos. Jellyfin debe tener permisos de escritura en la carpeta.",
+    "HeaderSelectTranscodingPathHelp": "Busca o escribe la ruta que se utilizará para guardar los archivos que se generarán mientras se convierten los archivos. Jellyfin debe tener permisos de escritura en la carpeta.",
     "HeaderSendMessage": "Enviar mensaje",
     "HeaderSeries": "Series",
     "HeaderSeriesOptions": "Opciones de series",
@@ -417,8 +417,8 @@
     "HttpsRequiresCert": "Para activar la conexión segura, necesitas un certificado SSL de confianza, como Let's Encrypt. De lo contrario, desactive las conexiones seguras.",
     "Identify": "Identificar",
     "Images": "Imágenes",
-    "ImportFavoriteChannelsHelp": "Si está activado, sólo los canales guardados como favoritos en el sintonizador se importarán.",
+    "ImportFavoriteChannelsHelp": "Sólo los canales guardados como favoritos en el sintonizador se importarán.",
-    "ImportMissingEpisodesHelp": "Si está activada, la información sobre los episodios que faltan se importará en su base de datos Jellyfin y se mostrará en temporadas y series. Esto puede causar exploraciones de bibliotecas significativamente más largas.",
+    "ImportMissingEpisodesHelp": "La información sobre los episodios que faltan se importará en su base de datos y se mostrará en temporadas y series. Esto puede causar exploraciones de bibliotecas significativamente más largas.",
     "InstallingPackage": "Instalando {0} (versión {1})",
     "InstantMix": "Mix instantáneo",
     "ItemCount": "Elementos {0}",
@@ -449,11 +449,11 @@
     "LabelAppName": "Nombre de la aplicación",
     "LabelAppNameExample": "Ejemplo: Sickbeard, Sonarr",
     "LabelArtists": "Artistas:",
-    "LabelArtistsHelp": "Separar múltiples artistas usando ;",
+    "LabelArtistsHelp": "Separar múltiples artistas utilizando punto y coma.",
     "LabelAudioLanguagePreference": "Idioma de audio preferido:",
     "LabelAutomaticallyRefreshInternetMetadataEvery": "Actualizar las etiquetas automáticamente desde Internet:",
     "LabelBindToLocalNetworkAddress": "Vincular a la dirección de red local:",
-    "LabelBindToLocalNetworkAddressHelp": "Opcional. Anule la dirección IP local para enlazar el servidor HTTP. Si se deja vacío, el servidor se enlazará a todas las direcciones disponibles. Para cambiar este valor, debe reiniciar el servidor Jellyfin.",
+    "LabelBindToLocalNetworkAddressHelp": "Anule la dirección IP local para enlazar el servidor HTTP. Si se deja vacío, el servidor se enlazará a todas las direcciones disponibles. Para cambiar este valor, debe reiniciar el servidor Jellyfin.",
     "LabelBirthDate": "Fecha de nacimiento:",
     "LabelBirthYear": "Año de nacimiento:",
     "LabelBlastMessageInterval": "Intervalo para mensajes en vivo (segundos)",
@@ -1228,7 +1228,7 @@
     "DatePlayed": "Reproducido el",
     "Descending": "Descendiente",
     "DirectStreamHelp1": "El tipo de archivo (H.264, AC3, etc.) y la resolución son compatibles con el dispositivo, pero no el contenedor (mkv, avi, wmv, etc.). El vídeo será re-empaquetado al vuelo antes de transmitirlo al dispositivo.",
-    "DirectStreamHelp2": "La transmisión directa del archivo usa muy poco procesamiento sin ninguna pérdida de calidad en el vídeo.",
+    "DirectStreamHelp2": "La transmisión directa del archivo usa muy poco procesamiento sin mínima pérdida de calidad en el vídeo.",
     "Director": "Dirección de",
     "Directors": "Directores",
     "Display": "Mostrar",
@@ -1539,5 +1539,11 @@
     "MessageNoRepositories": "Sin repositorios.",
     "Writers": "Escritores",
     "StopPlayback": "Detener la reproducción",
-    "ClearQueue": "Borrar la cola"
+    "ClearQueue": "Borrar la cola",
+    "LabelSubtitleVerticalPosition": "Posición vertical:",
+    "PreviousTrack": "Saltar al anterior",
+    "MessageGetInstalledPluginsError": "Ha ocurrido un error al recuperar la lista de plugins instalados.",
+    "MessagePluginInstallError": "Ha ocurrido un error al instalar este plugin.",
+    "NextTrack": "Saltar al siguiente",
+    "LabelUnstable": "Inestable"
 }

src/strings/es_419.json

@@ -181,9 +181,9 @@
     "OptionPoster": "Póster",
     "OptionPlayed": "Reproducido",
     "OptionPlayCount": "Contador de reproducciones",
-    "OptionPlainVideoItemsHelp": "Si se habilita, todos los videos serán representados en DIDL como «object.item.videoItem» en lugar de un tipo más específico, como «object.item.videoItem.movie».",
+    "OptionPlainVideoItemsHelp": "Todos los videos serán representados en DIDL como «object.item.videoItem» en vez de un tipo más específico, como «object.item.videoItem.movie».",
     "OptionPlainVideoItems": "Mostrar todos los videos como elementos de video simples",
-    "OptionPlainStorageFoldersHelp": "Si se habilita, todos las carpetas serán representadas en DIDL como «object.container.storageFolder» en lugar de un tipo más específico, como «object.container.person.musicArtist».",
+    "OptionPlainStorageFoldersHelp": "Todos las carpetas serán representadas en DIDL como «object.container.storageFolder» en lugar de un tipo más específico, como «object.container.person.musicArtist».",
     "OptionPlainStorageFolders": "Mostrar todas las carpetas como carpetas de almacenamiento simples",
     "OptionParentalRating": "Clasificación parental",
     "OptionOnInterval": "En un intervalo",
@@ -201,7 +201,7 @@
     "OptionIsSD": "SD",
     "OptionIsHD": "HD",
     "OptionImdbRating": "Calificación de IMDb",
-    "OptionIgnoreTranscodeByteRangeRequestsHelp": "Si se habilita, estas solicitudes serán honradas pero se ignorará el encabezado de rango de bytes.",
+    "OptionIgnoreTranscodeByteRangeRequestsHelp": "Estas solicitudes serán consideradas pero se ignorará el encabezado de rango de bytes.",
     "OptionIgnoreTranscodeByteRangeRequests": "Ignorar solicitudes de transcodificación de rango de bytes",
     "OptionHomeVideos": "Fotos",
     "OptionHlsSegmentedSubtitles": "Subtítulos segmentados HLS",
@@ -234,7 +234,7 @@
     "OptionDownloadPrimaryImage": "Principal",
     "OptionDownloadMenuImage": "Menú",
     "OptionDownloadLogoImage": "Logo",
-    "OptionDownloadImagesInAdvanceHelp": "Por defecto, la mayoría de las imágenes solo son descargadas cuando son solicitadas por una aplicación Jellyfin. Habilita esta opción para descargar todas las imágenes por adelantado, a medida que se agreguen nuevos medios. Esto podría causar escaneos de bibliotecas significativamente más largos.",
+    "OptionDownloadImagesInAdvanceHelp": "Por defecto, la mayoría de las imágenes se descargan cuando son solicitadas por un cliente. Habilita esta opción para descargarlas todas por por adelantado a medida que se agreguen nuevos medios. Esto podría causar que los escaneos de bibliotecas sean significativamente más largos.",
     "OptionDownloadImagesInAdvance": "Descargar las imágenes con antelación",
     "OptionDownloadDiscImage": "Disco",
     "OptionDownloadBoxImage": "Caja",
@@ -244,7 +244,7 @@
     "OptionDisplayFolderViewHelp": "Muestra las carpetas junto con sus otras bibliotecas de medios. Esto puede ser útil si deseas tener una vista simple de carpeta.",
     "OptionDisplayFolderView": "Mostrar una vista de carpetas para mostrar las carpetas simples de los medios",
     "OptionDislikes": "No me gusta",
-    "OptionDisableUserHelp": "Si se desactiva, el servidor no aceptará conexiones de este usuario. Las conexiones existentes serán finalizadas abruptamente.",
+    "OptionDisableUserHelp": "El servidor no aceptará conexiones de este usuario. Las conexiones existentes serán finalizadas abruptamente.",
     "OptionDisableUser": "Desactivar este usuario",
     "OptionDescending": "Descendente",
     "OptionDatePlayed": "Fecha de reproducción",
@@ -263,7 +263,7 @@
     "OptionBlockChannelContent": "Contenido de canales de Internet",
     "OptionBlockBooks": "Libros",
     "OptionBanner": "Banner",
-    "OptionAutomaticallyGroupSeriesHelp": "Si se habilita, las series que se reparten a través de múltiples carpetas dentro de esta biblioteca serán fusionadas en una sola serie.",
+    "OptionAutomaticallyGroupSeriesHelp": "Series que estén repartidas en múltiples carpetas dentro de esta biblioteca serán fusionadas en una sola serie.",
     "OptionAutomaticallyGroupSeries": "Fusionar automáticamente series esparcidas a través de múltiples carpetas",
     "OptionAutomatic": "Automático",
     "OptionAuto": "Automático",
@@ -276,7 +276,7 @@
     "OptionAllowRemoteSharedDevicesHelp": "Los dispositivos DLNA se considerarán compartidos hasta que un usuario comience a controlarlos.",
     "OptionAllowRemoteSharedDevices": "Permitir control remoto de dispositivos compartidos",
     "OptionAllowRemoteControlOthers": "Permitir control remoto de otros usuarios",
-    "OptionAllowMediaPlaybackTranscodingHelp": "Restringir el acceso a la transcodificación podría causar fallas en la reproducción en las aplicaciones Jellyfin debido a los formatos de medios no soportados.",
+    "OptionAllowMediaPlaybackTranscodingHelp": "Restringir el acceso a la transcodificación podría causar fallas en reproducción en las aplicaciones debido a formatos de medios no soportados.",
     "OptionAllowMediaPlayback": "Permitir reproducción de medios",
     "OptionAllowManageLiveTv": "Permitir gestión de grabación de TV en vivo",
     "OptionAllowLinkSharingHelp": "Solo son compartidas páginas web que contienen información sobre los medios. Los archivos de medios nunca son compartidos públicamente. Los compartidos tienen un límite de tiempo y expirarán después de {0} días.",
@@ -333,7 +333,7 @@
     "Mobile": "Móvil",
     "MinutesBefore": "minutos antes",
     "MinutesAfter": "minutos después",
-    "MetadataSettingChangeHelp": "Cambiar la configuración de los metadatos afectará al nuevo contenido que se añada en el futuro. Para actualizar el contenido existente, abre la pantalla de detalles y haz clic en el botón actualizar, o realiza actualizaciones masivas usando el administrador de metadatos.",
+    "MetadataSettingChangeHelp": "Cambiar la configuración de los metadatos afectará al nuevo contenido que se añada en el futuro. Para actualizar el contenido existente, abre la pantalla de detalles y haz clic en el botón actualizar, o haz actualizaciones masivas usando el administrador de metadatos.",
     "MetadataManager": "Administrador de metadatos",
     "Metadata": "Metadatos",
     "MessageSyncPlayErrorMedia": "¡Fallo al activar SyncPlay! Error en el archivo de medios.",
@@ -392,7 +392,7 @@
     "LatestFromLibrary": "Últimas - {0}",
     "Large": "Grande",
     "LanNetworksHelp": "Lista separada por comas de direcciones IP o entradas de IP/máscara de red para las redes que se considerarán en la red local al aplicar las restricciones de ancho de banda. Si se establecen, todas las demás direcciones IP se considerarán como parte de la red externa y estarán sujetas a las restricciones de ancho de banda externa. Si se deja en blanco, solo se considera a la subred del servidor estar en la red local.",
-    "LabelffmpegPathHelp": "La ruta hacia el archivo de la aplicación ffmpeg, o la carpeta que contenga ffmpeg.",
+    "LabelffmpegPathHelp": "La ruta hacia el archivo ejecutable ffmpeg, o la carpeta que contenga ffmpeg.",
     "LabelffmpegPath": "Ruta del FFmpeg:",
     "LabelZipCode": "Código postal:",
     "LabelYoureDone": "¡Has terminado!",
@@ -563,7 +563,7 @@
     "ReleaseDate": "Fecha de estreno",
     "RefreshQueued": "Actualización puesta en la cola.",
     "RefreshMetadata": "Actualizar metadatos",
-    "RefreshDialogHelp": "Los metadatos son actualizados basándose en las configuraciones y servicios de Internet que estén activados en el panel de control de tu servidor Jellyfin.",
+    "RefreshDialogHelp": "Los metadatos se actualizan según las configuraciones y servicios de internet que se habilitan en el panel de control.",
     "Refresh": "Actualizar",
     "Recordings": "Grabaciones",
     "RecordingScheduled": "Grabación programada.",
@@ -664,7 +664,7 @@
     "LabelServerName": "Nombre del servidor:",
     "LabelServerHostHelp": "192.168.1.100:8096 o https://miservidor.com",
     "LabelServerHost": "Servidor:",
-    "LabelSeriesRecordingPath": "Ruta para las grabaciones de series (opcional):",
+    "LabelSeriesRecordingPath": "Ruta para las grabaciones de series:",
     "LabelSerialNumber": "Número de serie",
     "LabelSendNotificationToUsers": "Enviar la notificación a:",
     "LabelSelectVersionToInstall": "Seleccionar versión a instalar:",
@@ -676,7 +676,7 @@
     "LabelScheduledTaskLastRan": "Última ejecución {0}, tomando {1}.",
     "LabelSaveLocalMetadataHelp": "Guardar ilustraciones en las carpetas de los medios los colocará en un lugar donde se pueden editar fácilmente.",
     "LabelSaveLocalMetadata": "Guardar las ilustraciones en las carpetas de los medios",
-    "LabelRuntimeMinutes": "Duración (minutos):",
+    "LabelRuntimeMinutes": "Duración:",
     "LabelRequireHttpsHelp": "Si se marca, el servidor redirigirá automáticamente todas las solicitudes a través de HTTP a HTTPS. Esto no tiene efecto si el servidor no está escuchando en HTTPS.",
     "LabelRequireHttps": "Requerir HTTPS",
     "LabelRemoteClientBitrateLimitHelp": "Un límite opcional de velocidad de bits por transmisión para todos los dispositivos fuera de la red. Esto es útil para evitar que los dispositivos soliciten una tasa de bits más alta de la que puede manejar tu conexión a Internet. Esto puede provocar un aumento de la carga de la CPU en el servidor para transcodificar los videos sobre la marcha a una velocidad de bits inferior.",
@@ -728,7 +728,7 @@
     "LabelOriginalTitle": "Título original:",
     "LabelOriginalAspectRatio": "Relación de aspecto original:",
     "LabelOptionalNetworkPathHelp": "Si esta carpeta es compartida en su red, proveer la ruta del recurso compartido de red puede permitir a las aplicaciones Jellyfin en otros dispositivos acceder a los archivos de medios directamente. Por ejemplo, {0} o {1}.",
-    "LabelOptionalNetworkPath": "(Opcional) Carpeta de red compartida:",
+    "LabelOptionalNetworkPath": "Carpeta de red compartida:",
     "LabelNumberOfGuideDaysHelp": "Descargar más días de datos de programación permite programar con mayor anticipación y ver más listados, pero tomará más tiempo en descargar. Auto hará la selección basada en el número de canales.",
     "LabelNumberOfGuideDays": "Número de días de datos de la programación a descargar:",
     "LabelNumber": "Número:",
@@ -741,9 +741,9 @@
     "LabelStable": "Estable",
     "LabelChromecastVersion": "Versión de Chromecast",
     "LabelName": "Nombre:",
-    "LabelMusicStreamingTranscodingBitrateHelp": "Especifica la velocidad de bits máxima al transmitir música.",
+    "LabelMusicStreamingTranscodingBitrateHelp": "Especifica la máxima velocidad de bits al transmitir música.",
     "LabelMusicStreamingTranscodingBitrate": "Velocidad de bits de transcodificación de música:",
-    "LabelMovieRecordingPath": "Ruta para las grabaciones de películas (opcional):",
+    "LabelMovieRecordingPath": "Ruta para las grabaciones de películas:",
     "LabelMoviePrefixHelp": "Si un prefijo es aplicado al título de las películas, introdúcelo aquí para que el servidor pueda manejarlo correctamente.",
     "LabelMoviePrefix": "Prefijo de la película:",
     "LabelMovieCategories": "Categorías de películas:",
@@ -941,11 +941,11 @@
     "LabelBurnSubtitles": "Quemar subtítulos:",
     "LabelBlockContentWithTags": "Bloquear elementos con las etiquetas:",
     "LabelBlastMessageIntervalHelp": "Determina la duración en segundos del intervalo entre mensajes de vida.",
-    "LabelBlastMessageInterval": "Intervalo de mensajes de vida (segundos)",
+    "LabelBlastMessageInterval": "Intervalo de mensajes de vida",
     "LabelBitrate": "Velocidad de bits:",
     "LabelBirthYear": "Año de nacimiento:",
     "LabelBirthDate": "Fecha de nacimiento:",
-    "LabelBindToLocalNetworkAddressHelp": "Opcional. Sobrescribe la dirección IP local a la que se vincula el servidor http. Si se deja vacío, el servidor se vinculará a todas las direcciones disponibles. Cambiar este valor requiere reiniciar el servidor Jellyfin.",
+    "LabelBindToLocalNetworkAddressHelp": "Sobrescribe la dirección IP local del servidor HTTP. Si se deja vacío, el servidor se vinculará a todas las direcciones disponibles. Para cambiar este valor se necesita reiniciar el servidor.",
     "LabelBindToLocalNetworkAddress": "Vincular a la dirección de red local:",
     "LabelAutomaticallyRefreshInternetMetadataEvery": "Actualizar automáticamente los metadatos desde Internet:",
     "LabelAuthProvider": "Proveedor de autenticación:",
@@ -956,7 +956,7 @@
     "LabelAudioBitrate": "Velocidad de bits de audio:",
     "LabelAudioBitDepth": "Profundidad de bits de audio:",
     "LabelAudio": "Audio",
-    "LabelArtistsHelp": "Separar múltiples empleando ;",
+    "LabelArtistsHelp": "Separar múltiples artistas por punto y coma.",
     "LabelArtists": "Artistas:",
     "LabelAppNameExample": "Ejemplo: Sickbeard, Sonarr",
     "LabelAppName": "Nombre de la aplicación",
@@ -987,8 +987,8 @@
     "ItemCount": "{0} elementos",
     "InstantMix": "Mix instantáneo",
     "InstallingPackage": "Instalando {0} (versión {1})",
-    "ImportMissingEpisodesHelp": "Si se habilita, la información sobre los episodios faltantes se importará a la base de datos de Jellyfin y se mostrarán dentro de las temporadas y series. Esto puede causar escaneos de biblioteca significativamente más largos.",
+    "ImportMissingEpisodesHelp": "La información sobre los episodios faltantes se importará a la base de datos y se mostrarán dentro de las temporadas y series. Esto puede causar escaneos de biblioteca significativamente más largos.",
-    "ImportFavoriteChannelsHelp": "Si se habilita, solo los canales marcados como favoritos en el dispositivo sintonizador serán importados.",
+    "ImportFavoriteChannelsHelp": "Solo los canales marcados como favoritos en el dispositivo sintonizador serán importados.",
     "Images": "Imágenes",
     "Identify": "Identificar",
     "HttpsRequiresCert": "Para habilitar las conexiones seguras, necesitarás proporcionar un certificado SSL de confianza, como el de Let's Encrypt. Por favor, proporciona un certificado o desactiva las conexiones seguras.",
@@ -1041,7 +1041,7 @@
     "HeaderSelectServerCachePath": "Seleccionar ruta para la caché del servidor",
     "HeaderSelectServer": "Seleccionar servidor",
     "HeaderSelectPath": "Seleccionar ruta",
-    "HeaderSelectMetadataPathHelp": "Explora o introduce la ruta donde deseas almacenar los metadatos. Se debe tener permisos de escritura en dicha carpeta.",
+    "HeaderSelectMetadataPathHelp": "Explora o escribe la ruta donde deseas guardar los metadatos. Se tienen que tener permisos de escritura en esa carpeta.",
     "HeaderSelectMetadataPath": "Selecciona la ruta para los metadatos",
     "HeaderSelectCertificatePath": "Selecciona la ruta del certificado",
     "HeaderSecondsValue": "{0} segundos",
@@ -1060,7 +1060,7 @@
     "HeaderRecordingPostProcessing": "Post procesado de las grabaciones",
     "HeaderRecordingOptions": "Opciones de grabación",
     "HeaderRecentlyPlayed": "Reproducido recientemente",
-    "HeaderProfileServerSettingsHelp": "Estos valores controlan como el servidor Jellyfin se presentará al dispositivo.",
+    "HeaderProfileServerSettingsHelp": "Estos valores controlan cómo el servidor se presentará a los clientes.",
     "HeaderProfileInformation": "Información del perfil",
     "HeaderProfile": "Perfil",
     "HeaderPreferredMetadataLanguage": "Idioma preferido para los metadatos",
@@ -1108,7 +1108,7 @@
     "HeaderLatestMovies": "Últimas películas",
     "HeaderLatestMedia": "Últimos medios",
     "HeaderLatestEpisodes": "Últimos episodios",
-    "HeaderKodiMetadataHelp": "Para habilitar o deshabilitar los metadatos NFO, edite una biblioteca en la configuración de bibliotecas de Jellyfin y ubica la sección grabadores de metadatos.",
+    "HeaderKodiMetadataHelp": "Para habilitar o deshabilitar los metadatos NFO, edita una biblioteca y ubica la sección de grabadores de metadatos.",
     "HeaderKeepSeries": "Conservar serie",
     "HeaderKeepRecording": "Conservar grabación",
     "HeaderItems": "Elementos",
@@ -1226,7 +1226,7 @@
     "HeaderAppearsOn": "Aparece en",
     "HeaderApp": "Aplicación",
     "ApiKeysCaption": "Lista de claves API actualmente habilitadas",
-    "HeaderApiKeysHelp": "Las aplicaciones externas deben tener una clave API para poder comunicarse con el servidor Jellyfin. Las claves se emiten al iniciar sesión con una cuenta Jellyfin, o al otorgar manualmente una clave a la aplicación.",
+    "HeaderApiKeysHelp": "Las aplicaciones externas deben tener una clave API para poder comunicarse con el servidor. Las claves se emiten al iniciar sesión con una cuenta de usuario, o al otorgar manualmente una clave a la aplicación.",
     "HeaderApiKeys": "Claves API",
     "HeaderApiKey": "Clave API",
     "HeaderAllowMediaDeletionFrom": "Permitir eliminación de medios de",
@@ -1372,7 +1372,7 @@
     "HeaderSeriesOptions": "Opciones de serie",
     "HeaderSeries": "Series",
     "HeaderSendMessage": "Enviar mensaje",
-    "HeaderSelectTranscodingPathHelp": "Explora o introduce la ruta a utilizar para los archivos temporales de transcodificación. Se debe tener permisos de escritura en dicha carpeta.",
+    "HeaderSelectTranscodingPathHelp": "Explora o escribe la ruta para los archivos de transcodificación. Se tienen que tener permisos de escritura en esa carpeta.",
     "HeaderSelectTranscodingPath": "Selecciona la ruta para los archivos temporales de transcodificación",
     "ConfirmDeleteItems": "Eliminar estos elementos los eliminará tanto del sistema como de tu biblioteca de medios. ¿Estás seguro de querer continuar?",
     "ConfirmDeleteItem": "Eliminar este elemento lo eliminará tanto del sistema como de tu biblioteca de medios. ¿Estás seguro de querer continuar?",
@@ -1485,7 +1485,7 @@
     "Backdrops": "Imágenes de fondo",
     "Backdrop": "Imagen de fondo",
     "Auto": "Auto",
-    "AuthProviderHelp": "Selecciona un proveedor de autenticación que se utilizará para autenticar la contraseña de este usuario.",
+    "AuthProviderHelp": "Selecciona el proveedor de autenticación que se utilizará para autenticar la contraseña de este usuario.",
     "Audio": "Audio",
     "AttributeNew": "Nuevo",
     "AspectRatio": "Relación de aspecto",
@@ -1539,5 +1539,13 @@
     "ButtonCast": "Emitir",
     "Writers": "Escritores",
     "ViewAlbumArtist": "Ver Álbum de Artista",
-    "TabRepositories": "Repositorios"
+    "TabRepositories": "Repositorios",
+    "NextTrack": "Saltar al siguiente",
+    "LabelUnstable": "Inestable",
+    "Preview": "Vista previa",
+    "SubtitleVerticalPositionHelp": "Número de línea donde aparece el texto. Números positivos representan de arriba hacia abajo. Números negativos representan de abajo hacia arriba.",
+    "LabelSubtitleVerticalPosition": "Posición Vertical:",
+    "PreviousTrack": "Saltar al anterior",
+    "MessageGetInstalledPluginsError": "Ocurrió un error buscando la lista de plugins instalados.",
+    "MessagePluginInstallError": "Ocurrió un error instalando el plugin."
 }

src/strings/fr.json

@@ -1545,5 +1545,7 @@
     "LabelUnstable": "Instable",
     "Preview": "Aperçu",
     "SubtitleVerticalPositionHelp": "Numéro de ligne où le texte apparaît. Un nombre positif compte les lignes de haut en bas. Un nombre négatif, de bas en haut.",
-    "LabelSubtitleVerticalPosition": "Position verticale :"
+    "LabelSubtitleVerticalPosition": "Position verticale :",
+    "MessageGetInstalledPluginsError": "Une erreur est survenue lors de la récupération de la liste des extensions installées.",
+    "MessagePluginInstallError": "Une erreur est survenue durant l'installation de l'extension."
 }

src/strings/nl.json

@@ -160,7 +160,7 @@
     "DetectingDevices": "Apparaten detecteren",
     "DeviceAccessHelp": "Dit geldt alleen voor apparaten die uniek geïdentificeerd kunnen worden en voorkomen niet toegang via een webbrowser. Filteren van apparaat toegang voor gebruikers voorkomt dat zij nieuwe apparaten gebruiken totdat deze hier zijn goedgekeurd.",
     "DirectPlaying": "Direct afspelen",
-    "DirectStreamHelp1": "De resolutie en codec (bijv. H.264, AC3, etc.) wordt ondersteund door het apparaat, maar het medium is in een niet-ondersteunde bestandscontainer (bijv. mkv, avi, wmv). De video zal tijdens het afspelen opnieuw verpakt worden naar een andere bestandscontainer.",
+    "DirectStreamHelp1": "De resolutie en codec (H.264, AC3, etc.) wordt ondersteund door het apparaat, maar het medium is in een niet-ondersteunde bestandscontainer (mkv, avi, wmv, etc.). De video zal tijdens het afspelen opnieuw verpakt worden naar een andere bestandscontainer.",
     "DirectStreamHelp2": "Direct streamen van een bestand gebruikt weinig processorkracht zonder verlies van beeldkwaliteit.",
     "DirectStreaming": "Direct streamen",
     "Director": "Regiseur",
@@ -267,7 +267,7 @@
     "HeaderAllowMediaDeletionFrom": "Wissen van media toestaan van",
     "HeaderApiKey": "API Sleutel",
     "HeaderApiKeys": "API Sleutels",
-    "HeaderApiKeysHelp": "Externe applicaties zijn verplicht om een API sleutel te hebben om te communiceren met Jellyfin Server. Sleutels worden uitgegeven door in te loggen met een Jellyfin account, of door het handmatig verlenen van een sleutel voor de toepassing.",
+    "HeaderApiKeysHelp": "Externe applicaties zijn verplicht om een API sleutel te hebben om te communiceren met de server. Sleutels kunnen verkregen worden door in te loggen met een Jellyfin account, of door er een handmatig te verlenen.",
     "HeaderApp": "Applicatie",
     "HeaderAppearsOn": "Verschijnt op",
     "HeaderAudioBooks": "Luisterboeken",
@@ -332,7 +332,7 @@
     "HeaderInstall": "Installeer",
     "HeaderKeepRecording": "Bewaar opname",
     "HeaderKeepSeries": "Series behouden",
-    "HeaderKodiMetadataHelp": "Om NFO-metadata in of uit te schakelen, gaat u naar de Jellyfin bibliotheekinstellingen en vervolgens naar de metadata-downloaders sectie.",
+    "HeaderKodiMetadataHelp": "Om NFO-metadata in of uit te schakelen, bewerk een bibliotheek en zoek in de metadata-downloaders sectie.",
     "HeaderLatestEpisodes": "Nieuwste Afleveringen",
     "HeaderLatestMedia": "Nieuwste Media",
     "HeaderLatestMovies": "Nieuwste Films",
@@ -452,7 +452,7 @@
     "HttpsRequiresCert": "Om beveiligde verbindingen in te schakelen, is een vertrouwd SSL-certificaat vereist (zoals Let's Encrypt). Geef een certificaat op of schakel beveiligde verbindingen uit.",
     "Identify": "Identificeer",
     "Images": "Afbeeldingen",
-    "ImportFavoriteChannelsHelp": "Bij inschakelen zullen alleen kanalen geïmporteerd worden die op de tuner als favoriet aangemerkt zijn.",
+    "ImportFavoriteChannelsHelp": "Alleen kanalen die als favoriet aangemerkt zijn op de tuner zullen geïmporteerd worden.",
     "ImportMissingEpisodesHelp": "Indien ingeschakeld, wordt informatie over ontbrekende afleveringen in uw Jellyfin de database geïmporteerd en weergegeven in de seizoenen en series. Dit kan aanzienlijk langere bibliotheekscans veroorzaken.",
     "InstallingPackage": "Installeren van {0} (versie {1})",
     "Kids": "Kinderen",
@@ -480,14 +480,14 @@
     "LabelAppName": "Applicatie Naam",
     "LabelAppNameExample": "Voorbeeld: Sickbeard, Sonarr",
     "LabelArtists": "Artiest:",
-    "LabelArtistsHelp": "Scheidt meerdere met een ;",
+    "LabelArtistsHelp": "Scheidt artiesten met een ;",
     "LabelAudioLanguagePreference": "Voorkeurs audiotaal:",
     "LabelAutomaticallyRefreshInternetMetadataEvery": "Vernieuw metagegevens automatisch van het internet:",
     "LabelBindToLocalNetworkAddress": "Binden aan het lokale netwerk adres:",
     "LabelBindToLocalNetworkAddressHelp": "Optioneel. Overrule het lokale IP-adres om aan de http-server te binden. Indien leeg gelaten, zal de server binden aan alle beschikbare adressen. Het veranderen van deze waarde vereist herstarten van Jellyfin Server.",
     "LabelBirthDate": "Geboortedatum:",
     "LabelBirthYear": "Geboorte jaar:",
-    "LabelBlastMessageInterval": "Alive bericht interval (seconden)",
+    "LabelBlastMessageInterval": "Alive bericht interval",
     "LabelBlastMessageIntervalHelp": "Bepaalt de duur in seconden tussen Blast Alive berichten.",
     "LabelBlockContentWithTags": "Blokkeer items met volgende tags:",
     "LabelBurnSubtitles": "Ondertitels inbranden:",
@@ -512,7 +512,7 @@
     "LabelCustomRating": "Aangepaste classificatie:",
     "LabelDateAdded": "Datum toegevoegd:",
     "LabelDateAddedBehavior": "Datum toegevoegd gedrag voor nieuwe content:",
-    "LabelDateAddedBehaviorHelp": "Als metadata gegevens aanwezig zijn hebben deze voorrang op deze opties.",
+    "LabelDateAddedBehaviorHelp": "Als metadata gegevens aanwezig is krijgt deze voorrang op deze opties.",
     "LabelDateTimeLocale": "Datum en tijd regio:",
     "LabelDay": "Dag:",
     "LabelDeathDate": "Overlijdens datum:",
@@ -540,12 +540,12 @@
     "LabelEnableAutomaticPortMapHelp": "Publieke poort automatisch doorsturen naar een lokale poort via UPnP. Dit werkt niet op alle routers en netwerk configuraties. De wijzigingen worden pas actief na een herstart van de server.",
     "LabelEnableBlastAliveMessages": "Alive berichten zenden",
     "LabelEnableBlastAliveMessagesHelp": "Zet dit aan als de server niet betrouwbaar door andere UPnP-apparaten op uw netwerk wordt gedetecteerd.",
-    "LabelEnableDlnaClientDiscoveryInterval": "Interval voor het zoeken naar clients (seconden)",
+    "LabelEnableDlnaClientDiscoveryInterval": "Interval voor het zoeken naar clients",
     "LabelEnableDlnaClientDiscoveryIntervalHelp": "Bepaalt de duur in seconden tussen SSDP zoekopdrachten uitgevoerd door Jellyfin.",
     "LabelEnableDlnaDebugLogging": "DLNA foutopsporings logboek inschakelen",
     "LabelEnableDlnaDebugLoggingHelp": "Genereer grote logboekbestanden en is alleen bedoeld voor het troubleshooting doeleinden.",
     "LabelEnableDlnaPlayTo": "DLNA \"Play To\" inschakelen",
-    "LabelEnableDlnaPlayToHelp": "Apparaten detecteren binnen uw netwerk en maak het mogelijk om ze op afstand te controleren.",
+    "LabelEnableDlnaPlayToHelp": "Apparaten detecteren binnen uw netwerk en maak het mogelijk om ze op afstand te gebruiken.",
     "LabelEnableDlnaServer": "DLNA server inschakelen",
     "LabelEnableDlnaServerHelp": "Sta UPnP apparaten op uw netwerk toe om door inhoud te bladeren en deze af te spelen.",
     "LabelEnableHardwareDecodingFor": "Activeer hardwaredecodering voor:",
@@ -568,14 +568,14 @@
     "LabelFriendlyName": "Gebruiksvriendelijke naam:",
     "LabelServerNameHelp": "Deze naam wordt gebruikt om de server te identificeren, standaard is deze de server zijn computer naam.",
     "LabelGroupMoviesIntoCollections": "Groepeer films in collecties",
-    "LabelGroupMoviesIntoCollectionsHelp": "Bij de weergave van film lijsten, zullen films die tot een collectie behoren worden weergegeven als een gegroepeerd object.",
+    "LabelGroupMoviesIntoCollectionsHelp": "Bij de weergave van film lijsten, zullen films in een collectie worden weergegeven als een gegroepeerd object.",
     "LabelEncoderPreset": "H264 codering preset:",
     "LabelHardwareAccelerationType": "Hardware acceleratie:",
     "LabelHardwareAccelerationTypeHelp": "Hardwarematige versnelling vereist extra configuratie.",
     "LabelHomeNetworkQuality": "Thuisnetwerk kwaliteit:",
     "LabelHomeScreenSectionValue": "Beginscherm sectie {0}:",
     "LabelHttpsPort": "Lokale HTTPS poort nummer:",
-    "LabelHttpsPortHelp": "Het TCP poort nummer waar Jellyfin's HTTPS server aan moet verbinden.",
+    "LabelHttpsPortHelp": "Het TCP poort nummer voor de HTTPS server.",
     "LabelIconMaxHeight": "Pictogram maximum hoogte:",
     "LabelIconMaxHeightHelp": "Maximum resolutie van pictogrammen weergegeven via upnp:icon.",
     "LabelIconMaxWidth": "Pictogram maximum breedte:",
@@ -602,7 +602,7 @@
     "LabelLanNetworks": "LAN-netwerken:",
     "LabelLanguage": "Taal:",
     "LabelLocalHttpServerPortNumber": "Lokale HTTP poort nummer:",
-    "LabelLocalHttpServerPortNumberHelp": "Het TCP poort nummer waar Jellyfin's HTTP server aan moet verbinden.",
+    "LabelLocalHttpServerPortNumberHelp": "Het TCP poort nummer voor de HTTP server.",
     "LabelLockItemToPreventChanges": "Vergrendel dit item om toekomstige wijzigingen te voorkomen",
     "LabelLoginDisclaimer": "Aanmeld vrijwaring:",
     "LabelLoginDisclaimerHelp": "Een bericht dat weergeven zal worden onderaan op de login pagina.",
@@ -642,7 +642,7 @@
     "LabelMovieCategories": "Film categoriën:",
     "LabelMoviePrefix": "Film voorvoegsel:",
     "LabelMoviePrefixHelp": "Als een voorvoegsel wordt toegepast op filmtitels, typ deze dan eventueel hier zodat de server het goed kan verwerken.",
-    "LabelMovieRecordingPath": "Filmopname pad (optioneel):",
+    "LabelMovieRecordingPath": "Filmopname pad:",
     "LabelMusicStreamingTranscodingBitrate": "Muziek transcodering bitrate:",
     "LabelMusicStreamingTranscodingBitrateHelp": "Geef een maximum bitrate op voor het streamen van muziek.",
     "LabelName": "Naam:",
@@ -655,7 +655,7 @@
     "LabelNumber": "Nummer:",
     "LabelNumberOfGuideDays": "Aantal dagen van de gids om te downloaden:",
     "LabelNumberOfGuideDaysHelp": "Het downloaden van meer dagen van de gids gegevens biedt de mogelijkheid verder vooruit te plannen en een beter overzicht geven, maar het zal ook langer duren om te downloaden. Auto kiest op basis van het aantal kanalen.",
-    "LabelOptionalNetworkPath": "(Optioneel) Gedeelde netwerkmap:",
+    "LabelOptionalNetworkPath": "Gedeelde netwerkmap:",
     "LabelOptionalNetworkPathHelp": "Als deze map wordt gedeeld op uw netwerk, kunnen middels het netwerkpad Jellyfin apps op andere apparaten rechtstreeks toegang tot mediabestanden krijgen. Bijvoorbeeld {0} or {1}.",
     "LabelOriginalAspectRatio": "Originele aspect ratio:",
     "LabelOriginalTitle": "Orginele titel:",
@@ -696,7 +696,7 @@
     "LabelReleaseDate": "Uitgave datum:",
     "LabelRemoteClientBitrateLimit": "Internet streaming bitrate limiet (Mbps):",
     "LabelRemoteClientBitrateLimitHelp": "Een optionele bitrate per stream limiet voor alle apparaten buiten het netwerk. Dit is handig om te voorkomen dat apparaten een hogere bitrate vragen dan je internetverbinding aan kan. Dit kan een verhoogde belasting van de CPU in je server veroorzaken om videos direct te transcoderen naar een lagere bitrate.",
-    "LabelRuntimeMinutes": "Speelduur (minuten):",
+    "LabelRuntimeMinutes": "Speelduur:",
     "LabelSaveLocalMetadata": "Afbeeldingen opslaan in mediamappen",
     "LabelSaveLocalMetadataHelp": "Door afbeeldingen op te slaan in de mediamappen kunnen ze makkelijker worden aangepast.",
     "LabelScheduledTaskLastRan": "Laatste keer {0}, duur {1}.",
@@ -708,7 +708,7 @@
     "LabelSelectVersionToInstall": "Selecteer de versie om te installeren:",
     "LabelSendNotificationToUsers": "Stuur de melding naar:",
     "LabelSerialNumber": "Serienummer",
-    "LabelSeriesRecordingPath": "Serieopname pad (optioneel):",
+    "LabelSeriesRecordingPath": "Serieopname pad:",
     "LabelServerHost": "Server:",
     "LabelServerHostHelp": "192.168.1.100:8096 of https://mijnserver.nl",
     "LabelSimultaneousConnectionLimit": "Gelijktijdige stream limiet:",
@@ -891,7 +891,7 @@
     "OptionAllowLinkSharingHelp": "Alleen webpagina's met media-informatie worden gedeeld. Media-bestanden worden nooit publiekelijk gedeeld. Gedeelde items zijn beperkt in tijd en verlopen na {0} dagen.",
     "OptionAllowManageLiveTv": "Live TV opname beheer toestaan",
     "OptionAllowMediaPlayback": "Media afspelen toestaan",
-    "OptionAllowMediaPlaybackTranscodingHelp": "Toegang tot transcodering beperken kan afspeelfouten in Jellyfin  apps door niet ondersteunde madiaformaten veroorzaken.",
+    "OptionAllowMediaPlaybackTranscodingHelp": "Het beperken van toegang tot transcodering kan afspeelfouten in clients veroorzaken door niet ondersteunde madiaformaten.",
     "OptionAllowRemoteControlOthers": "Op afstand besturen van andere gebruikers toestaan",
     "OptionAllowRemoteSharedDevices": "Op afstand besturen van gedeelde apparaten toestaan",
     "OptionAllowRemoteSharedDevicesHelp": "DLNA apparaten worden als gedeeld apparaat gezien totdat een gebruiker deze gaat gebruiken.",
@@ -903,7 +903,7 @@
     "OptionAscending": "Oplopend",
     "OptionAutomatic": "Automatisch",
     "OptionAutomaticallyGroupSeries": "Automatisch samenvoegen serie die zijn verspreid over meerdere mappen",
-    "OptionAutomaticallyGroupSeriesHelp": "Indien ingeschakeld, zal serie die zijn verspreid over meerdere mappen binnen deze bibliotheek automatisch samengevoegd tot één serie.",
+    "OptionAutomaticallyGroupSeriesHelp": "Serie die verspreid zijn over meerdere mappen binnen deze bibliotheek worden automatisch samengevoegd tot één serie.",
     "OptionBlockBooks": "Boeken",
     "OptionBlockChannelContent": "Internet kanaal Inhoud",
     "OptionBlockLiveTvChannels": "Live TV Kanalen",
@@ -922,7 +922,7 @@
     "OptionDatePlayed": "Datum afgespeeld",
     "OptionDescending": "Aflopend",
     "OptionDisableUser": "Deze gebruiker uitschakelen",
-    "OptionDisableUserHelp": "Indien uitgeschakeld zal de server geen verbindingen van deze gebruiker toestaan. Bestaande verbindingen zullen abrupt worden beëindigd.",
+    "OptionDisableUserHelp": "De server staat geen verbindingen van deze gebruiker toe. Bestaande verbindingen zullen abrupt worden beëindigd.",
     "OptionDislikes": "Niet leuk",
     "OptionDisplayFolderView": "Toon een mappenweergave als u gewoon Mediamappen wilt weergeven",
     "OptionDisplayFolderViewHelp": "Geef folders weer naast uw andere media bibliotheken. Dit kan handig zijn als u een oppervlakkig folder aanzicht wilt hebben.",
@@ -1507,7 +1507,7 @@
     "LabelRequireHttps": "HTTPS verplichten",
     "LabelStable": "Stabiel",
     "LabelChromecastVersion": "Chromecast versie",
-    "LabelEnableHttpsHelp": "Hiermee kan de server luisteren op de geconfigureerde HTTPS-poort. Om dit te laten werken moet ook een geldig certificaat worden geconfigureerd.",
+    "LabelEnableHttpsHelp": "Luisteren op de geconfigureerde HTTPS-poort. Om dit te laten werken moet ook een geldig certificaat worden ingesteld.",
     "LabelEnableHttps": "HTTPS inschakelen",
     "HeaderSyncPlayEnabled": "SyncPlay ingeschakeld",
     "HeaderSyncPlaySelectGroup": "Word lid van een groep",
@@ -1537,5 +1537,11 @@
     "LabelRepositoryUrlHelp": "De locatie van het repository manifest dat je wilt gebruiken.",
     "LabelRepositoryUrl": "Repository URL",
     "HeaderNewRepository": "Nieuwe repository",
-    "MessageNoRepositories": "Geen repositories."
+    "MessageNoRepositories": "Geen repositories.",
+    "LabelSubtitleVerticalPosition": "Verticale positie:",
+    "TabRepositories": "Repositories",
+    "MessageGetInstalledPluginsError": "Er is een fout opgetreden bij het ophalen van de lijst met geïnstalleerde plugins.",
+    "MessagePluginInstallError": "Er is een fout opgetreden tijdens het installeren van de plugin.",
+    "LabelUnstable": "Niet stabiel",
+    "NextTrack": "Ga naar volgende"
 }

src/strings/sk.json

@@ -300,7 +300,7 @@
     "Horizontal": "Horizontálne",
     "Identify": "Identifikovať",
     "Images": "Obrázky",
-    "ImportMissingEpisodesHelp": "Ak je možnosť povolená, informácie o chýbajúcich epizódach budú importované do Vašej Jellyfin databázy a budú zobrazené v sériách a seriáloch. Toto môže spôsobiť podstatne dlhšie skenovania knižníc.",
+    "ImportMissingEpisodesHelp": "Informácie o chýbajúcich epizódach budú importované do Vašej databázy a budú zobrazené v sériách a seriáloch. Toto môže spôsobiť podstatne dlhšie skenovania knižníc.",
     "InstallingPackage": "Inštalujem {0} (verzia{1})",
     "ItemCount": "{0} položiek",
     "Items": "Položky",
@@ -314,7 +314,7 @@
     "LabelAppName": "Názov aplikácie",
     "LabelAppNameExample": "Príklad: Sickbeard, Sonarr",
     "LabelArtists": "Umelci:",
-    "LabelArtistsHelp": "Oddeľte pomocou ;",
+    "LabelArtistsHelp": "Viacej umelcov oddeľte pomocou bodkočiarky.",
     "LabelAudioLanguagePreference": "Uprednostňovaný jazyk zvuku:",
     "LabelAutomaticallyRefreshInternetMetadataEvery": "Automaticky obnoviť metadáta z internetu:",
     "LabelBirthDate": "Dátum narodenia:",
@@ -367,9 +367,9 @@
     "LabelFont": "Písmo:",
     "LabelForgotPasswordUsernameHelp": "Zadajte svoje používateľské meno, ak si ho pamätáte.",
     "LabelFormat": "Formát:",
-    "LabelServerNameHelp": "Tento názov bude použitý na identifikáciu servera. Ak ostane prázdny, bude použitý názov počítača.",
+    "LabelServerNameHelp": "Tento názov bude použitý na identifikáciu servera. Ak ostane prázdny, bude použitý názov hostiteľa serveru.",
     "LabelGroupMoviesIntoCollections": "Zoskupiť filmy do kolekcií",
-    "LabelGroupMoviesIntoCollectionsHelp": "Pri zobrazení zoznamu filmov budú filmy patriace do kolekcie zobrazené ako jedna zoskupená položka.",
+    "LabelGroupMoviesIntoCollectionsHelp": "Pri zobrazení zoznamu filmov budú filmy v kolekcií zobrazené ako jedna položka.",
     "LabelHardwareAccelerationType": "Hardvérová akcelerácia:",
     "LabelHardwareAccelerationTypeHelp": "Hardvérová akcelerácia vyžaduje dodatočnú konfiguráciu.",
     "LabelHomeScreenSectionValue": "Sekcia domácej obrazovky {0}:",
@@ -401,7 +401,7 @@
     "LabelMetadata": "Metadáta:",
     "LabelMetadataDownloadLanguage": "Preferovaný jazyk:",
     "LabelMetadataPath": "Umiestnenie metadát:",
-    "LabelMetadataSaversHelp": "Vyberte formát súboru, do ktorého chcete ukladať vaše metadáta.",
+    "LabelMetadataSaversHelp": "Vyberte formát súboru, ktorý chcete použiť pre ukladanie metadát.",
     "LabelMinResumeDurationHelp": "Najkratšia dĺžka videa v sekundách, ktorá uloží rozpozeranú polohu a dovolí sa k nej vrátiť.",
     "LabelMinResumePercentageHelp": "Tituly budú považované za neprehrané ak budú zastavené pred týmto časom.",
     "LabelModelDescription": "Popis modelu",
@@ -409,7 +409,7 @@
     "LabelModelNumber": "Číslo modelu",
     "LabelModelUrl": "Model URL",
     "LabelMovieCategories": "Kategórie filmov:",
-    "LabelMovieRecordingPath": "Umiestnenie filmových nahrávok (voliteľné):",
+    "LabelMovieRecordingPath": "Umiestnenie pre nahrávanie filmov:",
     "LabelName": "Meno:",
     "LabelNewName": "Nové meno:",
     "LabelNewPassword": "Nové heslo:",
@@ -418,7 +418,7 @@
     "LabelNext": "Ďalej",
     "LabelNotificationEnabled": "Povoliť toto hlásenie",
     "LabelNumber": "Číslo:",
-    "LabelOptionalNetworkPath": "(Voliteľné) Zdieľaný sieťový priečinok:",
+    "LabelOptionalNetworkPath": "Zdieľaný sieťový priečinok:",
     "LabelOriginalAspectRatio": "Pôvodný pomer strán:",
     "LabelOriginalTitle": "Pôvodný názov:",
     "LabelOverview": "Prehľad:",
@@ -445,14 +445,14 @@
     "LabelRecordingPath": "Predvolené umiestnenie nahrávok:",
     "LabelRecordingPathHelp": "Uveďte predvolené umiestnenie pre ukladanie nahrávok. Ak je ponechané prázdne, použije sa priečinok s programovými dátami servera.",
     "LabelReleaseDate": "Dátum vydania:",
-    "LabelRuntimeMinutes": "Dĺžka (minúty):",
+    "LabelRuntimeMinutes": "Dĺžka:",
     "LabelSaveLocalMetadata": "Uložiť obaly a metadáta do priečinka s médiami",
     "LabelScreensaver": "Šetrič obrazokvy:",
     "LabelSeasonNumber": "Číslo série:",
     "LabelSelectUsers": "Zvoľte užívateľov:",
     "LabelSelectVersionToInstall": "Vyberte verziu, ktorú chcete nainštalovať:",
     "LabelSerialNumber": "Sériové číslo",
-    "LabelSeriesRecordingPath": "Umiestnenie seriálových nahrávok (voliteľné):",
+    "LabelSeriesRecordingPath": "Umiestnenie pre nahrávanie seriálov:",
     "LabelServerHostHelp": "192.168.1.100:8096 alebo https://mojserver.sk",
     "LabelSkipBackLength": "Dĺžka skoku dozadu:",
     "LabelSkipForwardLength": "Dĺžka skoku dopredu:",
@@ -609,7 +609,7 @@
     "OptionDatePlayed": "Dátum prehrania",
     "OptionDescending": "Zostupne",
     "OptionDisableUser": "Zakázať tohto používateľa",
-    "OptionDisableUserHelp": "Ak možnosť nie je povolená, server nepovolí žiadne pripojenia od tohto používateľa. Aktívne pripojenia budú ihneď ukončené.",
+    "OptionDisableUserHelp": "Server nepovolí žiadne pripojenia od tohto používateľa. Aktívne pripojenia budú ihneď ukončené.",
     "OptionDislikes": "Nepáči sa",
     "OptionDownloadArtImage": "Obal",
     "OptionDownloadBackImage": "Späť",
@@ -916,7 +916,7 @@
     "ConfirmDeleteItems": "Zmazaním týchto položiek odstránite súbory zo súborového systému aj z knižnice médií. Ste si istý/á, že chcete pokračovať?",
     "Continuing": "Pokračujúci",
     "Default": "Predvolené",
-    "DirectStreamHelp2": "Priame streamovanie súboru používa veľmi málo procesorového výkonu bez straty kvality videa.",
+    "DirectStreamHelp2": "Priame streamovanie vyžaduje veľmi málo výkonu takmer bez straty kvality videa.",
     "DirectStreaming": "Priame streamovanie",
     "DisplayMissingEpisodesWithinSeasonsHelp": "Toto musí byť povolené pre TV knižnice v nastavení servera.",
     "DisplayModeHelp": "Vyberte štýl layoutu, ktorý chcete pre rozhranie.",
@@ -998,7 +998,7 @@
     "Absolute": "Absolútne",
     "LabelDidlMode": "DIDL režim:",
     "LabelDateTimeLocale": "Lokálne nastavenia dátumu:",
-    "LabelBlastMessageInterval": "Doba zobrazenie správy (sekundy)",
+    "LabelBlastMessageInterval": "Doba zobrazenia správy",
     "LabelAlbumArtMaxWidth": "Maximálna šírka obrázku albumu:",
     "LabelAlbumArtMaxHeight": "Maximálna výška obrázku albumu:",
     "LabelAirDays": "Vysielané:",
@@ -1067,7 +1067,7 @@
     "LabelAllowedRemoteAddressesMode": "Režim filtrácie vzdialenej IP adresy:",
     "LabelAlbumArtists": "Album umelca:",
     "InstantMix": "Okamžitý mix",
-    "ImportFavoriteChannelsHelp": "Pokiaľ je možnosť povolená, tak len kanály označené ako obľúbené budú importované na zariadenie tuneru.",
+    "ImportFavoriteChannelsHelp": "Len kanály označené ako obľúbené budú importované na zariadenie tuneru.",
     "HttpsRequiresCert": "Pre povolenie zabezpečeného pripojenia budete musieť dodať dôveryhodný SSL certifikát, ako napríklad Let's Encrypt. Prosím, buď dodajte certifikát alebo zakážte zabezpečené pripojenie.",
     "HeaderXmlDocumentAttributes": "Atribúty XML dokumentu",
     "HeaderXmlDocumentAttribute": "Atribúty XML dokumentu",
@@ -1076,7 +1076,7 @@
     "HeaderTranscodingProfileHelp": "Pridať transkódovacie profily pre určenie, ktoré formáty by mali byť použité, keď je transkódovanie vyžadované.",
     "HeaderSubtitleProfilesHelp": "Profily titulkov popisujú formáty titulkov, ktoré dané zariadenie podporuje.",
     "HeaderSeriesStatus": "Stav seriálu",
-    "HeaderSelectTranscodingPathHelp": "Prechádzať alebo zadať cestu, kde by ste chceli uložiť dočasné transkódované súbory. Priečinok musí mať oprávnenie na zapisovanie.",
+    "HeaderSelectTranscodingPathHelp": "Prechádzať alebo zadať cestu pre súbory transkódovania. Priečinok musí mať oprávnenie na zapisovanie.",
     "HeaderSelectTranscodingPath": "Vyberte cestu pre dočasné transkódované súbory",
     "HeaderSelectServerCachePathHelp": "Prechádzať alebo zadať cestu, kde by ste chceli uložiť cache súbory. Priečinok musí mať oprávnenie na zapisovanie.",
     "HeaderSelectServerCachePath": "Vyberte cestu pre Server Cache",
@@ -1086,13 +1086,13 @@
     "HeaderResponseProfile": "Profil odozvy",
     "HeaderRemoveMediaLocation": "Odobrať cestu medií",
     "HeaderRecordingPostProcessing": "Spracovanie nahratých nahrávok",
-    "HeaderProfileServerSettingsHelp": "Tieto hodnoty určujú, ako sa bude Jellyfin Server prezentovať v zariadeniach.",
+    "HeaderProfileServerSettingsHelp": "Tieto hodnoty určujú, ako sa bude server prezentovať klientom.",
     "HeaderPluginInstallation": "Inštalácia zásuvných modulov",
     "HeaderPlayback": "Prehrávanie medií",
     "HeaderPlayOn": "Prehrať na",
     "HeaderOnNow": "Práve teraz",
     "HeaderLiveTvTunerSetup": "Nastavenie TV tuneru pre živé vysielanie",
-    "HeaderKodiMetadataHelp": "Pokiaľ chcete povoliť alebo zakázať NFO metadáta, upravte knižnicu v nastavení Jellyfin knižníc v sekcii ukladania metadát.",
+    "HeaderKodiMetadataHelp": "Pokiaľ chcete povoliť alebo zakázať NFO metadáta, upravte knižnicu v sekcii ukladania metadát.",
     "HeaderKeepSeries": "Zachovať seriál",
     "HeaderKeepRecording": "Zachovať nahrávanie",
     "HeaderImageOptions": "Možnosti obrázkov",
@@ -1118,7 +1118,7 @@
     "HeaderBlockItemsWithNoRating": "Blokované položky so žiadnymi alebo nerozpoznanými informáciami o hodnotení:",
     "HeaderAppearsOn": "Objaví sa",
     "HeaderApp": "Appka",
-    "HeaderApiKeysHelp": "Externé aplikácie musia mať vlastný API kľúč, aby mohli komunikovať s Jellyfin Serverom. Kľúče sú vydávané pomocou prihlásenia sa cez Jellyfin účet alebo manuálnym priradením kľúča aplikácií.",
+    "HeaderApiKeysHelp": "Externé aplikácie musia mať vlastný API kľúč, aby mohli komunikovať so serverom. Kľúče sú vydávané pomocou prihlásenia cez bežný účet alebo manuálnym priradením kľúča aplikácií.",
     "HeaderAdditionalParts": "Dodatočné časti",
     "HardwareAccelerationWarning": "Povolenie hardvérovej akcelerácie môže spôsobiť nestabilitu v niektorých podmienkach. Uistite sa, že váš operačný systém a grafické ovládače sú plne aktualizované. Pokiaľ máte po zapnutí problémy s prehrávaním videa, budete musieť zmeniť nastavenie späť na Žiadne.",
     "EncoderPresetHelp": "Vyberte hodnotu faster pre zlepšenie výkonu alebo hodnotu slower pre zlepšenie kvality.",
@@ -1142,7 +1142,7 @@
     "EnableExternalVideoPlayersHelp": "Ponuka externého prehrávača sa zobrazí pri spustení prehrávania videa.",
     "EnableBackdropsHelp": "Zobraziť pozadia na pozadí pre niektoré stránky pri prechádzaní knižnice.",
     "DisplayInOtherHomeScreenSections": "Zobrazenie v sekciách domovskej obrazovky, ako sú najnovšie médiá a pokračovať v pozeraní",
-    "DirectStreamHelp1": "Médium je kompatibilné zo zariadením nezávisle na rozlíšení alebo type média (H.264, AC3, atď.), je však v nekompatibilnom kontajneri (mkv, avi, wmv, atď.). Video bude za behu prebalené do kompatibilného kontajnera ešte pred streamovaním do zariadenia.",
+    "DirectStreamHelp1": "Médium je kompatibilné zo zariadením nezávisle na rozlíšení alebo type média (H.264, AC3, atď.), je však v nekompatibilnom kontajneri (mkv, avi, wmv, atď.). Video bude za behu prebalené do kompatibilného kontajnera ešte pred odoslaním do zariadenia.",
     "Depressed": "Stlačený",
     "DefaultSubtitlesHelp": "Titulky sú načítané v závislosti od predvolených a vynútených nastavení v zabudovaných metadátach. Jazykové predvoľby sú zobrané do úvahy až vtedy, keď je k dispozícií viacero možností.",
     "DefaultMetadataLangaugeDescription": "Toto sú vaše predvolené hodnoty ktoré môžu byť prispôsobené na základe jednotlivých knižníc.",
@@ -1199,7 +1199,7 @@
     "SeriesCancelled": "Seriál zrušený.",
     "SelectAdminUsername": "Prosím, vyberte si používateľské meno pre účet administrátora.",
     "RefreshQueued": "Obnovenie zaradené do fronty.",
-    "RefreshDialogHelp": "Metadáta sa obnovujú na základe nastavení a internetových služieb, ktoré sú povolené v dashboarde Jellyfin Serveru.",
+    "RefreshDialogHelp": "Metadáta sa obnovujú na základe nastavení a internetových služieb, ktoré sú povolené v dashboarde.",
     "MessageChangeRecordingPath": "Zmenou priečinku pre nahrávanie sa existujúce nahrávky automaticky nepresunú zo starej lokácie na na novú. Budete ich musieť presunúť ručne, pokiaľ budete chcieť.",
     "RecordSeries": "Nahrať sériu",
     "Raised": "Vystupujúce",
@@ -1221,18 +1221,18 @@
     "OptionRandom": "Náhodne",
     "OptionProfileVideoAudio": "Video Zvuk",
     "OptionPosterCard": "Plagátová karta",
-    "OptionPlainVideoItemsHelp": "Pokiaľ je povolené, všetky videá sú reprezentované v DIDL ako \"object.item.videoItem\" namiesto viac špecifického typu, ako napríklad \"object.item.videoItem.movie\".",
+    "OptionPlainVideoItemsHelp": "Všetky videá sú reprezentované v DIDL ako \"object.item.videoItem\" namiesto viac špecifického typu, ako napríklad \"object.item.videoItem.movie\".",
-    "OptionPlainStorageFoldersHelp": "Pokiaľ je povolené, všetky priečinky sú reprezentované v DIDL ako \"object.container.storageFolder\" namiesto viac špecifického typu, ako napríklad \"object.container.person.musicArtist\".",
+    "OptionPlainStorageFoldersHelp": "Všetky priečinky sú reprezentované v DIDL ako \"object.container.storageFolder\" namiesto viac špecifického typu, ako napríklad \"object.container.person.musicArtist\".",
     "OptionPlainStorageFolders": "Zobraziť všetky priečinky ako jednoduché priečinky pre ukladanie",
     "OptionOnInterval": "V intervale",
     "OptionLoginAttemptsBeforeLockoutHelp": "Hodnota 0 znamená zdedenie východzej hodnoty troch pokusov pre bežného používateľa a päť pre administrátora. Nastavením na -1 sa táto funkcia zakáže.",
     "OptionLoginAttemptsBeforeLockout": "Určuje, koľko chybných prihlásení môže byť urobených pred uzamknutím.",
-    "OptionIgnoreTranscodeByteRangeRequestsHelp": "Pokiaľ je povolené, budú tieto požiadavky aj naďalej plnené, avšak hlavičky bajtových rozsahov budú ignorované.",
+    "OptionIgnoreTranscodeByteRangeRequestsHelp": "Tieto požiadavky budú aj naďalej plnené, avšak hlavičky bajtových rozsahov budú ignorované.",
     "OptionIgnoreTranscodeByteRangeRequests": "Ignorovať požiadavky na transkódovanie bajtového rozsahu",
     "OptionHlsSegmentedSubtitles": "HLS segmentované titulky",
     "OptionExternallyDownloaded": "Externé sťahovanie",
     "OptionEnableExternalContentInSuggestionsHelp": "Povoliť zahrnutie internetových trailerov a živých TV programov do navrhovaného obsahu.",
-    "OptionDownloadImagesInAdvanceHelp": "Vo východzom stave sa väčšina obrázkov sťahuje až po vyžiadaní Jellyfin aplikáciou. Povolením tejto možnosti sa budú všetky obrázky sťahovať popredu, keď sa budú importovať nové médiá. Toto môže spôsobiť výrazne dlhšie skenovanie knižnice.",
+    "OptionDownloadImagesInAdvanceHelp": "Vo východzom stave sa väčšina obrázkov sťahuje až po vyžiadaní klientom. Povolením tejto možnosti sa budú všetky obrázky sťahovať popredu, keď sa budú importovať nové médiá. Toto môže spôsobiť výrazne dlhšie skenovanie knižnice.",
     "OptionDownloadBoxImage": "Krabica",
     "OptionDownloadBannerImage": "Banner",
     "OptionDisplayFolderViewHelp": "Zobraziť priečinky popri ostatných médiách v knižnici. Toto môže byť užitočné, pokiaľ chcete vidieť jednoduché zobrazenie priečinku.",
@@ -1240,10 +1240,10 @@
     "OptionBlockTvShows": "Seriál",
     "OptionBlockLiveTvChannels": "Živé TV kanály",
     "OptionBanner": "Banner",
-    "OptionAutomaticallyGroupSeriesHelp": "Pokiaľ je povolené, tak sa série, ktoré sú rozhádzané skrz rôzne priečinky, budú automaticky v tejto knižnici zlučovať do jedného seriálu.",
+    "OptionAutomaticallyGroupSeriesHelp": "Seriály uložené vo viacerých priečinkoch v tejto knižnici, budú automaticky zlúčené do jedného seriálu.",
     "OptionAllowVideoPlaybackRemuxing": "Povoliť prehrávanie videa, ktoré vyžaduje konverziu bez opätovného enkódovania",
     "OptionAllowSyncTranscoding": "Povoliť sťahovanie a synchronizáciu medií, ktoré vyžadujú transkódovanie",
-    "OptionAllowMediaPlaybackTranscodingHelp": "Obmedzenie prístupu ku transkódovaniu môže spôsobiť zlyhania prehrávania v Jellyfin aplikáciách kvôli nepodporovaným formátom medií.",
+    "OptionAllowMediaPlaybackTranscodingHelp": "Obmedzenie prístupu ku transkódovaniu môže spôsobiť zlyhania prehrávania v klientoch kvôli nepodporovaným formátom medií.",
     "MessageNoTrailersFound": "Nainštalujte Trailer kanál pre rozšírenie vášho filmového zážitku pridaním knižnice trailerov z internetu.",
     "LanNetworksHelp": "Zoznam IP adries alebo IP/netmask záznamov pre všetky siete oddelené čiarkami ktoré budú považované za lokálnu sieť pri vynucovaní obmedzenia šírky pásma. Pokiaľ je toto nastavené, všetky ostatné IP adresy budú považované za vonkajšiu sieť a budú podliehať obmedzeniam šírky pásma vonkajšej siete. Pokiaľ pole ostane prázdne, podsieť serveru bude považovaná za lokálnu sieť.",
     "LabelUserAgent": "User agent:",
@@ -1258,7 +1258,7 @@
     "MusicLibraryHelp": "Pozrite si {0}príručku pomenovania hudby{1}.",
     "MusicAlbum": "Hudobný album",
     "MoreMediaInfo": "Informácie o médiu",
-    "MetadataSettingChangeHelp": "Zmena nastavení metadát ovplyvní nový obsah, ktorý bude pridávaný v budúcnosti. Pre obnovenie existujúceho obsahu, otvorte obrazovku s detailom a kliknite na tlačítko obnoviť alebo vykonajte hromadnú obnovu cez metadata manažér.",
+    "MetadataSettingChangeHelp": "Zmena nastavení metadát ovplyvní nový obsah pridávaný v budúcnosti. Pre obnovenie existujúceho obsahu, otvorte obrazovku s detailom a kliknite na tlačítko obnoviť alebo vykonajte hromadnú obnovu cez metadata manažér.",
     "MessageUnsetContentHelp": "Obsah bude zobrazený ako jednoduché priečinky. Pre lepšie výsledky použite manažér metadát na nastavenie typu obsahu podpriečinkov.",
     "MessageUnableToConnectToServer": "Nie sme schopný sa aktuálne pripojiť k vybranému serveru. Prosím, uistite sa že je spustený a skúste to znovu.",
     "MessageReenableUser": "Pozrite nižšie pre znovu-povolenie",
@@ -1291,7 +1291,7 @@
     "MediaInfoBitrate": "Dátový tok",
     "MediaInfoAnamorphic": "Anamorfné",
     "MapChannels": "Nájdi kanály",
-    "LabelffmpegPathHelp": "Cesta k aplikačnému súboru ffmpeg alebo k priečinku obsahujúcemu ffmpeg.",
+    "LabelffmpegPathHelp": "Cesta k súboru aplikácie ffmpeg alebo k priečinku obsahujúcemu ffmpeg.",
     "LabelXDlnaDocHelp": "Určuje obsah prvku X_DLNADOC v namespace urn:schemas-dlna-org:device-1-0.",
     "LabelXDlnaDoc": "X-DLNA dokumentácia:",
     "LabelXDlnaCapHelp": "Určuje obsah prvku X_DLNACAP v namespace urn:schemas-dlna-org:device-1-0.",
@@ -1382,7 +1382,7 @@
     "LabelLogs": "Logy:",
     "LabelLoginDisclaimer": "Vyrozumenie prihlásenia:",
     "LabelLockItemToPreventChanges": "Uzamknúť túto položku pre zabránenie zmien v budúcnosti",
-    "LabelLocalHttpServerPortNumberHelp": "Číslo TCP portu, na ktoré by sa mal naviazať Jellyfin HTTP server.",
+    "LabelLocalHttpServerPortNumberHelp": "Číslo portu TCP serveru HTTP.",
     "LabelKodiMetadataUserHelp": "Uložiť dáta o pozeraní do NFO súboru pre využitie ostatnými aplikáciami.",
     "LabelKodiMetadataUser": "Ukladá dáta používateľa o pozeraní do NFO súboru pre:",
     "LabelKodiMetadataEnablePathSubstitutionHelp": "Povoľuje nahradenie ciest k obrázkom pomocou nastavenej cesty serveru pre nahradené cesty.",
@@ -1395,14 +1395,14 @@
     "LabelIdentificationFieldHelp": "Podreťazec citlivý na veľkosť písmen alebo na regulárne výrazy.",
     "LabelIconMaxWidthHelp": "Maximálne rozlíšenie ikon pomocou prostredníctvom upnp:icon.",
     "LabelIconMaxHeightHelp": "Maximálne rozlíšenie ikon pomocou prostredníctvom upnp:icon.",
-    "LabelHttpsPortHelp": "Číslo TCP portu, na ktoré by sa mal naviazať Jellyfin HTTPS server.",
+    "LabelHttpsPortHelp": "Číslo portu TCP serveru HTTPS.",
     "LabelHomeNetworkQuality": "Kvalita na domácej sieti:",
     "LabelEncoderPreset": "Prednastavené H264 enkódovanie:",
     "LabelH264Crf": "H264 enkódovanie CRF:",
     "LabelFriendlyName": "Priateľský názov:",
     "LabelFolder": "Priečinok:",
     "LabelExtractChaptersDuringLibraryScanHelp": "Generovať obrázky kapitol počas toho, ako sú videá importované v prvotnom prehľadávaní knižnice. Inak sa budú extrahovať počas naplánovanej úlohy generovania obrázkov kapitol, čo dovoľuje rýchlejšie dokončenie bežného prehľadávania knižnice.",
-    "LabelBaseUrlHelp": "Pridá vlastný reťazec na URL adresu serveru, napr: <code>http://priklad.sk/<b>&lt;vlastnyretazec&gt;</b></code>",
+    "LabelBaseUrlHelp": "Pridá vlastný reťazec na URL adresu serveru, napr: <code>http://priklad.sk/<b>&lt;vlastny-retazec&gt;</b></code>",
     "LabelBaseUrl": "Východzia URL:",
     "LabelEveryXMinutes": "Každý:",
     "LabelEnableSingleImageInDidlLimitHelp": "Niektoré zariadenia nebudú zobrazovať správne pokiaľ je viacero obrázkov uložených v Didl.",
@@ -1410,11 +1410,11 @@
     "LabelEnableDlnaDebugLoggingHelp": "Vytvára veľké súbory s logami a mal by sa použiť len v prípade potreby odstraňovania problémov.",
     "LabelEnableDlnaDebugLogging": "Povoliť loggovanie DLNA debugu",
     "LabelEnableDlnaClientDiscoveryIntervalHelp": "Určuje dobu trvania v sekundách medzi SSDP vyhľadávaniami vykonanými Jellyfinom.",
-    "LabelEnableDlnaClientDiscoveryInterval": "Interval pre objavenie klienta (sekundy)",
+    "LabelEnableDlnaClientDiscoveryInterval": "Interval pre objavenie klienta",
     "LabelEnableAutomaticPortMapHelp": "Automatické namapovanie vejerného portu na lokálny port serveru cez UPnP. Toto nemusí fungovať so všetkými modelmi routerov alebo sieťových konfigurácií. Zmeny sa vykonajú až po reštarte servera.",
     "LabelEmbedAlbumArtDidlHelp": "Niektoré zariadenia preferujú túto metódu pre získavanie obrázku albumu. Ostatným môže zlyhať prehrávanie pokiaľ je táto možnosť povolená.",
     "LabelBlastMessageIntervalHelp": "Určuje dobu v sekundách medzi vysielaniami správ o serveri.",
-    "LabelBindToLocalNetworkAddressHelp": "Voliteľné. Prepísať lokálnu IP adresu viazanú na http server. Pokiaľ zostane prázdna, server sa naviaže na všetky dostupné adresy. Pri zmene tejto hodnoty sa vyžaduje reštart Jellyfin Servera.",
+    "LabelBindToLocalNetworkAddressHelp": "Prepísať lokálnu IP adresu http serveru. Pokiaľ zostane prázdna, server sa naviaže na všetky dostupné adresy. Pri zmene tejto hodnoty sa vyžaduje reštart Jellyfin Servera.",
     "LabelAlbumArtPN": "Obrázok albumu PN:",
     "LabelAlbumArtMaxWidthHelp": "Maximálne rozlíšenie obrázku albumu prostredníctvom upnp:albumArtURI.",
     "LabelAlbumArtMaxHeightHelp": "Maximálne rozlíšenie obrázku albumu prostredníctvom upnp:albumArtURI.",
@@ -1477,7 +1477,7 @@
     "TabDVR": "DVR",
     "LabelRequireHttpsHelp": "Pokiaľ je zaškrtnutý, server bude automaticky presmerovávať všetky HTTP požiadavky cez HTTPS. Toto nastavenie nemá žiadny efekt, pokiaľ server nepočúva na HTTPS.",
     "LabelRequireHttps": "Vyžadovať HTTPS",
-    "LabelEnableHttpsHelp": "Umožní serveru počúvať na nastavenom HTTPS porte. K správnemu fungovaniu je nutné nakonfigurovať aj platný certifikát.",
+    "LabelEnableHttpsHelp": "Počúvanie na nastavenom HTTPS porte. K správnemu fungovaniu je nutné nakonfigurovať aj platný certifikát.",
     "LabelEnableHttps": "Povoliť HTTPS",
     "HeaderServerAddressSettings": "Nastavenie adresy servera",
     "HeaderRemoteAccessSettings": "Nastavenie vzdialeného prístupu",
@@ -1539,5 +1539,13 @@
     "Writers": "Scenáristi",
     "ClearQueue": "Vymazať frontu",
     "StopPlayback": "Zastaviť prehrávanie",
-    "ViewAlbumArtist": "Zobraziť interpreta albumu"
+    "ViewAlbumArtist": "Zobraziť interpreta albumu",
+    "Preview": "Náhľad",
+    "SubtitleVerticalPositionHelp": "Číslo riadku, na ktorom sa zobrazí text. Kladné čísla znamenajú smer zhora dole. Záporné čísla zdola hore.",
+    "LabelSubtitleVerticalPosition": "Vertikálne umiestnenie:",
+    "PreviousTrack": "Predchádzajúca",
+    "MessageGetInstalledPluginsError": "Pri načítaní zoznamu nainštalovaných zásuvných modulov došlo k chybe.",
+    "MessagePluginInstallError": "Pri inštalácií zásuvného modulu došlo k chybe.",
+    "NextTrack": "Ďalšia",
+    "LabelUnstable": "Nestabilný"
 }

src/strings/zh-cn.json

@@ -159,7 +159,7 @@
     "DetectingDevices": "正在侦测设备",
     "DeviceAccessHelp": "这仅适用于可以唯一标识的设备，而不会阻止浏览器访问。限制用户设备访问会阻止使用未在此被批准的新增设备。",
     "DirectPlaying": "直接播放",
-    "DirectStreamHelp2": "直接串流只占用占用很少的CPU并且视频的品质不会有任何损失。",
+    "DirectStreamHelp2": "直接串流只占用占用很少的CPU并且视频的品质只会有极小程度的损失。",
     "DirectStreaming": "直接串流",
     "Director": "导演",
     "Disabled": "已禁用",
@@ -261,7 +261,7 @@
     "HeaderAllowMediaDeletionFrom": "允许从中删除媒体",
     "HeaderApiKey": "API 密钥",
     "HeaderApiKeys": "API 密钥",
-    "HeaderApiKeysHelp": "外部应用程序需要 API 密钥才能与 Jellyfin Server 进行通信。使用 Jellyfin 账户进行登录时密钥将会自动生成，您也可以手动为某个应用程序分配一个密钥。",
+    "HeaderApiKeysHelp": "外部应用程序需要 API 密钥才能与服务器进行通信。密钥会在使用普通账户登录时自动生成，或是手动为应用分配。",
     "HeaderAudioBooks": "有声读物",
     "HeaderAudioSettings": "声音设置",
     "HeaderBlockItemsWithNoRating": "通过没有评级和设置不允许的评级锁定内容：",
@@ -327,7 +327,7 @@
     "HeaderInstall": "安装",
     "HeaderInstantMix": "速成合辑",
     "HeaderItems": "项目",
-    "HeaderKodiMetadataHelp": "要启用或禁用 NFO 元数据, 请在 Jellyfin 库安装程序中编辑库, 然后找到“元数据储户”部分。",
+    "HeaderKodiMetadataHelp": "要启用或禁用 NFO 元数据, 请编辑库, 然后找到“元数据储户”部分。",
     "HeaderLatestEpisodes": "最新剧集",
     "HeaderLatestMedia": "最新媒体",
     "HeaderLatestMovies": "最新电影",
@@ -372,7 +372,7 @@
     "HeaderPreferredMetadataLanguage": "首选元数据语言",
     "HeaderProfile": "配置",
     "HeaderProfileInformation": "配置信息",
-    "HeaderProfileServerSettingsHelp": "这些参数将控制 Jellyfin 媒体服务器如何呈现给设备。",
+    "HeaderProfileServerSettingsHelp": "这些参数将控制服务器如何将自己呈现给客户端。",
     "HeaderRecentlyPlayed": "最近播放",
     "HeaderRecordingOptions": "录制选项",
     "HeaderRecordingPostProcessing": "记录后处理",
@@ -396,7 +396,7 @@
     "HeaderSelectServerCachePath": "选择服务器缓存路径",
     "HeaderSelectServerCachePathHelp": "浏览或输入一个路径用于服务器缓存文件，此文件夹必须可写。",
     "HeaderSelectTranscodingPath": "选择临时解码路径",
-    "HeaderSelectTranscodingPathHelp": "浏览或输入一个路径用于临时转码，此文件夹必须可写。",
+    "HeaderSelectTranscodingPathHelp": "浏览或输入一个路径用于转码文件，此文件夹必须可写。",
     "HeaderSendMessage": "发送消息",
     "HeaderSeries": "电视剧",
     "HeaderSeriesOptions": "系列选项",
@@ -445,8 +445,8 @@
     "HttpsRequiresCert": "要启用安全连接, 您需要提供一个受信任的 SSL 证书, 例如 Let's Encrypt 。请提供证书或禁用安全连接。",
     "Identify": "识别",
     "Images": "图片",
-    "ImportFavoriteChannelsHelp": "如果启用，只有在协调器设备中被标记为我的最爱的频道才会被导入。",
+    "ImportFavoriteChannelsHelp": "只有在协调器设备中被标记为我的最爱的频道才会被导入。",
-    "ImportMissingEpisodesHelp": "如果启用，会将缺少的剧集信息导入到你的 Jellyfin 数据库并分季分剧显示。可能会大大延长媒体库扫描时间。",
+    "ImportMissingEpisodesHelp": "缺少的剧集信息将被导入到你的数据库并分季分剧显示。可能会大大延长媒体库扫描时间。",
     "InstallingPackage": "正在安装 {0}（版本 {1}）",
     "InstantMix": "即时混音",
     "ItemCount": "{0} 项",
@@ -476,14 +476,14 @@
     "LabelAppName": "APP名称",
     "LabelAppNameExample": "例如：Sickbeard, Sonarr",
     "LabelArtists": "艺术家：",
-    "LabelArtistsHelp": "独立多功能 ;",
+    "LabelArtistsHelp": "将多个艺术家用分号分隔",
     "LabelAudioLanguagePreference": "首选音频语言：",
     "LabelAutomaticallyRefreshInternetMetadataEvery": "自动从互联网获取元数据并刷新：",
     "LabelBindToLocalNetworkAddress": "监听的本地网络地址：",
-    "LabelBindToLocalNetworkAddressHelp": "(可选的）覆盖 HTTP 服务器绑定的本地 IP 地址。如果留空，服务器将会监听所有可用的地址。改变这个值需要重启 Jellyfin 服务器。",
+    "LabelBindToLocalNetworkAddressHelp": "覆盖 HTTP 服务器绑定的本地 IP 地址。如果留空，服务器将会监听所有可用的地址。改变这个值需要重启 Jellyfin 服务器。",
     "LabelBirthDate": "出生日期：",
     "LabelBirthYear": "出生年份：",
-    "LabelBlastMessageInterval": "活动信号的时间间隔（秒）",
+    "LabelBlastMessageInterval": "活动信号的时间间隔",
     "LabelBlastMessageIntervalHelp": "确定爆炸活动消息之间的持续时间（以秒为单位）。",
     "LabelBlockContentWithTags": "通过标签锁定内容：",
     "LabelBurnSubtitles": "烧录字幕：",
@@ -541,7 +541,7 @@
     "LabelEnableAutomaticPortMapHelp": "通过UPnP将路由器端口自动转发到服务器端口。这可能不适用于某些型号的路由器和网络配置。需要服务器重新启动后才会应用更改。",
     "LabelEnableBlastAliveMessages": "爆发活动信号",
     "LabelEnableBlastAliveMessagesHelp": "如果该服务器不能被网络中的其他UPnP设备检测到，请启用此选项。",
-    "LabelEnableDlnaClientDiscoveryInterval": "客户端搜寻时间间隔（秒）",
+    "LabelEnableDlnaClientDiscoveryInterval": "客户端搜寻时间间隔",
     "LabelEnableDlnaClientDiscoveryIntervalHelp": "确定由 Jellyfin 执行的 SSDP 搜索之间的持续时间 (以秒为单位)。",
     "LabelEnableDlnaDebugLogging": "启用 DLNA 调试日志",
     "LabelEnableDlnaDebugLoggingHelp": "创建一个很大的日志文件，仅应在排除故障时使用。",
@@ -567,9 +567,9 @@
     "LabelForgotPasswordUsernameHelp": "输入你的用户名，如果你还记得。",
     "LabelFormat": "格式：",
     "LabelFriendlyName": "好记的名称：",
-    "LabelServerNameHelp": "此名称将用做服务器名，如果留空，将使用计算机名。",
+    "LabelServerNameHelp": "此名称将用做服务器名，默认使用服务器的主机名。",
     "LabelGroupMoviesIntoCollections": "批量添加电影到收藏",
-    "LabelGroupMoviesIntoCollectionsHelp": "显示电影列表时，属于一个收藏的电影将显示为一个分组。",
+    "LabelGroupMoviesIntoCollectionsHelp": "显示电影列表时，同一收藏的电影将显示为一个分组。",
     "LabelH264Crf": "H264 CRF 编码质量等级：",
     "LabelEncoderPreset": "H264 和 H265 编码预设：",
     "LabelHardwareAccelerationType": "硬件加速：",
@@ -577,7 +577,7 @@
     "LabelHomeNetworkQuality": "家庭网络质量：",
     "LabelHomeScreenSectionValue": "主屏幕模块{0}：",
     "LabelHttpsPort": "本地 HTTPS 端口号：",
-    "LabelHttpsPortHelp": "Jellyfin HTTPS 服务器监听端口。",
+    "LabelHttpsPortHelp": "HTTPS 服务器监听的 TCP 端口号。",
     "LabelIconMaxHeight": "图标最大高度：",
     "LabelIconMaxHeightHelp": "通过UPnP显示的图标最大分辨率。",
     "LabelIconMaxWidth": "图标最大宽度：",
@@ -604,7 +604,7 @@
     "LabelLanguage": "语言：",
     "LabelLineup": "排队：",
     "LabelLocalHttpServerPortNumber": "本地 HTTP 端口号：",
-    "LabelLocalHttpServerPortNumberHelp": "Jellyfin HTTP 服务器监听的 TCP 端口。",
+    "LabelLocalHttpServerPortNumberHelp": "HTTP 服务器监听的 TCP 端口号。",
     "LabelLockItemToPreventChanges": "锁定此项目防止改动",
     "LabelLoginDisclaimer": "登录声明：",
     "LabelLoginDisclaimerHelp": "将在登录页面底部显示的信息。",
@@ -646,9 +646,9 @@
     "LabelMovieCategories": "电影分类：",
     "LabelMoviePrefix": "电影前缀：",
     "LabelMoviePrefixHelp": "如果将前缀应用于影片标题, 请在此处输入它, 以便服务器可以正确处理它。",
-    "LabelMovieRecordingPath": "电影录制路径 (可选的)：",
+    "LabelMovieRecordingPath": "电影录制路径：",
     "LabelMusicStreamingTranscodingBitrate": "音乐转码的比特率：",
-    "LabelMusicStreamingTranscodingBitrateHelp": "请指定一个音乐媒体串流时的最大比特率。",
+    "LabelMusicStreamingTranscodingBitrateHelp": "请指定音乐媒体串流时的最大比特率。",
     "LabelName": "名字：",
     "LabelNewName": "新名字：",
     "LabelNewPassword": "新密码：",
@@ -659,7 +659,7 @@
     "LabelNumber": "编号：",
     "LabelNumberOfGuideDays": "下载几天的节目指南：",
     "LabelNumberOfGuideDaysHelp": "下载更多天的节目指南可以帮你进一步查看节目列表并做出提前安排，但下载过程也将耗时更久。它将基于频道数量自动选择。",
-    "LabelOptionalNetworkPath": "（可选的）共享的网络文件夹：",
+    "LabelOptionalNetworkPath": "共享的网络文件夹：",
     "LabelOptionalNetworkPathHelp": "如果这个文件夹在你的网络上是共享的，提供这个网络共享地址能够允许其他设备上的 Jellyfin 应用程序直接访问媒体文件，例如 {0} 或者 {1}。",
     "LabelOriginalAspectRatio": "原始长宽比：",
     "LabelOriginalTitle": "原标题：",
@@ -704,7 +704,7 @@
     "LabelReleaseDate": "发行日期：",
     "LabelRemoteClientBitrateLimit": "互联网流媒体传输比特率限制（Mbps）：",
     "LabelRemoteClientBitrateLimitHelp": "所有网络设备都有一个可选的每流比特率限制。这对于防止设备请求比 internet 连接所能处理的更高的比特率非常有用。这可能会导致服务器上的 CPU 负载增加, 以便将视频转码到较低的比特率。",
-    "LabelRuntimeMinutes": "播放时长（分钟）：",
+    "LabelRuntimeMinutes": "播放时长：",
     "LabelSaveLocalMetadata": "将媒体图像保存到媒体所在文件夹",
     "LabelSaveLocalMetadataHelp": "直接将媒体图像保存到媒体所在文件夹以方便编辑。",
     "LabelScheduledTaskLastRan": "最后运行 {0}, 花费时间 {1}.",
@@ -714,7 +714,7 @@
     "LabelSelectVersionToInstall": "选择安装版本：",
     "LabelSendNotificationToUsers": "发送通知至：",
     "LabelSerialNumber": "序列号",
-    "LabelSeriesRecordingPath": "电视剧录制路径 (可选的)：",
+    "LabelSeriesRecordingPath": "电视剧录制路径：",
     "LabelServerHost": "主机：",
     "LabelServerHostHelp": "192.168.1.100:8096 或 https://myserver.com",
     "LabelSimultaneousConnectionLimit": "并发流限制：",
@@ -786,7 +786,7 @@
     "LabelYoureDone": "完成！",
     "LabelZipCode": "邮编：",
     "LabelffmpegPath": "FFmpeg 路径：",
-    "LabelffmpegPathHelp": "FFmpeg 应用程序的文件，或者包含了 FFmpeg 的文件夹的路径。",
+    "LabelffmpegPathHelp": "FFmpeg 应用文件或包含 FFmpeg 的文件夹的路径。",
     "LanNetworksHelp": "在强制带宽限制时，认作本地网络上的 IP 地址或 IP/网络掩码条目的逗号分隔列表。如果设置此项，所有其它 IP 地址将被视为在外部网络上，并且将受到外部带宽限制。如果保留为空，则只将服务器的子网视为本地网络。",
     "Large": "大",
     "LatestFromLibrary": "最新的{0}",
@@ -918,7 +918,7 @@
     "OptionAllowLinkSharingHelp": "只有网页包含的媒体信息会被共享。媒体文件不会被公开共享。共享是有时间限制的并且会在 {0} 天后到期。",
     "OptionAllowManageLiveTv": "允许电视直播录制管理",
     "OptionAllowMediaPlayback": "允许播放媒体",
-    "OptionAllowMediaPlaybackTranscodingHelp": "由于不支持的媒体格式, 限制对代码转换的访问可能会导致 Jellyfin 应用程序中的播放失败。",
+    "OptionAllowMediaPlaybackTranscodingHelp": "限制对转码的访问可能会由于不支持的媒体格式导致客户端中播放失败。",
     "OptionAllowRemoteControlOthers": "允许其他用户全程控制",
     "OptionAllowRemoteSharedDevices": "允许远程控制共享的设备",
     "OptionAllowRemoteSharedDevicesHelp": "DLNA 设备在用户对他们进行控制前都被视为是共享的。",
@@ -931,7 +931,7 @@
     "OptionAuto": "自动",
     "OptionAutomatic": "自动",
     "OptionAutomaticallyGroupSeries": "自动合并分布在不同文件夹的电视剧",
-    "OptionAutomaticallyGroupSeriesHelp": "如果启用，分布在这个媒体库的多个文件夹中的同一部电视剧将会自动整合成一部电视剧。",
+    "OptionAutomaticallyGroupSeriesHelp": "在这个媒体库的多个文件夹中的同一部电视剧将会自动整合成一部电视剧。",
     "OptionBlockBooks": "书籍",
     "OptionBlockChannelContent": "互联网频道内容",
     "OptionBlockLiveTvChannels": "电视直播频道",
@@ -952,7 +952,7 @@
     "OptionDatePlayed": "播放日期",
     "OptionDescending": "降序",
     "OptionDisableUser": "禁用此用户",
-    "OptionDisableUserHelp": "如果禁用该用户，服务器将不允许该用户连接。现有的连接将被终止。",
+    "OptionDisableUserHelp": "服务器将不允许来自该用户的任何连接。现有的连接将立即被终止。",
     "OptionDislikes": "不喜欢",
     "OptionDisplayFolderView": "显示一个“文件夹”类别用于按文件夹分类浏览你的媒体文件夹",
     "OptionDisplayFolderViewHelp": "在你的媒体库列表中显示文件夹。如果你有按文件夹分类进行浏览的需求，这会非常有用。",
@@ -962,7 +962,7 @@
     "OptionDownloadBoxImage": "包装",
     "OptionDownloadDiscImage": "光盘",
     "OptionDownloadImagesInAdvance": "提前下载图片",
-    "OptionDownloadImagesInAdvanceHelp": "默认下，大部分图片只有在 Jellyfin 应用程序请求时下载。开启此选项将随着媒体导入时下载所有图片。这可能需要更久媒体库扫描时间。",
+    "OptionDownloadImagesInAdvanceHelp": "默认大多数图片只在客户端请求时下载。开启此选项将在新媒体导入时预先下载所有图片。这可能大大延长媒体库扫描时间。",
     "OptionDownloadMenuImage": "菜单",
     "OptionDownloadPrimaryImage": "封面图",
     "OptionDownloadThumbImage": "缩略图",
@@ -994,7 +994,7 @@
     "OptionHlsSegmentedSubtitles": "HLS分段字幕",
     "OptionHomeVideos": "照片",
     "OptionIgnoreTranscodeByteRangeRequests": "忽略转码字节范围请求",
-    "OptionIgnoreTranscodeByteRangeRequestsHelp": "如果启用，这些请求会被兑现，但会忽略的字节范围标头。",
+    "OptionIgnoreTranscodeByteRangeRequestsHelp": "这些请求会被兑现，但会忽略的字节范围标头。",
     "OptionImdbRating": "IMDb 评分",
     "OptionIsHD": "HD高清",
     "OptionIsSD": "SD标清",
@@ -1009,9 +1009,9 @@
     "OptionOnInterval": "在一个期间",
     "OptionParentalRating": "家长分级",
     "OptionPlainStorageFolders": "显示所有文件夹作为一般存储文件夹",
-    "OptionPlainStorageFoldersHelp": "如果启用，所有文件夹在DIDL中显示为“ object.container.storageFolder ”，而不是一个更具体的类型，如“ object.container.person.musicArtist ” 。",
+    "OptionPlainStorageFoldersHelp": "所有文件夹在DIDL中显示为 \"object.container.storageFolder\" ，而不是一个更具体的类型，如 \"object.container.person.musicArtist\" 。",
     "OptionPlainVideoItems": "显示所有视频为一般视频项目",
-    "OptionPlainVideoItemsHelp": "如果启用，所有视频在DIDL中显示为“object.item.videoItem”，而不是一个更具体的类型，如“object.item.videoItem.movie ” 。",
+    "OptionPlainVideoItemsHelp": "所有视频在DIDL中显示为 \"object.item.videoItem\" ，而不是一个更具体的类型，如 \"object.item.videoItem.movie\" 。",
     "OptionPlayCount": "播放次数",
     "OptionPlayed": "已播放",
     "OptionPremiereDate": "首映日期",
@@ -1316,7 +1316,7 @@
     "ErrorDeletingItem": "从 Jellyfin Server 删除项目时出错。请确认 Jellyfin Server 是否拥有对媒体目录的写权限，然后重试。",
     "GroupBySeries": "按系列分组",
     "HeaderApp": "应用程序",
-    "DirectStreamHelp1": "该媒体文件的分辨率和编码（H.264、AC3 等）与您的设备兼容，但容器格式（.mkv、.avi、.wmv 等）不受支持。因此，视频在串流至您的设备之前将会被即时封装为另一种格式。",
+    "DirectStreamHelp1": "该媒体文件的分辨率和编码（H.264、AC3 等）与您的设备兼容，但文件格式（.mkv、.avi、.wmv 等）不受支持。因此，视频在串流至您的设备之前将会被即时封装为另一种格式。",
     "HeaderAppearsOn": "同时出现于",
     "HeaderCancelSeries": "取消系列",
     "HeaderFavoriteEpisodes": "最爱的剧集",
@@ -1361,14 +1361,14 @@
     "OptionDownloadLogoImage": "标志",
     "OptionLoginAttemptsBeforeLockout": "确定在锁定之前可以进行多少次不正确的登录尝试。",
     "OptionLoginAttemptsBeforeLockoutHelp": "如果值为0，则表示将允许普通用户尝试三次、管理员尝试五次的默认值。将此设置为-1将禁用此功能。",
-    "PasswordResetProviderHelp": "选择一个密码重置提供者用于密码重置",
+    "PasswordResetProviderHelp": "选择一个密码重置提供者用于此用户申请重置密码",
     "PlaceFavoriteChannelsAtBeginning": "将最喜爱的频道置顶",
     "PlayNext": "播放下一个",
     "PlayNextEpisodeAutomatically": "自动播放下一集",
     "Premieres": "首映",
     "Raised": "提高",
     "Recordings": "录音",
-    "RefreshDialogHelp": "元数据根据设置和Jellyfin服务器中启用的网络服务进行刷新。",
+    "RefreshDialogHelp": "元数据根据设置和仪表盘中启用的网络服务进行刷新。",
     "RepeatEpisodes": "重复剧集",
     "Schedule": "日程",
     "Screenshot": "屏幕截图",
@@ -1421,7 +1421,7 @@
     "ButtonAddImage": "添加图片",
     "LabelPlayer": "播放器：",
     "LabelBaseUrl": "基础 URL：",
-    "LabelBaseUrlHelp": "为服务器 URL添加自定义子目录，例如：<code>http://example.com/<b>&lt;baseurl&gt;</b></code>。",
+    "LabelBaseUrlHelp": "为服务器 URL添加自定义子目录，例如：<code>http://example.com/<b>&lt;baseurl&gt;</b></code>",
     "MusicLibraryHelp": "重播 {0}音乐命名指南{1}。",
     "HeaderFavoritePeople": "最喜欢的人物",
     "OptionRandom": "随机",
@@ -1480,7 +1480,7 @@
     "LabelRequireHttpsHelp": "开启后服务器将自动将所有 HTTP 请求重定向到 HTTPS。如果服务器没有启用 HTTPS 则不生效。",
     "LabelRequireHttps": "强制 HTTPS",
     "LabelStable": "稳定版",
-    "LabelEnableHttpsHelp": "开启服务器对所配置 HTTPS 端口的监听。必须配置有效的证书才会生效。",
+    "LabelEnableHttpsHelp": "监听已配置的 HTTPS 端口。必须配置有效的证书才会生效。",
     "LabelEnableHttps": "启用 HTTPS",
     "LabelChromecastVersion": "Chromecast版本",
     "HeaderDVR": "DVR",
@@ -1539,5 +1539,13 @@
     "ClearQueue": "清空队列",
     "StopPlayback": "停止播放",
     "Writers": "作者",
-    "ViewAlbumArtist": "查看专辑艺术家"
+    "ViewAlbumArtist": "查看专辑艺术家",
+    "Preview": "预览",
+    "SubtitleVerticalPositionHelp": "文字出现的行号。正数表示由上到下，负数表示由下到上。",
+    "LabelSubtitleVerticalPosition": "垂直位置：",
+    "PreviousTrack": "上一曲",
+    "MessageGetInstalledPluginsError": "获取已安装插件列表时出现错误。",
+    "MessagePluginInstallError": "安装插件时出现错误。",
+    "NextTrack": "下一曲",
+    "LabelUnstable": "不稳定"
 }

yarn.lock

@@ -40,19 +40,19 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/eslint-parser@^7.11.0":
+"@babel/eslint-parser@^7.11.3":
-  version "7.11.0"
+  version "7.11.3"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.11.0.tgz#b123924edd44508782c030066c926f1b807151cd"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.11.3.tgz#ceb94cb6e2457c4a4d2d87db29925e6b48d20786"
-  integrity sha512-dJDM2Pc01D9TwKL3Mmz2xgVF9X953RBHq9H4gywbN1q8MrfvXmNHfsCt06vvByBVQqm+9WxMs+doEH/R09TwWQ==
+  integrity sha512-OdCt/CVXdR/eTNTYDEobf4e55m/AAc04ki+/Oe2/GE8ivh2FxX4yDab48lA6t7ysP4M7luap6Fxx3hUVNTwzFQ==
   dependencies:
     eslint-scope "5.1.0"
     eslint-visitor-keys "^1.3.0"
     semver "^6.3.0"
 
-"@babel/eslint-plugin@^7.11.0":
+"@babel/eslint-plugin@^7.11.3":
-  version "7.11.0"
+  version "7.11.3"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-plugin/-/eslint-plugin-7.11.0.tgz#55d5b6bd29859cabce152f16d01b3a8150d5b295"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-plugin/-/eslint-plugin-7.11.3.tgz#66b531f90592f8f0621d072b59ea2c37c91e8d0d"
-  integrity sha512-+gfPM0/T6d25jKBgmxWp38W0jqRs16Vt7DPBxGOcnN/7nS2A/6QoaXOYEaccvWS5a9UpWlMIAylivp6UtH8/sQ==
+  integrity sha512-gmi3lgaWlYpNb+h7qPfv5GVz2ZVwzCDyV+kAGj+3il+Mv5uan5Yccvdw7m14UAAY2tdTbB0VgRF6ZLjUbrUm0g==
   dependencies:
     eslint-rule-composer "^0.3.0"