diff --git a/package.json b/package.json
index 5bbd9eb722..c6259c6536 100644
--- a/package.json
+++ b/package.json
@@ -93,21 +93,31 @@
"src/components/accessSchedule/accessSchedule.js",
"src/components/actionSheet/actionSheet.js",
"src/components/alphaPicker/alphaPicker.js",
+ "src/components/appFooter/appFooter.js",
"src/components/autoFocuser.js",
+ "src/components/backdrop/backdrop.js",
"src/components/cardbuilder/cardBuilder.js",
"src/components/cardbuilder/chaptercardbuilder.js",
"src/components/cardbuilder/peoplecardbuilder.js",
+ "src/components/channelMapper/channelMapper.js",
+ "src/components/confirm/confirm.js",
+ "src/components/displaySettings/displaySettings.js",
+ "src/components/homeScreenSettings/homeScreenSettings.js",
"src/components/directorybrowser/directorybrowser.js",
"src/components/collectionEditor/collectionEditor.js",
"src/components/dialog/dialog.js",
+ "src/components/directorybrowser/directorybrowser.js",
"src/components/dialogHelper/dialogHelper.js",
- "src/components/channelMapper/channelMapper.js",
+ "src/components/homesections/homesections.js",
"src/components/images/imageLoader.js",
"src/components/imageUploader/imageUploader.js",
"src/components/indicators/indicators.js",
+ "src/components/itemContextMenu.js",
"src/components/itemidentifier/itemidentifier.js",
"src/components/itemMediaInfo/itemMediaInfo.js",
"src/components/lazyLoader/lazyLoaderIntersectionObserver.js",
+ "src/components/multiSelect/multiSelect.js",
+ "src/components/maintabsmanager.js",
"src/components/mediaLibraryCreator/mediaLibraryCreator.js",
"src/components/mediaLibraryEditor/mediaLibraryEditor.js",
"src/components/listview/listview.js",
@@ -120,6 +130,8 @@
"src/components/playback/playmethodhelper.js",
"src/components/playback/remotecontrolautoplay.js",
"src/components/playback/volumeosd.js",
+ "src/components/prompt/prompt.js",
+ "src/components/playbackSettings/playbackSettings.js",
"src/components/playlisteditor/playlisteditor.js",
"src/components/groupedcards.js",
"src/components/htmlMediaHelper.js",
@@ -139,6 +151,9 @@
"src/controllers/dashboard/encodingsettings.js",
"src/controllers/dashboard/logs.js",
"src/controllers/user/subtitles.js",
+ "src/controllers/dashboard/mediaLibrary.js",
+ "src/controllers/dashboard/networking.js",
+ "src/controllers/dashboard/playback.js",
"src/controllers/dashboard/plugins/repositories.js",
"src/controllers/shows/episodes.js",
"src/controllers/shows/tvgenres.js",
@@ -147,14 +162,30 @@
"src/controllers/shows/tvshows.js",
"src/controllers/shows/tvstudios.js",
"src/controllers/shows/tvupcoming.js",
+ "src/controllers/dashboard/dlna/profile.js",
+ "src/controllers/dashboard/dlna/profiles.js",
+ "src/controllers/dashboard/dlna/settings.js",
+ "src/controllers/dashboard/devices/devices.js",
+ "src/controllers/dashboard/devices/device.js",
+ "src/controllers/dashboard/serveractivity.js",
"src/elements/emby-tabs/emby-tabs.js",
"src/elements/emby-scroller/emby-scroller.js",
"src/elements/emby-radio/emby-radio.js",
+ "src/elements/emby-checkbox/emby-checkbox.js",
+ "src/elements/emby-itemrefreshindicator/emby-itemrefreshindicator.js",
"src/elements/emby-progressbar/emby-progressbar.js",
"src/elements/emby-progressring/emby-progressring.js",
"src/elements/emby-itemrefreshindicator/emby-itemrefreshindicator.js",
+ "src/elements/emby-itemscontainer/emby-itemscontainer.js",
+ "src/elements/emby-playstatebutton/emby-playstatebutton.js",
+ "src/elements/emby-programcell/emby-programcell.js",
+ "src/elements/emby-radio/emby-radio.js",
+ "src/elements/emby-ratingbutton/emby-ratingbutton.js",
+ "src/elements/emby-scrollbuttons/emby-scrollbuttons.js",
+ "src/elements/emby-scroller/emby-scroller.js",
+ "src/elements/emby-select/emby-select.js",
"src/elements/emby-slider/emby-slider.js",
- "src/elements/emby-checkbox/emby-checkbox.js",
+ "src/elements/emby-tabs/emby-tabs.js",
"src/elements/emby-textarea/emby-textarea.js",
"src/elements/emby-toggle/emby-toggle.js",
"src/plugins/bookPlayer/plugin.js",
diff --git a/src/components/appFooter/appFooter.js b/src/components/appFooter/appFooter.js
index 033a0b008d..427d3b8019 100644
--- a/src/components/appFooter/appFooter.js
+++ b/src/components/appFooter/appFooter.js
@@ -1,17 +1,18 @@
-define(['browser', 'css!./appFooter'], function (browser) {
- 'use strict';
+import browser from 'browser';
+import 'css!./appFooter';
- function render(options) {
- var elem = document.createElement('div');
- elem.classList.add('appfooter');
+function render(options) {
+ const elem = document.createElement('div');
+ elem.classList.add('appfooter');
- document.body.appendChild(elem);
+ document.body.appendChild(elem);
- return elem;
- }
+ return elem;
+}
- function appFooter(options) {
- var self = this;
+class appFooter {
+ constructor(options) {
+ const self = this;
self.element = render(options);
self.add = function (elem) {
@@ -26,12 +27,11 @@ define(['browser', 'css!./appFooter'], function (browser) {
}
};
}
-
- appFooter.prototype.destroy = function () {
+ destroy() {
var self = this;
self.element = null;
- };
+ }
+}
- return appFooter;
-});
+export default new appFooter;
diff --git a/src/components/appRouter.js b/src/components/appRouter.js
index 0861cf7e00..1791aef7e2 100644
--- a/src/components/appRouter.js
+++ b/src/components/appRouter.js
@@ -21,7 +21,7 @@ define(['loading', 'globalize', 'events', 'viewManager', 'skinManager', 'backdro
};
function beginConnectionWizard() {
- backdrop.clear();
+ backdrop.clearBackdrop();
loading.show();
connectionManager.connect({
enableAutoLogin: appSettings.enableAutoLogin()
@@ -657,7 +657,7 @@ define(['loading', 'globalize', 'events', 'viewManager', 'skinManager', 'backdro
}
if (level === 'full' || level === 2) {
- backdrop.clear(true);
+ backdrop.clearBackdrop(true);
document.documentElement.classList.add('transparentDocument');
backgroundContainer.classList.add('backgroundContainer-transparent');
backdropContainer.classList.add('hide');
diff --git a/src/components/backdrop/backdrop.js b/src/components/backdrop/backdrop.js
index c15e35524c..d3c9e58b59 100644
--- a/src/components/backdrop/backdrop.js
+++ b/src/components/backdrop/backdrop.js
@@ -1,5 +1,11 @@
-define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings', 'css!./backdrop'], function (browser, connectionManager, playbackManager, dom, userSettings) {
- 'use strict';
+import browser from 'browser';
+import connectionManager from 'connectionManager';
+import playbackManager from 'playbackManager';
+import dom from 'dom';
+import * as userSettings from 'userSettings';
+import 'css!./backdrop';
+
+/* eslint-disable indent */
function enableAnimation(elem) {
if (browser.slow) {
@@ -22,71 +28,70 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
return true;
}
- function Backdrop() {
- }
+ class Backdrop {
+ load(url, parent, existingBackdropImage) {
+ const img = new Image();
+ const self = this;
- Backdrop.prototype.load = function (url, parent, existingBackdropImage) {
- var img = new Image();
- var self = this;
-
- img.onload = function () {
- if (self.isDestroyed) {
- return;
- }
-
- var backdropImage = document.createElement('div');
- backdropImage.classList.add('backdropImage');
- backdropImage.classList.add('displayingBackdropImage');
- backdropImage.style.backgroundImage = "url('" + url + "')";
- backdropImage.setAttribute('data-url', url);
-
- backdropImage.classList.add('backdropImageFadeIn');
- parent.appendChild(backdropImage);
-
- if (!enableAnimation(backdropImage)) {
- if (existingBackdropImage && existingBackdropImage.parentNode) {
- existingBackdropImage.parentNode.removeChild(existingBackdropImage);
+ img.onload = () => {
+ if (self.isDestroyed) {
+ return;
}
- internalBackdrop(true);
- return;
- }
- var onAnimationComplete = function () {
- dom.removeEventListener(backdropImage, dom.whichAnimationEvent(), onAnimationComplete, {
+ const backdropImage = document.createElement('div');
+ backdropImage.classList.add('backdropImage');
+ backdropImage.classList.add('displayingBackdropImage');
+ backdropImage.style.backgroundImage = `url('${url}')`;
+ backdropImage.setAttribute('data-url', url);
+
+ backdropImage.classList.add('backdropImageFadeIn');
+ parent.appendChild(backdropImage);
+
+ if (!enableAnimation(backdropImage)) {
+ if (existingBackdropImage && existingBackdropImage.parentNode) {
+ existingBackdropImage.parentNode.removeChild(existingBackdropImage);
+ }
+ internalBackdrop(true);
+ return;
+ }
+
+ const onAnimationComplete = () => {
+ dom.removeEventListener(backdropImage, dom.whichAnimationEvent(), onAnimationComplete, {
+ once: true
+ });
+ if (backdropImage === self.currentAnimatingElement) {
+ self.currentAnimatingElement = null;
+ }
+ if (existingBackdropImage && existingBackdropImage.parentNode) {
+ existingBackdropImage.parentNode.removeChild(existingBackdropImage);
+ }
+ };
+
+ dom.addEventListener(backdropImage, dom.whichAnimationEvent(), onAnimationComplete, {
once: true
});
- if (backdropImage === self.currentAnimatingElement) {
- self.currentAnimatingElement = null;
- }
- if (existingBackdropImage && existingBackdropImage.parentNode) {
- existingBackdropImage.parentNode.removeChild(existingBackdropImage);
- }
+
+ internalBackdrop(true);
};
- dom.addEventListener(backdropImage, dom.whichAnimationEvent(), onAnimationComplete, {
- once: true
- });
-
- internalBackdrop(true);
- };
-
- img.src = url;
- };
-
- Backdrop.prototype.cancelAnimation = function () {
- var elem = this.currentAnimatingElement;
- if (elem) {
- elem.classList.remove('backdropImageFadeIn');
- this.currentAnimatingElement = null;
+ img.src = url;
}
- };
- Backdrop.prototype.destroy = function () {
- this.isDestroyed = true;
- this.cancelAnimation();
- };
+ cancelAnimation() {
+ const elem = this.currentAnimatingElement;
+ if (elem) {
+ elem.classList.remove('backdropImageFadeIn');
+ this.currentAnimatingElement = null;
+ }
+ }
- var backdropContainer;
+ destroy() {
+ this.isDestroyed = true;
+ this.cancelAnimation();
+ }
+ }
+
+ let backdropContainer;
function getBackdropContainer() {
if (!backdropContainer) {
backdropContainer = document.querySelector('.backdropContainer');
@@ -101,7 +106,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
return backdropContainer;
}
- function clearBackdrop(clearAll) {
+ export function clearBackdrop(clearAll) {
clearRotation();
if (currentLoadingBackdrop) {
@@ -109,7 +114,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
currentLoadingBackdrop = null;
}
- var elem = getBackdropContainer();
+ const elem = getBackdropContainer();
elem.innerHTML = '';
if (clearAll) {
@@ -119,7 +124,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
internalBackdrop(false);
}
- var backgroundContainer;
+ let backgroundContainer;
function getBackgroundContainer() {
if (!backgroundContainer) {
backgroundContainer = document.querySelector('.backgroundContainer');
@@ -135,31 +140,27 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
}
}
- var hasInternalBackdrop;
+ let hasInternalBackdrop;
function internalBackdrop(enabled) {
hasInternalBackdrop = enabled;
setBackgroundContainerBackgroundEnabled();
}
- var hasExternalBackdrop;
- function externalBackdrop(enabled) {
+ let hasExternalBackdrop;
+ export function externalBackdrop(enabled) {
hasExternalBackdrop = enabled;
setBackgroundContainerBackgroundEnabled();
}
- function getRandom(min, max) {
- return Math.floor(Math.random() * (max - min) + min);
- }
-
- var currentLoadingBackdrop;
+ let currentLoadingBackdrop;
function setBackdropImage(url) {
if (currentLoadingBackdrop) {
currentLoadingBackdrop.destroy();
currentLoadingBackdrop = null;
}
- var elem = getBackdropContainer();
- var existingBackdropImage = elem.querySelector('.displayingBackdropImage');
+ const elem = getBackdropContainer();
+ const existingBackdropImage = elem.querySelector('.displayingBackdropImage');
if (existingBackdropImage && existingBackdropImage.getAttribute('data-url') === url) {
if (existingBackdropImage.getAttribute('data-url') === url) {
@@ -168,7 +169,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
existingBackdropImage.classList.remove('displayingBackdropImage');
}
- var instance = new Backdrop();
+ const instance = new Backdrop();
instance.load(url, elem, existingBackdropImage);
currentLoadingBackdrop = instance;
}
@@ -176,9 +177,9 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
function getItemImageUrls(item, imageOptions) {
imageOptions = imageOptions || {};
- var apiClient = connectionManager.getApiClient(item.ServerId);
+ const apiClient = connectionManager.getApiClient(item.ServerId);
if (item.BackdropImageTags && item.BackdropImageTags.length > 0) {
- return item.BackdropImageTags.map(function (imgTag, index) {
+ return item.BackdropImageTags.map((imgTag, index) => {
return apiClient.getScaledImageUrl(item.BackdropItemId || item.Id, Object.assign(imageOptions, {
type: 'Backdrop',
tag: imgTag,
@@ -189,7 +190,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
}
if (item.ParentBackdropItemId && item.ParentBackdropImageTags && item.ParentBackdropImageTags.length) {
- return item.ParentBackdropImageTags.map(function (imgTag, index) {
+ return item.ParentBackdropImageTags.map((imgTag, index) => {
return apiClient.getScaledImageUrl(item.ParentBackdropItemId, Object.assign(imageOptions, {
type: 'Backdrop',
tag: imgTag,
@@ -203,13 +204,13 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
}
function getImageUrls(items, imageOptions) {
- var list = [];
- var onImg = function (img) {
+ const list = [];
+ const onImg = img => {
list.push(img);
};
- for (var i = 0, length = items.length; i < length; i++) {
- var itemImages = getItemImageUrls(items[i], imageOptions);
+ for (let i = 0, length = items.length; i < length; i++) {
+ const itemImages = getItemImageUrls(items[i], imageOptions);
itemImages.forEach(onImg);
}
@@ -229,7 +230,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
// If you don't care about the order of the elements inside
// the array, you should sort both arrays here.
- for (var i = 0; i < a.length; ++i) {
+ for (let i = 0; i < a.length; ++i) {
if (a[i] !== b[i]) {
return false;
}
@@ -242,12 +243,12 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
return userSettings.enableBackdrops();
}
- var rotationInterval;
- var currentRotatingImages = [];
- var currentRotationIndex = -1;
- function setBackdrops(items, imageOptions, enableImageRotation) {
+ let rotationInterval;
+ let currentRotatingImages = [];
+ let currentRotationIndex = -1;
+ export function setBackdrops(items, imageOptions, enableImageRotation) {
if (enabled()) {
- var images = getImageUrls(items, imageOptions);
+ const images = getImageUrls(items, imageOptions);
if (images.length) {
startRotation(images, enableImageRotation);
@@ -279,7 +280,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
return;
}
- var newIndex = currentRotationIndex + 1;
+ let newIndex = currentRotationIndex + 1;
if (newIndex >= currentRotatingImages.length) {
newIndex = 0;
}
@@ -289,7 +290,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
}
function clearRotation() {
- var interval = rotationInterval;
+ const interval = rotationInterval;
if (interval) {
clearInterval(interval);
}
@@ -299,7 +300,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
currentRotationIndex = -1;
}
- function setBackdrop(url, imageOptions) {
+ export function setBackdrop(url, imageOptions) {
if (url && typeof url !== 'string') {
url = getImageUrls([url], imageOptions)[0];
}
@@ -312,10 +313,11 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'userSettings'
}
}
- return {
- setBackdrops: setBackdrops,
- setBackdrop: setBackdrop,
- clear: clearBackdrop,
- externalBackdrop: externalBackdrop
- };
-});
+/* eslint-enable indent */
+
+export default {
+ setBackdrops: setBackdrops,
+ setBackdrop: setBackdrop,
+ clearBackdrop: clearBackdrop,
+ externalBackdrop: externalBackdrop
+};
diff --git a/src/components/confirm/confirm.js b/src/components/confirm/confirm.js
index 6b9252b5f5..2d5cfdb55c 100644
--- a/src/components/confirm/confirm.js
+++ b/src/components/confirm/confirm.js
@@ -1,5 +1,9 @@
-define(['browser', 'dialog', 'globalize'], function(browser, dialog, globalize) {
- 'use strict';
+import browser from 'browser';
+import dialog from 'dialog';
+import globalize from 'globalize';
+
+/* eslint-disable indent */
+export default (() => {
function replaceAll(str, find, replace) {
return str.split(find).join(replace);
@@ -7,7 +11,7 @@ define(['browser', 'dialog', 'globalize'], function(browser, dialog, globalize)
if (browser.tv && window.confirm) {
// Use the native confirm dialog
- return function (options) {
+ return options => {
if (typeof options === 'string') {
options = {
title: '',
@@ -15,8 +19,8 @@ define(['browser', 'dialog', 'globalize'], function(browser, dialog, globalize)
};
}
- var text = replaceAll(options.text || '', '
', '\n');
- var result = confirm(text);
+ const text = replaceAll(options.text || '', '
', '\n');
+ const result = confirm(text);
if (result) {
return Promise.resolve();
@@ -26,8 +30,8 @@ define(['browser', 'dialog', 'globalize'], function(browser, dialog, globalize)
};
} else {
// Use our own dialog
- return function (text, title) {
- var options;
+ return (text, title) => {
+ let options;
if (typeof text === 'string') {
options = {
title: title,
@@ -37,7 +41,7 @@ define(['browser', 'dialog', 'globalize'], function(browser, dialog, globalize)
options = text;
}
- var items = [];
+ const items = [];
items.push({
name: options.cancelText || globalize.translate('ButtonCancel'),
@@ -53,7 +57,7 @@ define(['browser', 'dialog', 'globalize'], function(browser, dialog, globalize)
options.buttons = items;
- return dialog.show(options).then(function (result) {
+ return dialog.show(options).then(result => {
if (result === 'ok') {
return Promise.resolve();
}
@@ -62,4 +66,5 @@ define(['browser', 'dialog', 'globalize'], function(browser, dialog, globalize)
});
};
}
-});
+})();
+/* eslint-enable indent */
diff --git a/src/components/displaySettings/displaySettings.js b/src/components/displaySettings/displaySettings.js
index c4eb35f49f..801c8657bd 100644
--- a/src/components/displaySettings/displaySettings.js
+++ b/src/components/displaySettings/displaySettings.js
@@ -1,22 +1,37 @@
-define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', 'apphost', 'focusManager', 'datetime', 'globalize', 'loading', 'connectionManager', 'skinManager', 'dom', 'events', 'emby-select', 'emby-checkbox', 'emby-button'], function (require, browser, layoutManager, appSettings, pluginManager, appHost, focusManager, datetime, globalize, loading, connectionManager, skinManager, dom, events) {
- 'use strict';
+import browser from 'browser';
+import layoutManager from 'layoutManager';
+import appSettings from 'appSettings';
+import pluginManager from 'pluginManager';
+import appHost from 'apphost';
+import focusManager from 'focusManager';
+import datetime from 'datetime';
+import globalize from 'globalize';
+import loading from 'loading';
+import connectionManager from 'connectionManager';
+import skinManager from 'skinManager';
+import events from 'events';
+import 'emby-select';
+import 'emby-checkbox';
+import 'emby-button';
+
+/* eslint-disable indent */
function fillThemes(select, isDashboard) {
- select.innerHTML = skinManager.getThemes().map(function (t) {
- var value = t.id;
+ select.innerHTML = skinManager.getThemes().map(t => {
+ let value = t.id;
if (t.isDefault && !isDashboard) {
value = '';
} else if (t.isDefaultServerDashboard && isDashboard) {
value = '';
}
- return '';
+ return ``;
}).join('');
}
function loadScreensavers(context, userSettings) {
- var selectScreensaver = context.querySelector('.selectScreensaver');
- var options = pluginManager.ofType('screensaver').map(function (plugin) {
+ const selectScreensaver = context.querySelector('.selectScreensaver');
+ const options = pluginManager.ofType('screensaver').map(plugin => {
return {
name: plugin.name,
value: plugin.id
@@ -28,8 +43,8 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
value: 'none'
});
- selectScreensaver.innerHTML = options.map(function (o) {
- return '';
+ selectScreensaver.innerHTML = options.map(o => {
+ return ``;
}).join('');
selectScreensaver.value = userSettings.screensaver();
@@ -41,8 +56,8 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
function loadSoundEffects(context, userSettings) {
- var selectSoundEffects = context.querySelector('.selectSoundEffects');
- var options = pluginManager.ofType('soundeffects').map(function (plugin) {
+ const selectSoundEffects = context.querySelector('.selectSoundEffects');
+ const options = pluginManager.ofType('soundeffects').map(plugin => {
return {
name: plugin.name,
value: plugin.id
@@ -54,8 +69,8 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
value: 'none'
});
- selectSoundEffects.innerHTML = options.map(function (o) {
- return '';
+ selectSoundEffects.innerHTML = options.map(o => {
+ return ``;
}).join('');
selectSoundEffects.value = userSettings.soundEffects();
@@ -67,17 +82,17 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
function loadSkins(context, userSettings) {
- var selectSkin = context.querySelector('.selectSkin');
+ const selectSkin = context.querySelector('.selectSkin');
- var options = pluginManager.ofType('skin').map(function (plugin) {
+ const options = pluginManager.ofType('skin').map(plugin => {
return {
name: plugin.name,
value: plugin.id
};
});
- selectSkin.innerHTML = options.map(function (o) {
- return '';
+ selectSkin.innerHTML = options.map(o => {
+ return ``;
}).join('');
selectSkin.value = userSettings.skin();
@@ -92,7 +107,7 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
}
}
- function showOrHideMissingEpisodesField(context, user, apiClient) {
+ function showOrHideMissingEpisodesField(context) {
if (browser.tizen || browser.web0s) {
context.querySelector('.fldDisplayMissingEpisodes').classList.add('hide');
@@ -102,10 +117,7 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
context.querySelector('.fldDisplayMissingEpisodes').classList.remove('hide');
}
- function loadForm(context, user, userSettings, apiClient) {
-
- var loggedInUserId = apiClient.getCurrentUserId();
- var userId = user.Id;
+ function loadForm(context, user, userSettings) {
if (user.Policy.IsAdministrator) {
context.querySelector('.selectDashboardThemeContainer').classList.remove('hide');
@@ -167,8 +179,8 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
context.querySelector('.chkRunAtStartup').checked = appSettings.runAtStartup();
- var selectTheme = context.querySelector('#selectTheme');
- var selectDashboardTheme = context.querySelector('#selectDashboardTheme');
+ const selectTheme = context.querySelector('#selectTheme');
+ const selectDashboardTheme = context.querySelector('#selectDashboardTheme');
fillThemes(selectTheme);
fillThemes(selectDashboardTheme, true);
@@ -195,7 +207,7 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
context.querySelector('.selectLayout').value = layoutManager.getSavedLayout() || '';
- showOrHideMissingEpisodesField(context, user, apiClient);
+ showOrHideMissingEpisodesField(context);
loading.hide();
}
@@ -239,29 +251,29 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
function save(instance, context, userId, userSettings, apiClient, enableSaveConfirmation) {
loading.show();
- apiClient.getUser(userId).then(function (user) {
- saveUser(context, user, userSettings, apiClient).then(function () {
+ apiClient.getUser(userId).then(user => {
+ saveUser(context, user, userSettings, apiClient).then(() => {
loading.hide();
if (enableSaveConfirmation) {
- require(['toast'], function (toast) {
+ import('toast').then(({default: toast}) => {
toast(globalize.translate('SettingsSaved'));
});
}
events.trigger(instance, 'saved');
- }, function () {
+ }, () => {
loading.hide();
});
});
}
function onSubmit(e) {
- var self = this;
- var apiClient = connectionManager.getApiClient(self.options.serverId);
- var userId = self.options.userId;
- var userSettings = self.options.userSettings;
+ const self = this;
+ const apiClient = connectionManager.getApiClient(self.options.serverId);
+ const userId = self.options.userId;
+ const userSettings = self.options.userSettings;
- userSettings.setUserInfo(userId, apiClient).then(function () {
- var enableSaveConfirmation = self.options.enableSaveConfirmation;
+ userSettings.setUserInfo(userId, apiClient).then(() => {
+ const enableSaveConfirmation = self.options.enableSaveConfirmation;
save(self, self.options.element, userId, userSettings, apiClient, enableSaveConfirmation);
});
@@ -272,50 +284,51 @@ define(['require', 'browser', 'layoutManager', 'appSettings', 'pluginManager', '
return false;
}
- function embed(options, self) {
- require(['text!./displaySettings.template.html'], function (template) {
- options.element.innerHTML = globalize.translateDocument(template, 'core');
- options.element.querySelector('form').addEventListener('submit', onSubmit.bind(self));
- if (options.enableSaveButton) {
- options.element.querySelector('.btnSave').classList.remove('hide');
- }
- self.loadData(options.autoFocus);
- });
+ async function embed(options, self) {
+ const { default: template } = await import('text!./displaySettings.template.html');
+ options.element.innerHTML = globalize.translateDocument(template, 'core');
+ options.element.querySelector('form').addEventListener('submit', onSubmit.bind(self));
+ if (options.enableSaveButton) {
+ options.element.querySelector('.btnSave').classList.remove('hide');
+ }
+ self.loadData(options.autoFocus);
}
- function DisplaySettings(options) {
- this.options = options;
- embed(options, this);
- }
+ class DisplaySettings {
+ constructor(options) {
+ this.options = options;
+ embed(options, this);
+ }
- DisplaySettings.prototype.loadData = function (autoFocus) {
- var self = this;
- var context = self.options.element;
+ loadData(autoFocus) {
+ const self = this;
+ const context = self.options.element;
- loading.show();
+ loading.show();
- var userId = self.options.userId;
- var apiClient = connectionManager.getApiClient(self.options.serverId);
- var userSettings = self.options.userSettings;
+ const userId = self.options.userId;
+ const apiClient = connectionManager.getApiClient(self.options.serverId);
+ const userSettings = self.options.userSettings;
- return apiClient.getUser(userId).then(function (user) {
- return userSettings.setUserInfo(userId, apiClient).then(function () {
- self.dataLoaded = true;
- loadForm(context, user, userSettings, apiClient);
- if (autoFocus) {
- focusManager.autoFocus(context);
- }
+ return apiClient.getUser(userId).then(user => {
+ return userSettings.setUserInfo(userId, apiClient).then(() => {
+ self.dataLoaded = true;
+ loadForm(context, user, userSettings);
+ if (autoFocus) {
+ focusManager.autoFocus(context);
+ }
+ });
});
- });
- };
+ }
- DisplaySettings.prototype.submit = function () {
- onSubmit.call(this);
- };
+ submit() {
+ onSubmit.call(this);
+ }
- DisplaySettings.prototype.destroy = function () {
- this.options = null;
- };
+ destroy() {
+ this.options = null;
+ }
+ }
- return DisplaySettings;
-});
+/* eslint-enable indent */
+export default DisplaySettings;
diff --git a/src/components/homeScreenSettings/homeScreenSettings.js b/src/components/homeScreenSettings/homeScreenSettings.js
index 9eae944d26..5e7d6b4c51 100644
--- a/src/components/homeScreenSettings/homeScreenSettings.js
+++ b/src/components/homeScreenSettings/homeScreenSettings.js
@@ -1,26 +1,37 @@
-define(['require', 'apphost', 'layoutManager', 'focusManager', 'globalize', 'loading', 'connectionManager', 'homeSections', 'dom', 'events', 'listViewStyle', 'emby-select', 'emby-checkbox'], function (require, appHost, layoutManager, focusManager, globalize, loading, connectionManager, homeSections, dom, events) {
- 'use strict';
+import layoutManager from 'layoutManager';
+import focusManager from 'focusManager';
+import globalize from 'globalize';
+import loading from 'loading';
+import connectionManager from 'connectionManager';
+import homeSections from 'homeSections';
+import dom from 'dom';
+import events from 'events';
+import 'listViewStyle';
+import 'emby-select';
+import 'emby-checkbox';
- var numConfigurableSections = 7;
+/* eslint-disable indent */
+
+ const numConfigurableSections = 7;
function renderViews(page, user, result) {
- var folderHtml = '';
+ let folderHtml = '';
folderHtml += '