mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Merge branch 'master' into migrate-to-ES6-55

Browse source
This commit is contained in:
Cameron 2020-08-09 13:01:17 +01:00 • committed by GitHub
commit b0b4f8108a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
55 changed files with 2942 additions and 2837 deletions
Download patch file Download diff file Expand all files Collapse all files

9
package.json
View file

@ -112,6 +112,8 @@
"src/components/filterdialog/filterdialog.js", "src/components/filterdialog/filterdialog.js",
"src/components/focusManager.js", "src/components/focusManager.js",
"src/components/groupedcards.js", "src/components/groupedcards.js",
"src/components/guide/guide.js",
"src/components/guide/guide-settings.js",
"src/components/homeScreenSettings/homeScreenSettings.js", "src/components/homeScreenSettings/homeScreenSettings.js",
"src/components/homesections/homesections.js", "src/components/homesections/homesections.js",
"src/components/htmlMediaHelper.js", "src/components/htmlMediaHelper.js",
@ -158,8 +160,10 @@
"src/components/recordingcreator/seriesrecordingeditor.js", "src/components/recordingcreator/seriesrecordingeditor.js",
"src/components/recordingcreator/recordinghelper.js", "src/components/recordingcreator/recordinghelper.js",
"src/components/refreshdialog/refreshdialog.js", "src/components/refreshdialog/refreshdialog.js",
"src/components/remotecontrol/remotecontrol.js",
"src/components/sanatizefilename.js", "src/components/sanatizefilename.js",
"src/components/scrollManager.js", "src/components/scrollManager.js",
"src/plugins/chromecastPlayer/plugin.js",
"src/components/slideshow/slideshow.js", "src/components/slideshow/slideshow.js",
"src/components/sortmenu/sortmenu.js", "src/components/sortmenu/sortmenu.js",
"src/plugins/htmlVideoPlayer/plugin.js", "src/plugins/htmlVideoPlayer/plugin.js",
@ -177,6 +181,7 @@
"src/components/syncPlay/playbackPermissionManager.js", "src/components/syncPlay/playbackPermissionManager.js",
"src/components/syncPlay/syncPlayManager.js", "src/components/syncPlay/syncPlayManager.js",
"src/components/syncPlay/timeSyncManager.js", "src/components/syncPlay/timeSyncManager.js",
"src/components/tabbedview/tabbedview.js",
"src/components/viewManager/viewManager.js", "src/components/viewManager/viewManager.js",
"src/components/tvproviders/schedulesdirect.js", "src/components/tvproviders/schedulesdirect.js",
"src/components/tvproviders/xmltv.js", "src/components/tvproviders/xmltv.js",
@ -206,7 +211,7 @@
"src/controllers/music/musicplaylists.js", "src/controllers/music/musicplaylists.js",
"src/controllers/music/musicrecommended.js", "src/controllers/music/musicrecommended.js",
"src/controllers/music/songs.js", "src/controllers/music/songs.js",
"src/controllers/dashboard/mediaLibrary.js", "src/controllers/dashboard/library.js",
"src/controllers/dashboard/metadataImages.js", "src/controllers/dashboard/metadataImages.js",
"src/controllers/dashboard/metadatanfo.js", "src/controllers/dashboard/metadatanfo.js",
"src/controllers/dashboard/networking.js", "src/controllers/dashboard/networking.js",
@ -227,6 +232,7 @@
"src/controllers/dashboard/users/userparentalcontrol.js", "src/controllers/dashboard/users/userparentalcontrol.js",
"src/controllers/dashboard/users/userpasswordpage.js", "src/controllers/dashboard/users/userpasswordpage.js",
"src/controllers/dashboard/users/userprofilespage.js", "src/controllers/dashboard/users/userprofilespage.js",
"src/controllers/home.js",
"src/controllers/list.js", "src/controllers/list.js",
"src/controllers/edititemmetadata.js", "src/controllers/edititemmetadata.js",
"src/controllers/favorites.js", "src/controllers/favorites.js",
@ -313,6 +319,7 @@
"src/scripts/autoThemes.js", "src/scripts/autoThemes.js",
"src/scripts/themeManager.js", "src/scripts/themeManager.js",
"src/scripts/keyboardNavigation.js", "src/scripts/keyboardNavigation.js",
"src/scripts/libraryMenu.js",
"src/scripts/libraryBrowser.js", "src/scripts/libraryBrowser.js",
"src/scripts/livetvcomponents.js", "src/scripts/livetvcomponents.js",
"src/scripts/mouseManager.js", "src/scripts/mouseManager.js",

87
src/components/guide/guide-settings.js
View file

@ -1,17 +1,21 @@
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';
layoutManager = layoutManager.default || layoutManager; import layoutManager from 'layoutManager';
scrollHelper = scrollHelper.default || scrollHelper; import scrollHelper from 'scrollHelper';
import 'emby-checkbox';
import 'emby-radio';
import 'css!./../formdialog';
import 'material-icons';
function saveCategories(context, options) { function saveCategories(context, options) {
var categories = []; const categories = [];
var chkCategorys = context.querySelectorAll('.chkCategory'); const chkCategorys = context.querySelectorAll('.chkCategory');
for (var i = 0, length = chkCategorys.length; i < length; i++) { for (const chkCategory of chkCategorys) {
var type = chkCategorys[i].getAttribute('data-type'); const type = chkCategory.getAttribute('data-type');
if (chkCategorys[i].checked) { if (chkCategory.checked) {
categories.push(type); categories.push(type);
} }
} }
@ -26,70 +30,66 @@ define(['dialogHelper', 'globalize', 'userSettings', 'layoutManager', 'connectio
} }
function loadCategories(context, options) { function loadCategories(context, options) {
var selectedCategories = options.categories || []; const selectedCategories = options.categories || [];
var chkCategorys = context.querySelectorAll('.chkCategory'); const chkCategorys = context.querySelectorAll('.chkCategory');
for (var i = 0, length = chkCategorys.length; i < length; i++) { for (const chkCategory of chkCategorys) {
var type = chkCategorys[i].getAttribute('data-type'); const type = chkCategory.getAttribute('data-type');
chkCategorys[i].checked = !selectedCategories.length || selectedCategories.indexOf(type) !== -1; chkCategory.checked = !selectedCategories.length || selectedCategories.indexOf(type) !== -1;
} }
} }
function save(context) { function save(context) {
var i; const chkIndicators = context.querySelectorAll('.chkIndicator');
var length;
var chkIndicators = context.querySelectorAll('.chkIndicator'); for (const chkIndicator of chkIndicators) {
for (i = 0, length = chkIndicators.length; i < length; i++) { const type = chkIndicator.getAttribute('data-type');
var type = chkIndicators[i].getAttribute('data-type'); userSettings.set('guide-indicator-' + type, chkIndicator.checked);
userSettings.set('guide-indicator-' + type, chkIndicators[i].checked);
} }
userSettings.set('guide-colorcodedbackgrounds', context.querySelector('.chkColorCodedBackgrounds').checked); userSettings.set('guide-colorcodedbackgrounds', context.querySelector('.chkColorCodedBackgrounds').checked);
userSettings.set('livetv-favoritechannelsattop', context.querySelector('.chkFavoriteChannelsAtTop').checked); userSettings.set('livetv-favoritechannelsattop', context.querySelector('.chkFavoriteChannelsAtTop').checked);
var sortBys = context.querySelectorAll('.chkSortOrder'); const sortBys = context.querySelectorAll('.chkSortOrder');
for (i = 0, length = sortBys.length; i < length; i++) { for (const sortBy of sortBys) {
if (sortBys[i].checked) { if (sortBy.checked) {
userSettings.set('livetv-channelorder', sortBys[i].value); userSettings.set('livetv-channelorder', sortBy.value);
break; break;
} }
} }
} }
function load(context) { function load(context) {
var i; const chkIndicators = context.querySelectorAll('.chkIndicator');
var length;
var chkIndicators = context.querySelectorAll('.chkIndicator'); for (const chkIndicator of chkIndicators) {
for (i = 0, length = chkIndicators.length; i < length; i++) { const type = chkIndicator.getAttribute('data-type');
var type = chkIndicators[i].getAttribute('data-type');
if (chkIndicators[i].getAttribute('data-default') === 'true') { if (chkIndicator.getAttribute('data-default') === 'true') {
chkIndicators[i].checked = userSettings.get('guide-indicator-' + type) !== 'false'; chkIndicator.checked = userSettings.get('guide-indicator-' + type) !== 'false';
} else { } else {
chkIndicators[i].checked = userSettings.get('guide-indicator-' + type) === 'true'; chkIndicator.checked = userSettings.get('guide-indicator-' + type) === 'true';
} }
} }
context.querySelector('.chkColorCodedBackgrounds').checked = userSettings.get('guide-colorcodedbackgrounds') === 'true'; context.querySelector('.chkColorCodedBackgrounds').checked = userSettings.get('guide-colorcodedbackgrounds') === 'true';
context.querySelector('.chkFavoriteChannelsAtTop').checked = userSettings.get('livetv-favoritechannelsattop') !== 'false'; context.querySelector('.chkFavoriteChannelsAtTop').checked = userSettings.get('livetv-favoritechannelsattop') !== 'false';
var sortByValue = userSettings.get('livetv-channelorder') || 'Number'; const sortByValue = userSettings.get('livetv-channelorder') || 'Number';
var sortBys = context.querySelectorAll('.chkSortOrder'); const sortBys = context.querySelectorAll('.chkSortOrder');
for (i = 0, length = sortBys.length; i < length; i++) { for (const sortBy of sortBys) {
sortBys[i].checked = sortBys[i].value === sortByValue; sortBy.checked = sortBy.value === sortByValue;
} }
} }
function showEditor(options) { function showEditor(options) {
return new Promise(function (resolve, reject) { return new Promise(function (resolve, reject) {
var settingsChanged = false; let settingsChanged = false;
require(['text!./guide-settings.template.html'], function (template) { import('text!./guide-settings.template.html').then(({ default: template }) => {
var dialogOptions = { const dialogOptions = {
removeOnClose: true, removeOnClose: true,
scrollY: false scrollY: false
}; };
@ -100,11 +100,11 @@ define(['dialogHelper', 'globalize', 'userSettings', 'layoutManager', 'connectio
dialogOptions.size = 'small'; dialogOptions.size = 'small';
} }
var dlg = dialogHelper.createDialog(dialogOptions); const dlg = dialogHelper.createDialog(dialogOptions);
dlg.classList.add('formDialog'); dlg.classList.add('formDialog');
var html = ''; let html = '';
html += globalize.translateHtml(template, 'core'); html += globalize.translateHtml(template, 'core');
@ -144,7 +144,6 @@ define(['dialogHelper', 'globalize', 'userSettings', 'layoutManager', 'connectio
}); });
} }
return { export default {
show: showEditor show: showEditor
}; };
});

408
src/components/guide/guide.js
View file

@ -1,16 +1,33 @@
define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager', 'scrollHelper', 'serverNotifications', 'loading', 'datetime', 'focusManager', 'playbackManager', 'userSettings', 'imageLoader', 'events', 'layoutManager', 'itemShortcuts', 'dom', 'css!./guide.css', 'programStyles', 'material-icons', 'scrollStyles', 'emby-programcell', 'emby-button', 'paper-icon-button-light', 'emby-tabs', 'emby-scroller', 'flexStyles', 'webcomponents'], function (require, inputManager, browser, globalize, connectionManager, scrollHelper, serverNotifications, loading, datetime, focusManager, playbackManager, userSettings, imageLoader, events, layoutManager, itemShortcuts, dom) { import inputManager from 'inputManager';
'use strict'; import browser from 'browser';
import globalize from 'globalize';
playbackManager = playbackManager.default || playbackManager; import connectionManager from 'connectionManager';
browser = browser.default || browser; import scrollHelper from 'scrollHelper';
loading = loading.default || loading; import serverNotifications from 'serverNotifications';
layoutManager = layoutManager.default || layoutManager; import loading from 'loading';
focusManager = focusManager.default || focusManager; import datetime from 'datetime';
scrollHelper = scrollHelper.default || scrollHelper; import focusManager from 'focusManager';
serverNotifications = serverNotifications.default || serverNotifications; import playbackManager from 'playbackManager';
import * as userSettings from 'userSettings';
import imageLoader from 'imageLoader';
import events from 'events';
import layoutManager from 'layoutManager';
import itemShortcuts from 'itemShortcuts';
import dom from 'dom';
import 'css!./guide.css';
import 'programStyles';
import 'material-icons';
import 'scrollStyles';
import 'emby-programcell';
import 'emby-button';
import 'paper-icon-button-light';
import 'emby-tabs';
import 'emby-scroller';
import 'flexStyles';
import 'webcomponents';
function showViewSettings(instance) { function showViewSettings(instance) {
require(['guide-settings-dialog'], function (guideSettingsDialog) { import('guide-settings-dialog').then(({default: guideSettingsDialog}) => {
guideSettingsDialog.show(instance.categoryOptions).then(function () { guideSettingsDialog.show(instance.categoryOptions).then(function () {
instance.refresh(); instance.refresh();
}); });
@ -18,30 +35,30 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function updateProgramCellOnScroll(cell, scrollPct) { function updateProgramCellOnScroll(cell, scrollPct) {
var left = cell.posLeft; let left = cell.posLeft;
if (!left) { if (!left) {
left = parseFloat(cell.style.left.replace('%', '')); left = parseFloat(cell.style.left.replace('%', ''));
cell.posLeft = left; cell.posLeft = left;
} }
var width = cell.posWidth; let width = cell.posWidth;
if (!width) { if (!width) {
width = parseFloat(cell.style.width.replace('%', '')); width = parseFloat(cell.style.width.replace('%', ''));
cell.posWidth = width; cell.posWidth = width;
} }
var right = left + width; const right = left + width;
var newPct = Math.max(Math.min(scrollPct, right), left); const newPct = Math.max(Math.min(scrollPct, right), left);
var offset = newPct - left; const offset = newPct - left;
var pctOfWidth = (offset / width) * 100; const pctOfWidth = (offset / width) * 100;
var guideProgramName = cell.guideProgramName; let guideProgramName = cell.guideProgramName;
if (!guideProgramName) { if (!guideProgramName) {
guideProgramName = cell.querySelector('.guideProgramName'); guideProgramName = cell.querySelector('.guideProgramName');
cell.guideProgramName = guideProgramName; cell.guideProgramName = guideProgramName;
} }
var caret = cell.caret; let caret = cell.caret;
if (!caret) { if (!caret) {
caret = cell.querySelector('.guide-programNameCaret'); caret = cell.querySelector('.guide-programNameCaret');
cell.caret = caret; cell.caret = caret;
@ -58,7 +75,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
} }
var isUpdatingProgramCellScroll = false; let isUpdatingProgramCellScroll = false;
function updateProgramCellsOnScroll(programGrid, programCells) { function updateProgramCellsOnScroll(programGrid, programCells) {
if (isUpdatingProgramCellScroll) { if (isUpdatingProgramCellScroll) {
return; return;
@ -67,12 +84,12 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
isUpdatingProgramCellScroll = true; isUpdatingProgramCellScroll = true;
requestAnimationFrame(function () { requestAnimationFrame(function () {
var scrollLeft = programGrid.scrollLeft; const scrollLeft = programGrid.scrollLeft;
var scrollPct = scrollLeft ? (scrollLeft / programGrid.scrollWidth) * 100 : 0; const scrollPct = scrollLeft ? (scrollLeft / programGrid.scrollWidth) * 100 : 0;
for (var i = 0, length = programCells.length; i < length; i++) { for (const programCell of programCells) {
updateProgramCellOnScroll(programCells[i], scrollPct); updateProgramCellOnScroll(programCell, scrollPct);
} }
isUpdatingProgramCellScroll = false; isUpdatingProgramCellScroll = false;
@ -84,17 +101,17 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
return; return;
} }
var programCell = dom.parentWithClass(e.target, 'programCell'); const programCell = dom.parentWithClass(e.target, 'programCell');
if (programCell) { if (programCell) {
var startDate = programCell.getAttribute('data-startdate'); let startDate = programCell.getAttribute('data-startdate');
var endDate = programCell.getAttribute('data-enddate'); let endDate = programCell.getAttribute('data-enddate');
startDate = datetime.parseISO8601Date(startDate, { toLocal: true }).getTime(); startDate = datetime.parseISO8601Date(startDate, { toLocal: true }).getTime();
endDate = datetime.parseISO8601Date(endDate, { toLocal: true }).getTime(); endDate = datetime.parseISO8601Date(endDate, { toLocal: true }).getTime();
var now = new Date().getTime(); const now = new Date().getTime();
if (now >= startDate && now < endDate) { if (now >= startDate && now < endDate) {
var channelId = programCell.getAttribute('data-channelid'); const channelId = programCell.getAttribute('data-channelid');
var serverId = programCell.getAttribute('data-serverid'); const serverId = programCell.getAttribute('data-serverid');
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@ -108,24 +125,24 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function Guide(options) { function Guide(options) {
var self = this; const self = this;
var items = {}; let items = {};
self.options = options; self.options = options;
self.categoryOptions = { categories: [] }; self.categoryOptions = { categories: [] };
// 30 mins // 30 mins
var cellCurationMinutes = 30; const cellCurationMinutes = 30;
var cellDurationMs = cellCurationMinutes * 60 * 1000; const cellDurationMs = cellCurationMinutes * 60 * 1000;
var msPerDay = 86400000; const msPerDay = 86400000;
var currentDate; let currentDate;
var currentStartIndex = 0; let currentStartIndex = 0;
var currentChannelLimit = 0; let currentChannelLimit = 0;
var autoRefreshInterval; let autoRefreshInterval;
var programCells; let programCells;
var lastFocusDirection; let lastFocusDirection;
var programGrid; let programGrid;
self.refresh = function () { self.refresh = function () {
currentDate = null; currentDate = null;
@ -161,7 +178,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
function restartAutoRefresh() { function restartAutoRefresh() {
stopAutoRefresh(); stopAutoRefresh();
var intervalMs = 60000 * 15; // (minutes) const intervalMs = 60000 * 15; // (minutes)
autoRefreshInterval = setInterval(function () { autoRefreshInterval = setInterval(function () {
self.refresh(); self.refresh();
@ -176,7 +193,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function normalizeDateToTimeslot(date) { function normalizeDateToTimeslot(date) {
var minutesOffset = date.getMinutes() - cellCurationMinutes; const minutesOffset = date.getMinutes() - cellCurationMinutes;
if (minutesOffset >= 0) { if (minutesOffset >= 0) {
date.setHours(date.getHours(), cellCurationMinutes, 0, 0); date.setHours(date.getHours(), cellCurationMinutes, 0, 0);
@ -196,9 +213,9 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function reloadGuide(context, newStartDate, scrollToTimeMs, focusToTimeMs, startTimeOfDayMs, focusProgramOnRender) { function reloadGuide(context, newStartDate, scrollToTimeMs, focusToTimeMs, startTimeOfDayMs, focusProgramOnRender) {
var apiClient = connectionManager.getApiClient(options.serverId); const apiClient = connectionManager.getApiClient(options.serverId);
var channelQuery = { const channelQuery = {
StartIndex: 0, StartIndex: 0,
EnableFavoriteSorting: userSettings.get('livetv-favoritechannelsattop') !== 'false' EnableFavoriteSorting: userSettings.get('livetv-favoritechannelsattop') !== 'false'
@ -206,7 +223,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
channelQuery.UserId = apiClient.getCurrentUserId(); channelQuery.UserId = apiClient.getCurrentUserId();
var channelLimit = 500; const channelLimit = 500;
currentChannelLimit = channelLimit; currentChannelLimit = channelLimit;
showLoading(); showLoading();
@ -217,12 +234,12 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
channelQuery.EnableUserData = false; channelQuery.EnableUserData = false;
channelQuery.EnableImageTypes = 'Primary'; channelQuery.EnableImageTypes = 'Primary';
var categories = self.categoryOptions.categories || []; const categories = self.categoryOptions.categories || [];
var displayMovieContent = !categories.length || categories.indexOf('movies') !== -1; const displayMovieContent = !categories.length || categories.indexOf('movies') !== -1;
var displaySportsContent = !categories.length || categories.indexOf('sports') !== -1; const displaySportsContent = !categories.length || categories.indexOf('sports') !== -1;
var displayNewsContent = !categories.length || categories.indexOf('news') !== -1; const displayNewsContent = !categories.length || categories.indexOf('news') !== -1;
var displayKidsContent = !categories.length || categories.indexOf('kids') !== -1; const displayKidsContent = !categories.length || categories.indexOf('kids') !== -1;
var displaySeriesContent = !categories.length || categories.indexOf('series') !== -1; const displaySeriesContent = !categories.length || categories.indexOf('series') !== -1;
if (displayMovieContent && displaySportsContent && displayNewsContent && displayKidsContent) { if (displayMovieContent && displaySportsContent && displayNewsContent && displayKidsContent) {
channelQuery.IsMovie = null; channelQuery.IsMovie = null;
@ -256,19 +273,19 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
channelQuery.SortOrder = null; channelQuery.SortOrder = null;
} }
var date = newStartDate; let date = newStartDate;
// Add one second to avoid getting programs that are just ending // Add one second to avoid getting programs that are just ending
date = new Date(date.getTime() + 1000); date = new Date(date.getTime() + 1000);
// Subtract to avoid getting programs that are starting when the grid ends // Subtract to avoid getting programs that are starting when the grid ends
var nextDay = new Date(date.getTime() + msPerDay - 2000); const nextDay = new Date(date.getTime() + msPerDay - 2000);
// Normally we'd want to just let responsive css handle this, // Normally we'd want to just let responsive css handle this,
// but since mobile browsers are often underpowered, // but since mobile browsers are often underpowered,
// it can help performance to get them out of the markup // it can help performance to get them out of the markup
var allowIndicators = dom.getWindowSize().innerWidth >= 600; const allowIndicators = dom.getWindowSize().innerWidth >= 600;
var renderOptions = { const renderOptions = {
showHdIcon: allowIndicators && userSettings.get('guide-indicator-hd') === 'true', showHdIcon: allowIndicators && userSettings.get('guide-indicator-hd') === 'true',
showLiveIndicator: allowIndicators && userSettings.get('guide-indicator-live') !== 'false', showLiveIndicator: allowIndicators && userSettings.get('guide-indicator-live') !== 'false',
showPremiereIndicator: allowIndicators && userSettings.get('guide-indicator-premiere') !== 'false', showPremiereIndicator: allowIndicators && userSettings.get('guide-indicator-premiere') !== 'false',
@ -278,8 +295,8 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
}; };
apiClient.getLiveTvChannels(channelQuery).then(function (channelsResult) { apiClient.getLiveTvChannels(channelQuery).then(function (channelsResult) {
var btnPreviousPage = context.querySelector('.btnPreviousPage'); const btnPreviousPage = context.querySelector('.btnPreviousPage');
var btnNextPage = context.querySelector('.btnNextPage'); const btnNextPage = context.querySelector('.btnNextPage');
if (channelsResult.TotalRecordCount > channelLimit) { if (channelsResult.TotalRecordCount > channelLimit) {
context.querySelector('.guideOptions').classList.remove('hide'); context.querySelector('.guideOptions').classList.remove('hide');
@ -302,9 +319,9 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
context.querySelector('.guideOptions').classList.add('hide'); context.querySelector('.guideOptions').classList.add('hide');
} }
var programFields = []; const programFields = [];
var programQuery = { const programQuery = {
UserId: apiClient.getCurrentUserId(), UserId: apiClient.getCurrentUserId(),
MaxStartDate: nextDay.toISOString(), MaxStartDate: nextDay.toISOString(),
MinEndDate: date.toISOString(), MinEndDate: date.toISOString(),
@ -348,7 +365,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function getTimeslotHeadersHtml(startDate, endDateTime) { function getTimeslotHeadersHtml(startDate, endDateTime) {
var html = ''; let html = '';
// clone // clone
startDate = new Date(startDate.getTime()); startDate = new Date(startDate.getTime());
@ -389,7 +406,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function getTimerIndicator(item) { function getTimerIndicator(item) {
var status; let status;
if (item.Type === 'SeriesTimer') { if (item.Type === 'SeriesTimer') {
return '<span class="material-icons programIcon seriesTimerIcon fiber_smart_record"></span>'; return '<span class="material-icons programIcon seriesTimerIcon fiber_smart_record"></span>';
@ -413,30 +430,30 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function getChannelProgramsHtml(context, date, channel, programs, options, listInfo) { function getChannelProgramsHtml(context, date, channel, programs, options, listInfo) {
var html = ''; let html = '';
var startMs = date.getTime(); const startMs = date.getTime();
var endMs = startMs + msPerDay - 1; const endMs = startMs + msPerDay - 1;
var outerCssClass = layoutManager.tv ? 'channelPrograms channelPrograms-tv' : 'channelPrograms'; const outerCssClass = layoutManager.tv ? 'channelPrograms channelPrograms-tv' : 'channelPrograms';
html += '<div class="' + outerCssClass + '" data-channelid="' + channel.Id + '">'; html += '<div class="' + outerCssClass + '" data-channelid="' + channel.Id + '">';
var clickAction = layoutManager.tv ? 'link' : 'programdialog'; const clickAction = layoutManager.tv ? 'link' : 'programdialog';
var categories = self.categoryOptions.categories || []; const categories = self.categoryOptions.categories || [];
var displayMovieContent = !categories.length || categories.indexOf('movies') !== -1; const displayMovieContent = !categories.length || categories.indexOf('movies') !== -1;
var displaySportsContent = !categories.length || categories.indexOf('sports') !== -1; const displaySportsContent = !categories.length || categories.indexOf('sports') !== -1;
var displayNewsContent = !categories.length || categories.indexOf('news') !== -1; const displayNewsContent = !categories.length || categories.indexOf('news') !== -1;
var displayKidsContent = !categories.length || categories.indexOf('kids') !== -1; const displayKidsContent = !categories.length || categories.indexOf('kids') !== -1;
var displaySeriesContent = !categories.length || categories.indexOf('series') !== -1; const displaySeriesContent = !categories.length || categories.indexOf('series') !== -1;
var enableColorCodedBackgrounds = userSettings.get('guide-colorcodedbackgrounds') === 'true'; const enableColorCodedBackgrounds = userSettings.get('guide-colorcodedbackgrounds') === 'true';
var programsFound; let programsFound;
var now = new Date().getTime(); const now = new Date().getTime();
for (var i = listInfo.startIndex, length = programs.length; i < length; i++) { for (let i = listInfo.startIndex, length = programs.length; i < length; i++) {
var program = programs[i]; const program = programs[i];
if (program.ChannelId !== channel.Id) { if (program.ChannelId !== channel.Id) {
if (programsFound) { if (programsFound) {
@ -451,8 +468,8 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
parseDates(program); parseDates(program);
var startDateLocalMs = program.StartDateLocal.getTime(); const startDateLocalMs = program.StartDateLocal.getTime();
var endDateLocalMs = program.EndDateLocal.getTime(); const endDateLocalMs = program.EndDateLocal.getTime();
if (endDateLocalMs < startMs) { if (endDateLocalMs < startMs) {
continue; continue;
@ -464,18 +481,18 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
items[program.Id] = program; items[program.Id] = program;
var renderStartMs = Math.max(startDateLocalMs, startMs); const renderStartMs = Math.max(startDateLocalMs, startMs);
var startPercent = (startDateLocalMs - startMs) / msPerDay; let startPercent = (startDateLocalMs - startMs) / msPerDay;
startPercent *= 100; startPercent *= 100;
startPercent = Math.max(startPercent, 0); startPercent = Math.max(startPercent, 0);
var renderEndMs = Math.min(endDateLocalMs, endMs); const renderEndMs = Math.min(endDateLocalMs, endMs);
var endPercent = (renderEndMs - renderStartMs) / msPerDay; let endPercent = (renderEndMs - renderStartMs) / msPerDay;
endPercent *= 100; endPercent *= 100;
var cssClass = 'programCell itemAction'; let cssClass = 'programCell itemAction';
var accentCssClass = null; let accentCssClass = null;
var displayInnerContent = true; let displayInnerContent = true;
if (program.IsKids) { if (program.IsKids) {
displayInnerContent = displayKidsContent; displayInnerContent = displayKidsContent;
@ -503,7 +520,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
cssClass += ' programCell-active'; cssClass += ' programCell-active';
} }
var timerAttributes = ''; let timerAttributes = '';
if (program.TimerId) { if (program.TimerId) {
timerAttributes += ' data-timerid="' + program.TimerId + '"'; timerAttributes += ' data-timerid="' + program.TimerId + '"';
} }
@ -511,12 +528,12 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
timerAttributes += ' data-seriestimerid="' + program.SeriesTimerId + '"'; timerAttributes += ' data-seriestimerid="' + program.SeriesTimerId + '"';
} }
var isAttribute = endPercent >= 2 ? ' is="emby-programcell"' : ''; const isAttribute = endPercent >= 2 ? ' is="emby-programcell"' : '';
html += '<button' + isAttribute + ' data-action="' + clickAction + '"' + timerAttributes + ' data-channelid="' + program.ChannelId + '" data-id="' + program.Id + '" data-serverid="' + program.ServerId + '" data-startdate="' + program.StartDate + '" data-enddate="' + program.EndDate + '" data-type="' + program.Type + '" class="' + cssClass + '" style="left:' + startPercent + '%;width:' + endPercent + '%;">'; html += '<button' + isAttribute + ' data-action="' + clickAction + '"' + timerAttributes + ' data-channelid="' + program.ChannelId + '" data-id="' + program.Id + '" data-serverid="' + program.ServerId + '" data-startdate="' + program.StartDate + '" data-enddate="' + program.EndDate + '" data-type="' + program.Type + '" class="' + cssClass + '" style="left:' + startPercent + '%;width:' + endPercent + '%;">';
if (displayInnerContent) { if (displayInnerContent) {
var guideProgramNameClass = 'guideProgramName'; const guideProgramNameClass = 'guideProgramName';
html += '<div class="' + guideProgramNameClass + '">'; html += '<div class="' + guideProgramNameClass + '">';
@ -524,7 +541,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
html += '<div class="guideProgramNameText">' + program.Name; html += '<div class="guideProgramNameText">' + program.Name;
var indicatorHtml = null; let indicatorHtml = null;
if (program.IsLive && options.showLiveIndicator) { if (program.IsLive && options.showLiveIndicator) {
indicatorHtml = '<span class="liveTvProgram guideProgramIndicator">' + globalize.translate('Live') + '</span>'; indicatorHtml = '<span class="liveTvProgram guideProgramIndicator">' + globalize.translate('Live') + '</span>';
} else if (program.IsPremiere && options.showPremiereIndicator) { } else if (program.IsPremiere && options.showPremiereIndicator) {
@ -569,19 +586,18 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function renderChannelHeaders(context, channels, apiClient) { function renderChannelHeaders(context, channels, apiClient) {
var html = ''; let html = '';
for (var i = 0, length = channels.length; i < length; i++) { for (const channel of channels) {
var channel = channels[i]; const hasChannelImage = channel.ImageTags.Primary;
var hasChannelImage = channel.ImageTags.Primary;
var cssClass = 'guide-channelHeaderCell itemAction'; let cssClass = 'guide-channelHeaderCell itemAction';
if (layoutManager.tv) { if (layoutManager.tv) {
cssClass += ' guide-channelHeaderCell-tv'; cssClass += ' guide-channelHeaderCell-tv';
} }
var title = []; const title = [];
if (channel.ChannelNumber) { if (channel.ChannelNumber) {
title.push(channel.ChannelNumber); title.push(channel.ChannelNumber);
} }
@ -592,7 +608,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
html += '<button title="' + title.join(' ') + '" type="button" class="' + cssClass + '"' + ' data-action="link" data-isfolder="' + channel.IsFolder + '" data-id="' + channel.Id + '" data-serverid="' + channel.ServerId + '" data-type="' + channel.Type + '">'; html += '<button title="' + title.join(' ') + '" type="button" class="' + cssClass + '"' + ' data-action="link" data-isfolder="' + channel.IsFolder + '" data-id="' + channel.Id + '" data-serverid="' + channel.ServerId + '" data-type="' + channel.Type + '">';
if (hasChannelImage) { if (hasChannelImage) {
var url = apiClient.getScaledImageUrl(channel.Id, { const url = apiClient.getScaledImageUrl(channel.Id, {
maxHeight: 220, maxHeight: 220,
tag: channel.ImageTags.Primary, tag: channel.ImageTags.Primary,
type: 'Primary' type: 'Primary'
@ -612,20 +628,20 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
html += '</button>'; html += '</button>';
} }
var channelList = context.querySelector('.channelsContainer'); const channelList = context.querySelector('.channelsContainer');
channelList.innerHTML = html; channelList.innerHTML = html;
imageLoader.lazyChildren(channelList); imageLoader.lazyChildren(channelList);
} }
function renderPrograms(context, date, channels, programs, options) { function renderPrograms(context, date, channels, programs, options) {
var listInfo = { const listInfo = {
startIndex: 0 startIndex: 0
}; };
var html = []; const html = [];
for (var i = 0, length = channels.length; i < length; i++) { for (const channel of channels) {
html.push(getChannelProgramsHtml(context, date, channels[i], programs, options, listInfo)); html.push(getChannelProgramsHtml(context, date, channel, programs, options, listInfo));
} }
programGrid.innerHTML = html.join(''); programGrid.innerHTML = html.join('');
@ -636,17 +652,17 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function getProgramSortOrder(program, channels) { function getProgramSortOrder(program, channels) {
var channelId = program.ChannelId; const channelId = program.ChannelId;
var channelIndex = -1; let channelIndex = -1;
for (var i = 0, length = channels.length; i < length; i++) { for (let i = 0, length = channels.length; i < length; i++) {
if (channelId === channels[i].Id) { if (channelId === channels[i].Id) {
channelIndex = i; channelIndex = i;
break; break;
} }
} }
var start = datetime.parseISO8601Date(program.StartDate, { toLocal: true }); const start = datetime.parseISO8601Date(program.StartDate, { toLocal: true });
return (channelIndex * 10000000) + (start.getTime() / 60000); return (channelIndex * 10000000) + (start.getTime() / 60000);
} }
@ -656,9 +672,9 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
return getProgramSortOrder(a, channels) - getProgramSortOrder(b, channels); return getProgramSortOrder(a, channels) - getProgramSortOrder(b, channels);
}); });
var activeElement = document.activeElement; const activeElement = document.activeElement;
var itemId = activeElement && activeElement.getAttribute ? activeElement.getAttribute('data-id') : null; const itemId = activeElement && activeElement.getAttribute ? activeElement.getAttribute('data-id') : null;
var channelRowId = null; let channelRowId = null;
if (activeElement) { if (activeElement) {
channelRowId = dom.parentWithClass(activeElement, 'channelPrograms'); channelRowId = dom.parentWithClass(activeElement, 'channelPrograms');
@ -667,8 +683,8 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
renderChannelHeaders(context, channels, apiClient); renderChannelHeaders(context, channels, apiClient);
var startDate = date; const startDate = date;
var endDate = new Date(startDate.getTime() + msPerDay); const endDate = new Date(startDate.getTime() + msPerDay);
context.querySelector('.timeslotHeaders').innerHTML = getTimeslotHeadersHtml(startDate, endDate); context.querySelector('.timeslotHeaders').innerHTML = getTimeslotHeadersHtml(startDate, endDate);
items = {}; items = {};
renderPrograms(context, date, channels, programs, renderOptions); renderPrograms(context, date, channels, programs, renderOptions);
@ -683,17 +699,17 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
function scrollProgramGridToTimeMs(context, scrollToTimeMs, startTimeOfDayMs) { function scrollProgramGridToTimeMs(context, scrollToTimeMs, startTimeOfDayMs) {
scrollToTimeMs -= startTimeOfDayMs; scrollToTimeMs -= startTimeOfDayMs;
var pct = scrollToTimeMs / msPerDay; const pct = scrollToTimeMs / msPerDay;
programGrid.scrollTop = 0; programGrid.scrollTop = 0;
var scrollPos = pct * programGrid.scrollWidth; const scrollPos = pct * programGrid.scrollWidth;
nativeScrollTo(programGrid, scrollPos, true); nativeScrollTo(programGrid, scrollPos, true);
} }
function focusProgram(context, itemId, channelRowId, focusToTimeMs, startTimeOfDayMs) { function focusProgram(context, itemId, channelRowId, focusToTimeMs, startTimeOfDayMs) {
var focusElem; let focusElem;
if (itemId) { if (itemId) {
focusElem = context.querySelector('[data-id="' + itemId + '"]'); focusElem = context.querySelector('[data-id="' + itemId + '"]');
} }
@ -701,7 +717,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
if (focusElem) { if (focusElem) {
focusManager.focus(focusElem); focusManager.focus(focusElem);
} else { } else {
var autoFocusParent; let autoFocusParent;
if (channelRowId) { if (channelRowId) {
autoFocusParent = context.querySelector('[data-channelid="' + channelRowId + '"]'); autoFocusParent = context.querySelector('[data-channelid="' + channelRowId + '"]');
@ -713,14 +729,14 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
focusToTimeMs -= startTimeOfDayMs; focusToTimeMs -= startTimeOfDayMs;
var pct = (focusToTimeMs / msPerDay) * 100; const pct = (focusToTimeMs / msPerDay) * 100;
var programCell = autoFocusParent.querySelector('.programCell'); let programCell = autoFocusParent.querySelector('.programCell');
while (programCell) { while (programCell) {
var left = (programCell.style.left || '').replace('%', ''); let left = (programCell.style.left || '').replace('%', '');
left = left ? parseFloat(left) : 0; left = left ? parseFloat(left) : 0;
var width = (programCell.style.width || '').replace('%', ''); let width = (programCell.style.width || '').replace('%', '');
width = width ? parseFloat(width) : 0; width = width ? parseFloat(width) : 0;
if (left >= pct || (left + width) >= pct) { if (left >= pct || (left + width) >= pct) {
@ -753,14 +769,14 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
} }
var lastGridScroll = 0; let lastGridScroll = 0;
var lastHeaderScroll = 0; let lastHeaderScroll = 0;
var scrollXPct = 0; let scrollXPct = 0;
function onProgramGridScroll(context, elem, timeslotHeaders) { function onProgramGridScroll(context, elem, timeslotHeaders) {
if ((new Date().getTime() - lastHeaderScroll) >= 1000) { if ((new Date().getTime() - lastHeaderScroll) >= 1000) {
lastGridScroll = new Date().getTime(); lastGridScroll = new Date().getTime();
var scrollLeft = elem.scrollLeft; const scrollLeft = elem.scrollLeft;
scrollXPct = (scrollLeft * 100) / elem.scrollWidth; scrollXPct = (scrollLeft * 100) / elem.scrollWidth;
nativeScrollTo(timeslotHeaders, scrollLeft, true); nativeScrollTo(timeslotHeaders, scrollLeft, true);
} }
@ -776,17 +792,17 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function changeDate(page, date, scrollToTimeMs, focusToTimeMs, startTimeOfDayMs, focusProgramOnRender) { function changeDate(page, date, scrollToTimeMs, focusToTimeMs, startTimeOfDayMs, focusProgramOnRender) {
var newStartDate = normalizeDateToTimeslot(date); const newStartDate = normalizeDateToTimeslot(date);
currentDate = newStartDate; currentDate = newStartDate;
reloadGuide(page, newStartDate, scrollToTimeMs, focusToTimeMs, startTimeOfDayMs, focusProgramOnRender); reloadGuide(page, newStartDate, scrollToTimeMs, focusToTimeMs, startTimeOfDayMs, focusProgramOnRender);
} }
function getDateTabText(date, isActive, tabIndex) { function getDateTabText(date, isActive, tabIndex) {
var cssClass = isActive ? 'emby-tab-button guide-date-tab-button emby-tab-button-active' : 'emby-tab-button guide-date-tab-button'; const cssClass = isActive ? 'emby-tab-button guide-date-tab-button emby-tab-button-active' : 'emby-tab-button guide-date-tab-button';
var html = '<button is="emby-button" class="' + cssClass + '" data-index="' + tabIndex + '" data-date="' + date.getTime() + '">'; let html = '<button is="emby-button" class="' + cssClass + '" data-index="' + tabIndex + '" data-date="' + date.getTime() + '">';
var tabText = datetime.toLocaleDateString(date, { weekday: 'short' }); let tabText = datetime.toLocaleDateString(date, { weekday: 'short' });
tabText += '<br/>'; tabText += '<br/>';
tabText += date.getDate(); tabText += date.getDate();
@ -797,12 +813,12 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function setDateRange(page, guideInfo) { function setDateRange(page, guideInfo) {
var today = new Date(); const today = new Date();
var nowHours = today.getHours(); const nowHours = today.getHours();
today.setHours(nowHours, 0, 0, 0); today.setHours(nowHours, 0, 0, 0);
var start = datetime.parseISO8601Date(guideInfo.StartDate, { toLocal: true }); let start = datetime.parseISO8601Date(guideInfo.StartDate, { toLocal: true });
var end = datetime.parseISO8601Date(guideInfo.EndDate, { toLocal: true }); const end = datetime.parseISO8601Date(guideInfo.EndDate, { toLocal: true });
start.setHours(nowHours, 0, 0, 0); start.setHours(nowHours, 0, 0, 0);
end.setHours(0, 0, 0, 0); end.setHours(0, 0, 0, 0);
@ -813,11 +829,11 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
start = new Date(Math.max(today, start)); start = new Date(Math.max(today, start));
var dateTabsHtml = ''; let dateTabsHtml = '';
var tabIndex = 0; let tabIndex = 0;
// TODO: Use date-fns // TODO: Use date-fns
var date = new Date(); const date = new Date();
if (currentDate) { if (currentDate) {
date.setTime(currentDate.getTime()); date.setTime(currentDate.getTime());
@ -825,11 +841,11 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
date.setHours(nowHours, 0, 0, 0); date.setHours(nowHours, 0, 0, 0);
var startTimeOfDayMs = (start.getHours() * 60 * 60 * 1000); let startTimeOfDayMs = (start.getHours() * 60 * 60 * 1000);
startTimeOfDayMs += start.getMinutes() * 60 * 1000; startTimeOfDayMs += start.getMinutes() * 60 * 1000;
while (start <= end) { while (start <= end) {
var isActive = date.getDate() === start.getDate() && date.getMonth() === start.getMonth() && date.getFullYear() === start.getFullYear(); const isActive = date.getDate() === start.getDate() && date.getMonth() === start.getMonth() && date.getFullYear() === start.getFullYear();
dateTabsHtml += getDateTabText(start, isActive, tabIndex); dateTabsHtml += getDateTabText(start, isActive, tabIndex);
@ -841,23 +857,23 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
page.querySelector('.emby-tabs-slider').innerHTML = dateTabsHtml; page.querySelector('.emby-tabs-slider').innerHTML = dateTabsHtml;
page.querySelector('.guideDateTabs').refresh(); page.querySelector('.guideDateTabs').refresh();
var newDate = new Date(); const newDate = new Date();
var newDateHours = newDate.getHours(); const newDateHours = newDate.getHours();
var scrollToTimeMs = newDateHours * 60 * 60 * 1000; let scrollToTimeMs = newDateHours * 60 * 60 * 1000;
var minutes = newDate.getMinutes(); const minutes = newDate.getMinutes();
if (minutes >= 30) { if (minutes >= 30) {
scrollToTimeMs += 30 * 60 * 1000; scrollToTimeMs += 30 * 60 * 1000;
} }
var focusToTimeMs = ((newDateHours * 60) + minutes) * 60 * 1000; const focusToTimeMs = ((newDateHours * 60) + minutes) * 60 * 1000;
changeDate(page, date, scrollToTimeMs, focusToTimeMs, startTimeOfDayMs, layoutManager.tv); changeDate(page, date, scrollToTimeMs, focusToTimeMs, startTimeOfDayMs, layoutManager.tv);
} }
function reloadPage(page) { function reloadPage(page) {
showLoading(); showLoading();
var apiClient = connectionManager.getApiClient(options.serverId); const apiClient = connectionManager.getApiClient(options.serverId);
apiClient.getLiveTvGuideInfo().then(function (guideInfo) { apiClient.getLiveTvGuideInfo().then(function (guideInfo) {
setDateRange(page, guideInfo); setDateRange(page, guideInfo);
@ -865,18 +881,17 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function getChannelProgramsFocusableElements(container) { function getChannelProgramsFocusableElements(container) {
var elements = container.querySelectorAll('.programCell'); const elements = container.querySelectorAll('.programCell');
var list = []; const list = [];
// add 1 to avoid programs that are out of view to the left // add 1 to avoid programs that are out of view to the left
var currentScrollXPct = scrollXPct + 1; const currentScrollXPct = scrollXPct + 1;
for (var i = 0, length = elements.length; i < length; i++) { for (const elem of elements) {
var elem = elements[i]; let left = (elem.style.left || '').replace('%', '');
var left = (elem.style.left || '').replace('%', '');
left = left ? parseFloat(left) : 0; left = left ? parseFloat(left) : 0;
var width = (elem.style.width || '').replace('%', '');
let width = (elem.style.width || '').replace('%', '');
width = width ? parseFloat(width) : 0; width = width ? parseFloat(width) : 0;
if ((left + width) >= currentScrollXPct) { if ((left + width) >= currentScrollXPct) {
@ -888,12 +903,12 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function onInputCommand(e) { function onInputCommand(e) {
var target = e.target; const target = e.target;
var programCell = dom.parentWithClass(target, 'programCell'); const programCell = dom.parentWithClass(target, 'programCell');
var container; let container;
var channelPrograms; let channelPrograms;
var focusableElements; let focusableElements;
var newRow; let newRow;
switch (e.detail.command) { switch (e.detail.command) {
case 'up': case 'up':
@ -977,14 +992,14 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function onScrollerFocus(e) { function onScrollerFocus(e) {
var target = e.target; const target = e.target;
var programCell = dom.parentWithClass(target, 'programCell'); const programCell = dom.parentWithClass(target, 'programCell');
if (programCell) { if (programCell) {
var focused = target; const focused = target;
var id = focused.getAttribute('data-id'); const id = focused.getAttribute('data-id');
var item = items[id]; const item = items[id];
if (item) { if (item) {
events.trigger(self, 'focus', [ events.trigger(self, 'focus', [
@ -1003,9 +1018,9 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
scrollHelper.toCenter(programGrid, programCell, true, true); scrollHelper.toCenter(programGrid, programCell, true, true);
} }
} else if (lastFocusDirection === 'up' || lastFocusDirection === 'down') { } else if (lastFocusDirection === 'up' || lastFocusDirection === 'down') {
var verticalScroller = dom.parentWithClass(target, 'guideVerticalScroller'); const verticalScroller = dom.parentWithClass(target, 'guideVerticalScroller');
if (verticalScroller) { if (verticalScroller) {
var focusedElement = programCell || dom.parentWithTag(target, 'BUTTON'); const focusedElement = programCell || dom.parentWithTag(target, 'BUTTON');
verticalScroller.toCenter(focusedElement, true); verticalScroller.toCenter(focusedElement, true);
} }
} }
@ -1013,7 +1028,7 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
function setScrollEvents(view, enabled) { function setScrollEvents(view, enabled) {
if (layoutManager.tv) { if (layoutManager.tv) {
var guideVerticalScroller = view.querySelector('.guideVerticalScroller'); const guideVerticalScroller = view.querySelector('.guideVerticalScroller');
if (enabled) { if (enabled) {
inputManager.on(guideVerticalScroller, onInputCommand); inputManager.on(guideVerticalScroller, onInputCommand);
@ -1024,16 +1039,14 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function onTimerCreated(e, apiClient, data) { function onTimerCreated(e, apiClient, data) {
var programId = data.ProgramId; const programId = data.ProgramId;
// This could be null, not supported by all tv providers // This could be null, not supported by all tv providers
var newTimerId = data.Id; const newTimerId = data.Id;
// find guide cells by program id, ensure timer icon // find guide cells by program id, ensure timer icon
var cells = options.element.querySelectorAll('.programCell[data-id="' + programId + '"]'); const cells = options.element.querySelectorAll('.programCell[data-id="' + programId + '"]');
for (var i = 0, length = cells.length; i < length; i++) { for (const cell of cells) {
var cell = cells[i]; const icon = cell.querySelector('.timerIcon');
var icon = cell.querySelector('.timerIcon');
if (!icon) { if (!icon) {
cell.querySelector('.guideProgramName').insertAdjacentHTML('beforeend', '<span class="timerIcon material-icons programIcon fiber_manual_record"></span>'); cell.querySelector('.guideProgramName').insertAdjacentHTML('beforeend', '<span class="timerIcon material-icons programIcon fiber_manual_record"></span>');
} }
@ -1048,42 +1061,46 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
function onTimerCancelled(e, apiClient, data) { function onTimerCancelled(e, apiClient, data) {
var id = data.Id; const id = data.Id;
// find guide cells by timer id, remove timer icon // find guide cells by timer id, remove timer icon
var cells = options.element.querySelectorAll('.programCell[data-timerid="' + id + '"]'); const cells = options.element.querySelectorAll('.programCell[data-timerid="' + id + '"]');
for (var i = 0, length = cells.length; i < length; i++) {
var cell = cells[i]; for (const cell of cells) {
var icon = cell.querySelector('.timerIcon'); const icon = cell.querySelector('.timerIcon');
if (icon) { if (icon) {
icon.parentNode.removeChild(icon); icon.parentNode.removeChild(icon);
} }
cell.removeAttribute('data-timerid'); cell.removeAttribute('data-timerid');
} }
} }
function onSeriesTimerCancelled(e, apiClient, data) { function onSeriesTimerCancelled(e, apiClient, data) {
var id = data.Id; const id = data.Id;
// find guide cells by timer id, remove timer icon // find guide cells by timer id, remove timer icon
var cells = options.element.querySelectorAll('.programCell[data-seriestimerid="' + id + '"]'); const cells = options.element.querySelectorAll('.programCell[data-seriestimerid="' + id + '"]');
for (var i = 0, length = cells.length; i < length; i++) {
var cell = cells[i]; for (const cell of cells) {
var icon = cell.querySelector('.seriesTimerIcon'); const icon = cell.querySelector('.seriesTimerIcon');
if (icon) { if (icon) {
icon.parentNode.removeChild(icon); icon.parentNode.removeChild(icon);
} }
cell.removeAttribute('data-seriestimerid'); cell.removeAttribute('data-seriestimerid');
} }
} }
require(['text!./tvguide.template.html'], function (template) { import('text!./tvguide.template.html').then(({default: template}) => {
var context = options.element; const context = options.element;
context.classList.add('tvguide'); context.classList.add('tvguide');
context.innerHTML = globalize.translateHtml(template, 'core'); context.innerHTML = globalize.translateHtml(template, 'core');
programGrid = context.querySelector('.programGrid'); programGrid = context.querySelector('.programGrid');
var timeslotHeaders = context.querySelector('.timeslotHeaders'); const timeslotHeaders = context.querySelector('.timeslotHeaders');
if (layoutManager.tv) { if (layoutManager.tv) {
dom.addEventListener(context.querySelector('.guideVerticalScroller'), 'focus', onScrollerFocus, { dom.addEventListener(context.querySelector('.guideVerticalScroller'), 'focus', onScrollerFocus, {
@ -1132,17 +1149,17 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
}); });
context.querySelector('.guideDateTabs').addEventListener('tabchange', function (e) { context.querySelector('.guideDateTabs').addEventListener('tabchange', function (e) {
var allTabButtons = e.target.querySelectorAll('.guide-date-tab-button'); const allTabButtons = e.target.querySelectorAll('.guide-date-tab-button');
var tabButton = allTabButtons[parseInt(e.detail.selectedTabIndex)]; const tabButton = allTabButtons[parseInt(e.detail.selectedTabIndex)];
if (tabButton) { if (tabButton) {
var previousButton = e.detail.previousIndex == null ? null : allTabButtons[parseInt(e.detail.previousIndex)]; const previousButton = e.detail.previousIndex == null ? null : allTabButtons[parseInt(e.detail.previousIndex)];
var date = new Date(); const date = new Date();
date.setTime(parseInt(tabButton.getAttribute('data-date'))); date.setTime(parseInt(tabButton.getAttribute('data-date')));
var scrollWidth = programGrid.scrollWidth; const scrollWidth = programGrid.scrollWidth;
var scrollToTimeMs; let scrollToTimeMs;
if (scrollWidth) { if (scrollWidth) {
scrollToTimeMs = (programGrid.scrollLeft / scrollWidth) * msPerDay; scrollToTimeMs = (programGrid.scrollLeft / scrollWidth) * msPerDay;
} else { } else {
@ -1150,14 +1167,14 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
} }
if (previousButton) { if (previousButton) {
var previousDate = new Date(); const previousDate = new Date();
previousDate.setTime(parseInt(previousButton.getAttribute('data-date'))); previousDate.setTime(parseInt(previousButton.getAttribute('data-date')));
scrollToTimeMs += (previousDate.getHours() * 60 * 60 * 1000); scrollToTimeMs += (previousDate.getHours() * 60 * 60 * 1000);
scrollToTimeMs += (previousDate.getMinutes() * 60 * 1000); scrollToTimeMs += (previousDate.getMinutes() * 60 * 1000);
} }
var startTimeOfDayMs = (date.getHours() * 60 * 60 * 1000); let startTimeOfDayMs = (date.getHours() * 60 * 60 * 1000);
startTimeOfDayMs += (date.getMinutes() * 60 * 1000); startTimeOfDayMs += (date.getMinutes() * 60 * 1000);
changeDate(context, date, scrollToTimeMs, scrollToTimeMs, startTimeOfDayMs, false); changeDate(context, date, scrollToTimeMs, scrollToTimeMs, startTimeOfDayMs, false);
@ -1178,5 +1195,4 @@ define(['require', 'inputManager', 'browser', 'globalize', 'connectionManager',
}); });
} }
return Guide; export default Guide;
});

3
src/components/imageDownloader/imageDownloader.js
View file

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

9
src/components/metadataEditor/metadataEditor.js
View file

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

230
src/components/remotecontrol/remotecontrol.js
View file

@ -1,17 +1,32 @@
define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageLoader', 'playbackManager', 'nowPlayingHelper', 'events', 'connectionManager', 'apphost', 'globalize', 'layoutManager', 'userSettings', 'cardBuilder', 'itemContextMenu', 'cardStyle', 'emby-itemscontainer', 'css!./remotecontrol.css', 'emby-ratingbutton'], function (browser, datetime, backdrop, libraryBrowser, listView, imageLoader, playbackManager, nowPlayingHelper, events, connectionManager, appHost, globalize, layoutManager, userSettings, cardBuilder, itemContextMenu) { import datetime from 'datetime';
'use strict'; import backdrop from 'backdrop';
import listView from 'listView';
import imageLoader from 'imageLoader';
import playbackManager from 'playbackManager';
import nowPlayingHelper from 'nowPlayingHelper';
import events from 'events';
import connectionManager from 'connectionManager';
import appHost from 'apphost';
import globalize from 'globalize';
import layoutManager from 'layoutManager';
import * as userSettings from 'userSettings';
import cardBuilder from 'cardBuilder';
import itemContextMenu from 'itemContextMenu';
import 'cardStyle';
import 'emby-itemscontainer';
import 'css!./remotecontrol.css';
import 'emby-ratingbutton';
playbackManager = playbackManager.default || playbackManager; /*eslint prefer-const: "error"*/
layoutManager = layoutManager.default || layoutManager;
var showMuteButton = true; let showMuteButton = true;
var showVolumeSlider = true; let showVolumeSlider = true;
function showAudioMenu(context, player, button, item) { function showAudioMenu(context, player, button, item) {
var currentIndex = playbackManager.getAudioStreamIndex(player); const currentIndex = playbackManager.getAudioStreamIndex(player);
var streams = playbackManager.audioTracks(player); const streams = playbackManager.audioTracks(player);
var menuItems = streams.map(function (s) { const menuItems = streams.map(function (s) {
var menuItem = { const menuItem = {
name: s.DisplayTitle, name: s.DisplayTitle,
id: s.Index id: s.Index
}; };
@ -23,7 +38,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
return menuItem; return menuItem;
}); });
require(['actionsheet'], function (actionsheet) { import('actionsheet').then(({ default: actionsheet }) => {
actionsheet.show({ actionsheet.show({
items: menuItems, items: menuItems,
positionTo: button, positionTo: button,
@ -35,10 +50,10 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function showSubtitleMenu(context, player, button, item) { function showSubtitleMenu(context, player, button, item) {
var currentIndex = playbackManager.getSubtitleStreamIndex(player); const currentIndex = playbackManager.getSubtitleStreamIndex(player);
var streams = playbackManager.subtitleTracks(player); const streams = playbackManager.subtitleTracks(player);
var menuItems = streams.map(function (s) { const menuItems = streams.map(function (s) {
var menuItem = { const menuItem = {
name: s.DisplayTitle, name: s.DisplayTitle,
id: s.Index id: s.Index
}; };
@ -55,7 +70,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
selected: currentIndex == null selected: currentIndex == null
}); });
require(['actionsheet'], function (actionsheet) { import('actionsheet').then(({ default: actionsheet }) => {
actionsheet.show({ actionsheet.show({
items: menuItems, items: menuItems,
positionTo: button, positionTo: button,
@ -117,19 +132,19 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function updateNowPlayingInfo(context, state, serverId) { function updateNowPlayingInfo(context, state, serverId) {
var item = state.NowPlayingItem; const item = state.NowPlayingItem;
var displayName = item ? getNowPlayingNameHtml(item).replace('<br/>', ' - ') : ''; const displayName = item ? getNowPlayingNameHtml(item).replace('<br/>', ' - ') : '';
if (typeof item !== 'undefined') { if (typeof item !== 'undefined') {
var nowPlayingServerId = (item.ServerId || serverId); const nowPlayingServerId = (item.ServerId || serverId);
if (item.Type == 'Audio' || item.MediaStreams[0].Type == 'Audio') { if (item.Type == 'Audio' || item.MediaStreams[0].Type == 'Audio') {
var songName = item.Name; const songName = item.Name;
var artistsSeries = ''; let artistsSeries = '';
var albumName = ''; let albumName = '';
if (item.Artists != null) { if (item.Artists != null) {
if (item.ArtistItems != null) { if (item.ArtistItems != null) {
for (const artist of item.ArtistItems) { for (const artist of item.ArtistItems) {
let artistName = artist.Name; const artistName = artist.Name;
let artistId = artist.Id; const artistId = artist.Id;
artistsSeries += `<a class="button-link emby-button" is="emby-linkbutton" href="details?id=${artistId}&serverId=${nowPlayingServerId}">${artistName}</a>`; artistsSeries += `<a class="button-link emby-button" is="emby-linkbutton" href="details?id=${artistId}&serverId=${nowPlayingServerId}">${artistName}</a>`;
if (artist !== item.ArtistItems.slice(-1)[0]) { if (artist !== item.ArtistItems.slice(-1)[0]) {
artistsSeries += ', '; artistsSeries += ', ';
@ -155,11 +170,11 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
context.querySelector('.nowPlayingSongName').innerHTML = songName; context.querySelector('.nowPlayingSongName').innerHTML = songName;
} else if (item.Type == 'Episode') { } else if (item.Type == 'Episode') {
if (item.SeasonName != null) { if (item.SeasonName != null) {
var seasonName = item.SeasonName; const seasonName = item.SeasonName;
context.querySelector('.nowPlayingSeason').innerHTML = '<a class="button-link emby-button" is="emby-linkbutton" href="details?id=' + item.SeasonId + `&serverId=${nowPlayingServerId}">${seasonName}</a>`; context.querySelector('.nowPlayingSeason').innerHTML = '<a class="button-link emby-button" is="emby-linkbutton" href="details?id=' + item.SeasonId + `&serverId=${nowPlayingServerId}">${seasonName}</a>`;
} }
if (item.SeriesName != null) { if (item.SeriesName != null) {
var seriesName = item.SeriesName; const seriesName = item.SeriesName;
if (item.SeriesId != null) { if (item.SeriesId != null) {
context.querySelector('.nowPlayingSerie').innerHTML = '<a class="button-link emby-button" is="emby-linkbutton" href="details?id=' + item.SeriesId + `&serverId=${nowPlayingServerId}">${seriesName}</a>`; context.querySelector('.nowPlayingSerie').innerHTML = '<a class="button-link emby-button" is="emby-linkbutton" href="details?id=' + item.SeriesId + `&serverId=${nowPlayingServerId}">${seriesName}</a>`;
} else { } else {
@ -177,7 +192,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
context.querySelector('.nowPlayingPageTitle').classList.add('hide'); context.querySelector('.nowPlayingPageTitle').classList.add('hide');
} }
var url = item ? seriesImageUrl(item, { const url = item ? seriesImageUrl(item, {
maxHeight: 300 maxHeight: 300
}) || imageUrl(item, { }) || imageUrl(item, {
maxHeight: 300 maxHeight: 300
@ -186,14 +201,14 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
let contextButton = context.querySelector('.btnToggleContextMenu'); let contextButton = context.querySelector('.btnToggleContextMenu');
// We remove the previous event listener by replacing the item in each update event // We remove the previous event listener by replacing the item in each update event
const autoFocusContextButton = document.activeElement === contextButton; const autoFocusContextButton = document.activeElement === contextButton;
let contextButtonClone = contextButton.cloneNode(true); const contextButtonClone = contextButton.cloneNode(true);
contextButton.parentNode.replaceChild(contextButtonClone, contextButton); contextButton.parentNode.replaceChild(contextButtonClone, contextButton);
contextButton = context.querySelector('.btnToggleContextMenu'); contextButton = context.querySelector('.btnToggleContextMenu');
if (autoFocusContextButton) { if (autoFocusContextButton) {
contextButton.focus(); contextButton.focus();
} }
const stopPlayback = !!layoutManager.mobile; const stopPlayback = !!layoutManager.mobile;
var options = { const options = {
play: false, play: false,
queue: false, queue: false,
stopPlayback: stopPlayback, stopPlayback: stopPlayback,
@ -201,7 +216,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
openAlbum: false, openAlbum: false,
positionTo: contextButton positionTo: contextButton
}; };
var apiClient = connectionManager.getApiClient(item.ServerId); const apiClient = connectionManager.getApiClient(item.ServerId);
apiClient.getItem(apiClient.getCurrentUserId(), item.Id).then(function (fullItem) { apiClient.getItem(apiClient.getCurrentUserId(), item.Id).then(function (fullItem) {
apiClient.getCurrentUser().then(function (user) { apiClient.getCurrentUser().then(function (user) {
contextButton.addEventListener('click', function () { contextButton.addEventListener('click', function () {
@ -216,8 +231,8 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
if (item) { if (item) {
backdrop.setBackdrops([item]); backdrop.setBackdrops([item]);
apiClient.getItem(apiClient.getCurrentUserId(), item.Id).then(function (fullItem) { apiClient.getItem(apiClient.getCurrentUserId(), item.Id).then(function (fullItem) {
var userData = fullItem.UserData || {}; const userData = fullItem.UserData || {};
var likes = userData.Likes == null ? '' : userData.Likes; const likes = userData.Likes == null ? '' : userData.Likes;
context.querySelector('.nowPlayingPageUserDataButtonsTitle').innerHTML = '<button is="emby-ratingbutton" type="button" class="listItemButton paper-icon-button-light" data-id="' + fullItem.Id + '" data-serverid="' + fullItem.ServerId + '" data-itemtype="' + fullItem.Type + '" data-likes="' + likes + '" data-isfavorite="' + userData.IsFavorite + '"><span class="material-icons favorite"></span></button>'; context.querySelector('.nowPlayingPageUserDataButtonsTitle').innerHTML = '<button is="emby-ratingbutton" type="button" class="listItemButton paper-icon-button-light" data-id="' + fullItem.Id + '" data-serverid="' + fullItem.ServerId + '" data-itemtype="' + fullItem.Type + '" data-likes="' + likes + '" data-isfavorite="' + userData.IsFavorite + '"><span class="material-icons favorite"></span></button>';
context.querySelector('.nowPlayingPageUserDataButtons').innerHTML = '<button is="emby-ratingbutton" type="button" class="listItemButton paper-icon-button-light" data-id="' + fullItem.Id + '" data-serverid="' + fullItem.ServerId + '" data-itemtype="' + fullItem.Type + '" data-likes="' + likes + '" data-isfavorite="' + userData.IsFavorite + '"><span class="material-icons favorite"></span></button>'; context.querySelector('.nowPlayingPageUserDataButtons').innerHTML = '<button is="emby-ratingbutton" type="button" class="listItemButton paper-icon-button-light" data-id="' + fullItem.Id + '" data-serverid="' + fullItem.ServerId + '" data-itemtype="' + fullItem.Type + '" data-likes="' + likes + '" data-isfavorite="' + userData.IsFavorite + '"><span class="material-icons favorite"></span></button>';
}); });
@ -229,8 +244,8 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function setImageUrl(context, state, url) { function setImageUrl(context, state, url) {
var item = state.NowPlayingItem; const item = state.NowPlayingItem;
var imgContainer = context.querySelector('.nowPlayingPageImageContainer'); const imgContainer = context.querySelector('.nowPlayingPageImageContainer');
if (url) { if (url) {
imgContainer.innerHTML = '<img class="nowPlayingPageImage" src="' + url + '" />'; imgContainer.innerHTML = '<img class="nowPlayingPageImage" src="' + url + '" />';
@ -255,15 +270,15 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function updateSupportedCommands(context, commands) { function updateSupportedCommands(context, commands) {
var all = context.querySelectorAll('.btnCommand'); const all = context.querySelectorAll('.btnCommand');
for (var i = 0, length = all.length; i < length; i++) { for (let i = 0, length = all.length; i < length; i++) {
var enableButton = commands.indexOf(all[i].getAttribute('data-command')) !== -1; const enableButton = commands.indexOf(all[i].getAttribute('data-command')) !== -1;
all[i].disabled = !enableButton; all[i].disabled = !enableButton;
} }
} }
return function () { export default function () {
function toggleRepeat() { function toggleRepeat() {
switch (playbackManager.getRepeatMode()) { switch (playbackManager.getRepeatMode()) {
case 'RepeatAll': case 'RepeatAll':
@ -279,12 +294,12 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
function updatePlayerState(player, context, state) { function updatePlayerState(player, context, state) {
lastPlayerState = state; lastPlayerState = state;
var item = state.NowPlayingItem; const item = state.NowPlayingItem;
var playerInfo = playbackManager.getPlayerInfo(); const playerInfo = playbackManager.getPlayerInfo();
var supportedCommands = playerInfo.supportedCommands; const supportedCommands = playerInfo.supportedCommands;
currentPlayerSupportedCommands = supportedCommands; currentPlayerSupportedCommands = supportedCommands;
var playState = state.PlayState || {}; const playState = state.PlayState || {};
var isSupportedCommands = supportedCommands.includes('DisplayMessage') || supportedCommands.includes('SendString') || supportedCommands.includes('Select'); const isSupportedCommands = supportedCommands.includes('DisplayMessage') || supportedCommands.includes('SendString') || supportedCommands.includes('Select');
buttonVisible(context.querySelector('.btnToggleFullscreen'), item && item.MediaType == 'Video' && supportedCommands.includes('ToggleFullscreen')); buttonVisible(context.querySelector('.btnToggleFullscreen'), item && item.MediaType == 'Video' && supportedCommands.includes('ToggleFullscreen'));
updateAudioTracksDisplay(player, context); updateAudioTracksDisplay(player, context);
updateSubtitleTracksDisplay(player, context); updateSubtitleTracksDisplay(player, context);
@ -323,7 +338,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
buttonVisible(context.querySelector('.btnRewind'), item != null); buttonVisible(context.querySelector('.btnRewind'), item != null);
buttonVisible(context.querySelector('.btnFastForward'), item != null); buttonVisible(context.querySelector('.btnFastForward'), item != null);
} }
var positionSlider = context.querySelector('.nowPlayingPositionSlider'); const positionSlider = context.querySelector('.nowPlayingPositionSlider');
if (positionSlider && item && item.RunTimeTicks) { if (positionSlider && item && item.RunTimeTicks) {
positionSlider.setKeyboardSteps(userSettings.skipBackLength() * 1000000 / item.RunTimeTicks, positionSlider.setKeyboardSteps(userSettings.skipBackLength() * 1000000 / item.RunTimeTicks,
@ -332,7 +347,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
if (positionSlider && !positionSlider.dragging) { if (positionSlider && !positionSlider.dragging) {
positionSlider.disabled = !playState.CanSeek; positionSlider.disabled = !playState.CanSeek;
var isProgressClear = state.MediaSource && state.MediaSource.RunTimeTicks == null; const isProgressClear = state.MediaSource && state.MediaSource.RunTimeTicks == null;
positionSlider.setIsClear(isProgressClear); positionSlider.setIsClear(isProgressClear);
} }
@ -352,18 +367,18 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function updateAudioTracksDisplay(player, context) { function updateAudioTracksDisplay(player, context) {
var supportedCommands = currentPlayerSupportedCommands; const supportedCommands = currentPlayerSupportedCommands;
buttonVisible(context.querySelector('.btnAudioTracks'), playbackManager.audioTracks(player).length > 1 && supportedCommands.indexOf('SetAudioStreamIndex') != -1); buttonVisible(context.querySelector('.btnAudioTracks'), playbackManager.audioTracks(player).length > 1 && supportedCommands.indexOf('SetAudioStreamIndex') != -1);
} }
function updateSubtitleTracksDisplay(player, context) { function updateSubtitleTracksDisplay(player, context) {
var supportedCommands = currentPlayerSupportedCommands; const supportedCommands = currentPlayerSupportedCommands;
buttonVisible(context.querySelector('.btnSubtitles'), playbackManager.subtitleTracks(player).length && supportedCommands.indexOf('SetSubtitleStreamIndex') != -1); buttonVisible(context.querySelector('.btnSubtitles'), playbackManager.subtitleTracks(player).length && supportedCommands.indexOf('SetSubtitleStreamIndex') != -1);
} }
function updateRepeatModeDisplay(repeatMode) { function updateRepeatModeDisplay(repeatMode) {
var context = dlg; const context = dlg;
let toggleRepeatButtons = context.querySelectorAll('.repeatToggleButton'); const toggleRepeatButtons = context.querySelectorAll('.repeatToggleButton');
const cssClass = 'buttonActive'; const cssClass = 'buttonActive';
let innHtml = '<span class="material-icons repeat"></span>'; let innHtml = '<span class="material-icons repeat"></span>';
let repeatOn = true; let repeatOn = true;
@ -387,8 +402,8 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function updatePlayerVolumeState(context, isMuted, volumeLevel) { function updatePlayerVolumeState(context, isMuted, volumeLevel) {
var view = context; const view = context;
var supportedCommands = currentPlayerSupportedCommands; const supportedCommands = currentPlayerSupportedCommands;
if (supportedCommands.indexOf('Mute') === -1) { if (supportedCommands.indexOf('Mute') === -1) {
showMuteButton = false; showMuteButton = false;
@ -421,8 +436,8 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} else { } else {
buttonMute.classList.toggle('hide', !showMuteButton); buttonMute.classList.toggle('hide', !showMuteButton);
var nowPlayingVolumeSlider = context.querySelector('.nowPlayingVolumeSlider'); const nowPlayingVolumeSlider = context.querySelector('.nowPlayingVolumeSlider');
var nowPlayingVolumeSliderContainer = context.querySelector('.nowPlayingVolumeSliderContainer'); const nowPlayingVolumeSliderContainer = context.querySelector('.nowPlayingVolumeSliderContainer');
if (nowPlayingVolumeSlider) { if (nowPlayingVolumeSlider) {
nowPlayingVolumeSliderContainer.classList.toggle('hide', !showVolumeSlider); nowPlayingVolumeSliderContainer.classList.toggle('hide', !showVolumeSlider);
@ -435,8 +450,8 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function updatePlayPauseState(isPaused, isActive) { function updatePlayPauseState(isPaused, isActive) {
var context = dlg; const context = dlg;
var btnPlayPause = context.querySelector('.btnPlayPause'); const btnPlayPause = context.querySelector('.btnPlayPause');
const btnPlayPauseIcon = btnPlayPause.querySelector('.material-icons'); const btnPlayPauseIcon = btnPlayPause.querySelector('.material-icons');
btnPlayPauseIcon.classList.remove('play_circle_filled', 'pause_circle_filled'); btnPlayPauseIcon.classList.remove('play_circle_filled', 'pause_circle_filled');
@ -446,12 +461,12 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function updateTimeDisplay(positionTicks, runtimeTicks) { function updateTimeDisplay(positionTicks, runtimeTicks) {
var context = dlg; const context = dlg;
var positionSlider = context.querySelector('.nowPlayingPositionSlider'); const positionSlider = context.querySelector('.nowPlayingPositionSlider');
if (positionSlider && !positionSlider.dragging) { if (positionSlider && !positionSlider.dragging) {
if (runtimeTicks) { if (runtimeTicks) {
var pct = positionTicks / runtimeTicks; let pct = positionTicks / runtimeTicks;
pct *= 100; pct *= 100;
positionSlider.value = pct; positionSlider.value = pct;
} else { } else {
@ -469,7 +484,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
function loadPlaylist(context, player) { function loadPlaylist(context, player) {
getPlaylistItems(player).then(function (items) { getPlaylistItems(player).then(function (items) {
var html = ''; let html = '';
let favoritesEnabled = true; let favoritesEnabled = true;
if (layoutManager.mobile) { if (layoutManager.mobile) {
if (items.length > 0) { if (items.length > 0) {
@ -493,7 +508,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
dragHandle: true dragHandle: true
}); });
var itemsContainer = context.querySelector('.playlist'); const itemsContainer = context.querySelector('.playlist');
let focusedItemPlaylistId = itemsContainer.querySelector('button:focus'); let focusedItemPlaylistId = itemsContainer.querySelector('button:focus');
itemsContainer.innerHTML = html; itemsContainer.innerHTML = html;
if (focusedItemPlaylistId !== null) { if (focusedItemPlaylistId !== null) {
@ -504,10 +519,10 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
} }
var playlistItemId = playbackManager.getCurrentPlaylistItemId(player); const playlistItemId = playbackManager.getCurrentPlaylistItemId(player);
if (playlistItemId) { if (playlistItemId) {
var img = itemsContainer.querySelector(`.listItem[data-playlistItemId="${playlistItemId}"] .listItemImage`); const img = itemsContainer.querySelector(`.listItem[data-playlistItemId="${playlistItemId}"] .listItemImage`);
if (img) { if (img) {
img.classList.remove('lazy'); img.classList.remove('lazy');
@ -521,7 +536,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
function onPlaybackStart(e, state) { function onPlaybackStart(e, state) {
console.debug('remotecontrol event: ' + e.type); console.debug('remotecontrol event: ' + e.type);
var player = this; const player = this;
onStateChanged.call(player, e, state); onStateChanged.call(player, e, state);
} }
@ -530,12 +545,12 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function onShuffleQueueModeChange(updateView = true) { function onShuffleQueueModeChange(updateView = true) {
let shuffleMode = playbackManager.getQueueShuffleMode(this); const shuffleMode = playbackManager.getQueueShuffleMode(this);
let context = dlg; const context = dlg;
const cssClass = 'buttonActive'; const cssClass = 'buttonActive';
let shuffleButtons = context.querySelectorAll('.btnShuffleQueue'); const shuffleButtons = context.querySelectorAll('.btnShuffleQueue');
for (let shuffleButton of shuffleButtons) { for (const shuffleButton of shuffleButtons) {
switch (shuffleMode) { switch (shuffleMode) {
case 'Shuffle': case 'Shuffle':
shuffleButton.classList.add(cssClass); shuffleButton.classList.add(cssClass);
@ -557,12 +572,12 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function onPlaylistItemRemoved(e, info) { function onPlaylistItemRemoved(e, info) {
var context = dlg; const context = dlg;
if (info !== undefined) { if (info !== undefined) {
var playlistItemIds = info.playlistItemIds; const playlistItemIds = info.playlistItemIds;
for (var i = 0, length = playlistItemIds.length; i < length; i++) { for (let i = 0, length = playlistItemIds.length; i < length; i++) {
var listItem = context.querySelector('.listItem[data-playlistItemId="' + playlistItemIds[i] + '"]'); const listItem = context.querySelector('.listItem[data-playlistItemId="' + playlistItemIds[i] + '"]');
if (listItem) { if (listItem) {
listItem.parentNode.removeChild(listItem); listItem.parentNode.removeChild(listItem);
@ -575,7 +590,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
function onPlaybackStopped(e, state) { function onPlaybackStopped(e, state) {
console.debug('remotecontrol event: ' + e.type); console.debug('remotecontrol event: ' + e.type);
var player = this; const player = this;
if (!state.NextMediaType) { if (!state.NextMediaType) {
updatePlayerState(player, dlg, {}); updatePlayerState(player, dlg, {});
@ -588,29 +603,29 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function onStateChanged(event, state) { function onStateChanged(event, state) {
var player = this; const player = this;
updatePlayerState(player, dlg, state); updatePlayerState(player, dlg, state);
onPlaylistUpdate(); onPlaylistUpdate();
} }
function onTimeUpdate(e) { function onTimeUpdate(e) {
var now = new Date().getTime(); const now = new Date().getTime();
if (!(now - lastUpdateTime < 700)) { if (!(now - lastUpdateTime < 700)) {
lastUpdateTime = now; lastUpdateTime = now;
var player = this; const player = this;
currentRuntimeTicks = playbackManager.duration(player); currentRuntimeTicks = playbackManager.duration(player);
updateTimeDisplay(playbackManager.currentTime(player), currentRuntimeTicks); updateTimeDisplay(playbackManager.currentTime(player), currentRuntimeTicks);
} }
} }
function onVolumeChanged(e) { function onVolumeChanged(e) {
var player = this; const player = this;
updatePlayerVolumeState(dlg, player.isMuted(), player.getVolume()); updatePlayerVolumeState(dlg, player.isMuted(), player.getVolume());
} }
function releaseCurrentPlayer() { function releaseCurrentPlayer() {
var player = currentPlayer; const player = currentPlayer;
if (player) { if (player) {
events.off(player, 'playbackstart', onPlaybackStart); events.off(player, 'playbackstart', onPlaybackStart);
@ -631,7 +646,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
function bindToPlayer(context, player) { function bindToPlayer(context, player) {
if (releaseCurrentPlayer(), currentPlayer = player, player) { if (releaseCurrentPlayer(), currentPlayer = player, player) {
var state = playbackManager.getPlayerState(player); const state = playbackManager.getPlayerState(player);
onStateChanged.call(player, { onStateChanged.call(player, {
type: 'init' type: 'init'
}, state); }, state);
@ -647,8 +662,8 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
events.on(player, 'pause', onPlayPauseStateChanged); events.on(player, 'pause', onPlayPauseStateChanged);
events.on(player, 'unpause', onPlayPauseStateChanged); events.on(player, 'unpause', onPlayPauseStateChanged);
events.on(player, 'timeupdate', onTimeUpdate); events.on(player, 'timeupdate', onTimeUpdate);
var playerInfo = playbackManager.getPlayerInfo(); const playerInfo = playbackManager.getPlayerInfo();
var supportedCommands = playerInfo.supportedCommands; const supportedCommands = playerInfo.supportedCommands;
currentPlayerSupportedCommands = supportedCommands; currentPlayerSupportedCommands = supportedCommands;
updateSupportedCommands(context, supportedCommands); updateSupportedCommands(context, supportedCommands);
} }
@ -675,10 +690,10 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function savePlaylist() { function savePlaylist() {
require(['playlistEditor'], function (playlistEditor) { import('playlistEditor').then(({ default: playlistEditor }) => {
getSaveablePlaylistItems().then(function (items) { getSaveablePlaylistItems().then(function (items) {
var serverId = items.length ? items[0].ServerId : ApiClient.serverId(); const serverId = items.length ? items[0].ServerId : ApiClient.serverId();
new playlistEditor.showEditor({ new playlistEditor({
items: items.map(function (i) { items: items.map(function (i) {
return i.Id; return i.Id;
}), }),
@ -691,10 +706,10 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function bindEvents(context) { function bindEvents(context) {
var btnCommand = context.querySelectorAll('.btnCommand'); const btnCommand = context.querySelectorAll('.btnCommand');
var positionSlider = context.querySelector('.nowPlayingPositionSlider'); const positionSlider = context.querySelector('.nowPlayingPositionSlider');
for (var i = 0, length = btnCommand.length; i < length; i++) { for (let i = 0, length = btnCommand.length; i < length; i++) {
btnCommand[i].addEventListener('click', onBtnCommandClick); btnCommand[i].addEventListener('click', onBtnCommandClick);
} }
@ -771,22 +786,22 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
}); });
positionSlider.addEventListener('change', function () { positionSlider.addEventListener('change', function () {
var value = this.value; const value = this.value;
if (currentPlayer) { if (currentPlayer) {
var newPercent = parseFloat(value); const newPercent = parseFloat(value);
playbackManager.seekPercent(newPercent, currentPlayer); playbackManager.seekPercent(newPercent, currentPlayer);
} }
}); });
positionSlider.getBubbleText = function (value) { positionSlider.getBubbleText = function (value) {
var state = lastPlayerState; const state = lastPlayerState;
if (!state || !state.NowPlayingItem || !currentRuntimeTicks) { if (!state || !state.NowPlayingItem || !currentRuntimeTicks) {
return '--:--'; return '--:--';
} }
var ticks = currentRuntimeTicks; let ticks = currentRuntimeTicks;
ticks /= 100; ticks /= 100;
ticks *= value; ticks *= value;
return datetime.getDisplayRunningTime(ticks); return datetime.getDisplayRunningTime(ticks);
@ -799,13 +814,13 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
context.querySelector('.buttonMute').addEventListener('click', function () { context.querySelector('.buttonMute').addEventListener('click', function () {
playbackManager.toggleMute(currentPlayer); playbackManager.toggleMute(currentPlayer);
}); });
var playlistContainer = context.querySelector('.playlist'); const playlistContainer = context.querySelector('.playlist');
playlistContainer.addEventListener('action-remove', function (e) { playlistContainer.addEventListener('action-remove', function (e) {
playbackManager.removeFromPlaylist([e.detail.playlistItemId], currentPlayer); playbackManager.removeFromPlaylist([e.detail.playlistItemId], currentPlayer);
}); });
playlistContainer.addEventListener('itemdrop', function (e) { playlistContainer.addEventListener('itemdrop', function (e) {
var newIndex = e.detail.newIndex; const newIndex = e.detail.newIndex;
var playlistItemId = e.detail.playlistItemId; const playlistItemId = e.detail.playlistItemId;
playbackManager.movePlaylistItem(playlistItemId, newIndex, currentPlayer); playbackManager.movePlaylistItem(playlistItemId, newIndex, currentPlayer);
}); });
context.querySelector('.btnSavePlaylist').addEventListener('click', savePlaylist); context.querySelector('.btnSavePlaylist').addEventListener('click', savePlaylist);
@ -835,7 +850,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function onMessageSubmit(e) { function onMessageSubmit(e) {
var form = e.target; const form = e.target;
playbackManager.sendCommand({ playbackManager.sendCommand({
Name: 'DisplayMessage', Name: 'DisplayMessage',
Arguments: { Arguments: {
@ -845,7 +860,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
}, currentPlayer); }, currentPlayer);
form.querySelector('input').value = ''; form.querySelector('input').value = '';
require(['toast'], function (toast) { import('toast').then(({ default: toast }) => {
toast('Message sent.'); toast('Message sent.');
}); });
@ -855,7 +870,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
function onSendStringSubmit(e) { function onSendStringSubmit(e) {
var form = e.target; const form = e.target;
playbackManager.sendCommand({ playbackManager.sendCommand({
Name: 'SendString', Name: 'SendString',
Arguments: { Arguments: {
@ -864,7 +879,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
}, currentPlayer); }, currentPlayer);
form.querySelector('input').value = ''; form.querySelector('input').value = '';
require(['toast'], function (toast) { import('toast').then(({ default: toast }) => {
toast('Text sent.'); toast('Text sent.');
}); });
@ -878,7 +893,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
volumecontrolHtml += `<button is="paper-icon-button-light" class="buttonMute autoSize" title=${globalize.translate('Mute')}><span class="xlargePaperIconButton material-icons volume_up"></span></button>`; volumecontrolHtml += `<button is="paper-icon-button-light" class="buttonMute autoSize" title=${globalize.translate('Mute')}><span class="xlargePaperIconButton material-icons volume_up"></span></button>`;
volumecontrolHtml += '<div class="sliderContainer nowPlayingVolumeSliderContainer"><input is="emby-slider" type="range" step="1" min="0" max="100" value="0" class="nowPlayingVolumeSlider"/></div>'; volumecontrolHtml += '<div class="sliderContainer nowPlayingVolumeSliderContainer"><input is="emby-slider" type="range" step="1" min="0" max="100" value="0" class="nowPlayingVolumeSlider"/></div>';
volumecontrolHtml += '</div>'; volumecontrolHtml += '</div>';
let optionsSection = context.querySelector('.playlistSectionButton'); const optionsSection = context.querySelector('.playlistSectionButton');
if (!layoutManager.mobile) { if (!layoutManager.mobile) {
context.querySelector('.nowPlayingSecondaryButtons').insertAdjacentHTML('beforeend', volumecontrolHtml); context.querySelector('.nowPlayingSecondaryButtons').insertAdjacentHTML('beforeend', volumecontrolHtml);
optionsSection.classList.remove('align-items-center', 'justify-content-center'); optionsSection.classList.remove('align-items-center', 'justify-content-center');
@ -900,7 +915,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
events.on(playbackManager, 'playerchange', onPlayerChange); events.on(playbackManager, 'playerchange', onPlayerChange);
if (layoutManager.tv) { if (layoutManager.tv) {
var positionSlider = context.querySelector('.nowPlayingPositionSlider'); const positionSlider = context.querySelector('.nowPlayingPositionSlider');
positionSlider.classList.add('focusable'); positionSlider.classList.add('focusable');
positionSlider.enableKeyboardDragging(); positionSlider.enableKeyboardDragging();
} }
@ -916,13 +931,13 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
bindToPlayer(context, playbackManager.getCurrentPlayer()); bindToPlayer(context, playbackManager.getCurrentPlayer());
} }
var dlg; let dlg;
var currentPlayer; let currentPlayer;
var lastPlayerState; let lastPlayerState;
var currentPlayerSupportedCommands = []; let currentPlayerSupportedCommands = [];
var lastUpdateTime = 0; let lastUpdateTime = 0;
var currentRuntimeTicks = 0; let currentRuntimeTicks = 0;
var self = this; const self = this;
self.init = function (ownerView, context) { self.init = function (ownerView, context) {
dlg = context; dlg = context;
@ -936,5 +951,4 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
self.destroy = function () { self.destroy = function () {
onDialogClosed(); onDialogClosed();
}; };
}; }
});

28
src/components/tabbedview/tabbedview.js
View file

@ -1,7 +1,7 @@
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';
layoutManager = layoutManager.default || layoutManager; import 'emby-tabs';
function onViewDestroy(e) { function onViewDestroy(e) {
var tabControllers = this.tabControllers; var tabControllers = this.tabControllers;
@ -26,7 +26,8 @@ define(['backdrop', 'mainTabsManager', 'layoutManager', 'emby-tabs'], function (
} }
function TabbedView(view, params) { class TabbedView {
constructor(view, params) {
this.tabControllers = []; this.tabControllers = [];
this.view = view; this.view = view;
this.params = params; this.params = params;
@ -87,7 +88,7 @@ define(['backdrop', 'mainTabsManager', 'layoutManager', 'emby-tabs'], function (
view.addEventListener('viewdestroy', onViewDestroy.bind(this)); view.addEventListener('viewdestroy', onViewDestroy.bind(this));
} }
TabbedView.prototype.onResume = function (options) { onResume(options) {
this.setTitle(); this.setTitle();
backdrop.clearBackdrop(); backdrop.clearBackdrop();
@ -98,19 +99,18 @@ define(['backdrop', 'mainTabsManager', 'layoutManager', 'emby-tabs'], function (
} else if (currentTabController && currentTabController.onResume) { } else if (currentTabController && currentTabController.onResume) {
currentTabController.onResume({}); currentTabController.onResume({});
} }
}; }
TabbedView.prototype.onPause = function () { onPause() {
var currentTabController = this.currentTabController; var currentTabController = this.currentTabController;
if (currentTabController && currentTabController.onPause) { if (currentTabController && currentTabController.onPause) {
currentTabController.onPause(); currentTabController.onPause();
} }
}; }
setTitle() {
TabbedView.prototype.setTitle = function () {
Emby.Page.setTitle(''); Emby.Page.setTitle('');
}; }
}
return TabbedView; export default TabbedView;
});

0
src/apikeys.html → src/controllers/dashboard/apikeys.html
View file

0
src/dashboard.html → src/controllers/dashboard/dashboard.html
View file

0
src/device.html → src/controllers/dashboard/devices/device.html
View file

0
src/devices.html → src/controllers/dashboard/devices/devices.html
View file

0
src/dlnaprofile.html → src/controllers/dashboard/dlna/profile.html
View file

0
src/dlnaprofiles.html → src/controllers/dashboard/dlna/profiles.html
View file

0
src/dlnasettings.html → src/controllers/dashboard/dlna/settings.html
View file

0
src/encodingsettings.html → src/controllers/dashboard/encodingsettings.html
View file

0
src/dashboardgeneral.html → src/controllers/dashboard/general.html
View file

0
src/library.html → src/controllers/dashboard/library.html
View file

0
src/controllers/dashboard/mediaLibrary.js → src/controllers/dashboard/library.js
View file

0
src/librarydisplay.html → src/controllers/dashboard/librarydisplay.html
View file

0
src/log.html → src/controllers/dashboard/logs.html
View file

0
src/metadataimages.html → src/controllers/dashboard/metadataimages.html
View file

0
src/metadatanfo.html → src/controllers/dashboard/metadatanfo.html
View file

0
src/networking.html → src/controllers/dashboard/networking.html
View file

0
src/playbackconfiguration.html → src/controllers/dashboard/playback.html
View file

0
src/scheduledtask.html → src/controllers/dashboard/scheduledtasks/scheduledtask.html
View file

0
src/scheduledtasks.html → src/controllers/dashboard/scheduledtasks/scheduledtasks.html
View file

0
src/serveractivity.html → src/controllers/dashboard/serveractivity.html
View file

0
src/streamingsettings.html → src/controllers/dashboard/streaming.html
View file

0
src/useredit.html → src/controllers/dashboard/users/useredit.html
View file

0
src/userlibraryaccess.html → src/controllers/dashboard/users/userlibraryaccess.html
View file

0
src/usernew.html → src/controllers/dashboard/users/usernew.html
View file

0
src/userparentalcontrol.html → src/controllers/dashboard/users/userparentalcontrol.html
View file

0
src/userpassword.html → src/controllers/dashboard/users/userpassword.html
View file

0
src/userprofiles.html → src/controllers/dashboard/users/userprofiles.html
View file

0
src/edititemmetadata.html → src/controllers/edititemmetadata.html
View file

0
src/home.html → src/controllers/home.html
View file

83
src/controllers/home.js
View file

@ -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 [{ return [{
name: globalize.translate('Home') 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) { if (index == null) {
throw new Error('index cannot be null'); throw new Error('index cannot be null');
} }
var depends = []; let depends = '';
switch (index) { switch (index) {
case 0: case 0:
depends.push('controllers/hometab'); depends = 'controllers/hometab';
break; break;
case 1: 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) { 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; instance.tabControllers[index] = controller;
} }
return controller; return controller;
}); });
} }
function HomeView(view, params) {
TabbedView.call(this, view, params);
} }
Object.assign(HomeView.prototype, TabbedView.prototype); export default HomeView;
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;
});

0
src/list.html → src/controllers/list.html
View file

0
src/livetv.html → src/controllers/livetv.html
View file

0
src/livetvguideprovider.html → src/controllers/livetvguideprovider.html
View file

0
src/livetvsettings.html → src/controllers/livetvsettings.html
View file

0
src/livetvstatus.html → src/controllers/livetvstatus.html
View file

0
src/livetvtuner.html → src/controllers/livetvtuner.html
View file

0
src/movies.html → src/controllers/movies/movies.html
View file

0
src/music.html → src/controllers/music/music.html
View file

0
src/search.html → src/controllers/search.html
View file

0
src/tv.html → src/controllers/shows/tvrecommended.html
View file

0
src/wizardlibrary.html → src/controllers/wizard/library.html
View file

3
src/index.html
View file

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

521
src/plugins/chromecastPlayer/plugin.js
View file

File diff suppressed because it is too large Load diff

5
src/scripts/libraryBrowser.js
View file

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

268
src/scripts/libraryMenu.js
View file

@ -1,13 +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';
viewManager = viewManager.default || viewManager; /* eslint-disable indent */
playbackManager = playbackManager.default || playbackManager;
browser = browser.default || browser;
layoutManager = layoutManager.default || layoutManager;
function renderHeader() { function renderHeader() {
var html = ''; let html = '';
html += '<div class="flex align-items-center flex-grow headerTop">'; html += '<div class="flex align-items-center flex-grow headerTop">';
html += '<div class="headerLeft">'; 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>'; 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>';
@ -51,7 +64,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function lazyLoadViewMenuBarImages() { function lazyLoadViewMenuBarImages() {
require(['imageLoader'], function (imageLoader) { import('imageLoader').then(({default: imageLoader}) => {
imageLoader.lazyChildren(skinHeader); imageLoader.lazyChildren(skinHeader);
}); });
} }
@ -61,11 +74,11 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function updateUserInHeader(user) { function updateUserInHeader(user) {
var hasImage; let hasImage;
if (user && user.name) { if (user && user.name) {
if (user.imageUrl) { if (user.imageUrl) {
var url = user.imageUrl; const url = user.imageUrl;
updateHeaderUserButton(url); updateHeaderUserButton(url);
hasImage = true; hasImage = true;
} }
@ -92,9 +105,9 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
headerCastButton.classList.remove('hide'); 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')) { if (headerSyncButton && policy && policy.SyncPlayAccess !== 'None' && apiClient.isMinServerVersion('10.6.0')) {
headerSyncButton.classList.remove('hide'); headerSyncButton.classList.remove('hide');
} }
@ -144,7 +157,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
mainDrawerButton.addEventListener('click', toggleMainDrawer); mainDrawerButton.addEventListener('click', toggleMainDrawer);
} }
var headerBackButton = skinHeader.querySelector('.headerBackButton'); const headerBackButton = skinHeader.querySelector('.headerBackButton');
if (headerBackButton) { if (headerBackButton) {
headerBackButton.addEventListener('click', onBackClick); headerBackButton.addEventListener('click', onBackClick);
@ -186,20 +199,20 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function onCastButtonClicked() { function onCastButtonClicked() {
var btn = this; const btn = this;
require(['playerSelectionMenu'], function (playerSelectionMenu) { import('playerSelectionMenu').then(({default: playerSelectionMenu}) => {
playerSelectionMenu.show(btn); playerSelectionMenu.show(btn);
}); });
} }
function onSyncButtonClicked() { function onSyncButtonClicked() {
var btn = this; const btn = this;
groupSelectionMenu.show(btn); groupSelectionMenu.show(btn);
} }
function onSyncPlayEnabled(event, enabled) { function onSyncPlayEnabled(event, enabled) {
var icon = headerSyncButton.querySelector('span'); const icon = headerSyncButton.querySelector('span');
icon.classList.remove('sync', 'sync_disabled', 'sync_problem'); icon.classList.remove('sync', 'sync_disabled', 'sync_problem');
if (enabled) { if (enabled) {
icon.classList.add('sync'); icon.classList.add('sync');
@ -209,7 +222,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function onSyncPlaySyncing(event, is_syncing, syncMethod) { function onSyncPlaySyncing(event, is_syncing, syncMethod) {
var icon = headerSyncButton.querySelector('span'); const icon = headerSyncButton.querySelector('span');
icon.classList.remove('sync', 'sync_disabled', 'sync_problem'); icon.classList.remove('sync', 'sync_disabled', 'sync_problem');
if (is_syncing) { if (is_syncing) {
icon.classList.add('sync_problem'); icon.classList.add('sync_problem');
@ -255,7 +268,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function refreshLibraryInfoInDrawer(user, drawer) { function refreshLibraryInfoInDrawer(user, drawer) {
var html = ''; let html = '';
html += '<div style="height:.5em;"></div>'; 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>'; 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>';
@ -291,12 +304,12 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
// add buttons to navigation drawer // add buttons to navigation drawer
navDrawerScrollContainer.innerHTML = html; navDrawerScrollContainer.innerHTML = html;
var btnSettings = navDrawerScrollContainer.querySelector('.btnSettings'); const btnSettings = navDrawerScrollContainer.querySelector('.btnSettings');
if (btnSettings) { if (btnSettings) {
btnSettings.addEventListener('click', onSettingsClick); btnSettings.addEventListener('click', onSettingsClick);
} }
var btnLogout = navDrawerScrollContainer.querySelector('.btnLogout'); const btnLogout = navDrawerScrollContainer.querySelector('.btnLogout');
if (btnLogout) { if (btnLogout) {
btnLogout.addEventListener('click', onLogoutClick); btnLogout.addEventListener('click', onLogoutClick);
} }
@ -318,20 +331,20 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function updateDashboardMenuSelectedItem() { 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) { if (pageIds) {
pageIds = pageIds.split('|'); pageIds = pageIds.split('|');
selected = pageIds.indexOf(currentViewId) != -1; selected = pageIds.indexOf(currentViewId) != -1;
} }
var pageUrls = link.getAttribute('data-pageurls'); let pageUrls = link.getAttribute('data-pageurls');
if (pageUrls) { if (pageUrls) {
pageUrls = pageUrls.split('|'); pageUrls = pageUrls.split('|');
@ -340,7 +353,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
if (selected) { if (selected) {
link.classList.add('navMenuOption-selected'); link.classList.add('navMenuOption-selected');
var title = ''; let title = '';
link = link.querySelector('.navMenuOptionText') || link; link = link.querySelector('.navMenuOptionText') || link;
title += (link.innerText || link.textContent).trim(); title += (link.innerText || link.textContent).trim();
LibraryMenu.setTitle(title); LibraryMenu.setTitle(title);
@ -351,7 +364,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function createToolsMenuList(pluginItems) { function createToolsMenuList(pluginItems) {
var links = [{ const links = [{
name: globalize.translate('TabServer') name: globalize.translate('TabServer')
}, { }, {
name: globalize.translate('TabDashboard'), name: globalize.translate('TabDashboard'),
@ -463,8 +476,8 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function addPluginPagesToMainMenu(links, pluginItems, section) { 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) { if (pluginItem.EnableInMainMenu && pluginItem.MenuSection === section) {
links.push({ links.push({
@ -484,10 +497,10 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function getToolsLinkHtml(item) { 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 + '"' : ''; pageIds = pageIds ? ' data-pageids="' + pageIds + '"' : '';
var pageUrls = item.pageUrls ? item.pageUrls.join('|') : ''; let pageUrls = item.pageUrls ? item.pageUrls.join('|') : '';
pageUrls = pageUrls ? ' data-pageurls="' + pageUrls + '"' : ''; pageUrls = pageUrls ? ' data-pageurls="' + pageUrls + '"' : '';
menuHtml += '<a is="emby-linkbutton" class="navMenuOption" href="' + item.href + '"' + pageIds + pageUrls + '>'; menuHtml += '<a is="emby-linkbutton" class="navMenuOption" href="' + item.href + '"' + pageIds + pageUrls + '>';
@ -503,11 +516,11 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
function getToolsMenuHtml(apiClient) { function getToolsMenuHtml(apiClient) {
return getToolsMenuLinks(apiClient).then(function (items) { return getToolsMenuLinks(apiClient).then(function (items) {
var item; let item;
var menuHtml = ''; let menuHtml = '';
menuHtml += '<div class="drawerContent">'; menuHtml += '<div class="drawerContent">';
for (var i = 0; i < items.length; i++) { for (let i = 0; i < items.length; i++) {
item = items[i]; item = items[i];
if (item.href) { if (item.href) {
@ -525,7 +538,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
function createDashboardMenu(apiClient) { function createDashboardMenu(apiClient) {
return getToolsMenuHtml(apiClient).then(function (toolsMenuHtml) { return getToolsMenuHtml(apiClient).then(function (toolsMenuHtml) {
var html = ''; let html = '';
html += '<a class="adminDrawerLogo clearLink" is="emby-linkbutton" href="home.html">'; html += '<a class="adminDrawerLogo clearLink" is="emby-linkbutton" href="home.html">';
html += '<img src="assets/img/icon-transparent.png" />'; html += '<img src="assets/img/icon-transparent.png" />';
html += '</a>'; html += '</a>';
@ -536,24 +549,24 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function onSidebarLinkClick() { 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); LibraryMenu.setTitle(text);
} }
function getUserViews(apiClient, userId) { function getUserViews(apiClient, userId) {
return apiClient.getUserViews({}, userId).then(function (result) { 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); list.push(view);
if (view.CollectionType == 'livetv') { if (view.CollectionType == 'livetv') {
view.ImageTags = {}; view.ImageTags = {};
view.icon = 'live_tv'; view.icon = 'live_tv';
var guideView = Object.assign({}, view); const guideView = Object.assign({}, view);
guideView.Name = globalize.translate('ButtonGuide'); guideView.Name = globalize.translate('ButtonGuide');
guideView.ImageTags = {}; guideView.ImageTags = {};
guideView.icon = 'dvr'; guideView.icon = 'dvr';
@ -567,7 +580,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function showBySelector(selector, show) { function showBySelector(selector, show) {
var elem = document.querySelector(selector); const elem = document.querySelector(selector);
if (elem) { if (elem) {
if (show) { if (show) {
@ -597,17 +610,17 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
showBySelector('.libraryMenuDownloads', false); 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) { if (libraryMenuOptions) {
getUserViews(apiClient, userId).then(function (result) { 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) { 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)}"> return `<a is="emby-linkbutton" data-itemid="${itemId}" class="lnkMediaFolder navMenuOption" href="${getItemHref(i, i.CollectionType)}">
<span class="material-icons navMenuOptionIcon ${icon}"></span> <span class="material-icons navMenuOptionIcon ${icon}"></span>
@ -615,8 +628,8 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
</a>`; </a>`;
}).join(''); }).join('');
libraryMenuOptions.innerHTML = html; libraryMenuOptions.innerHTML = html;
var elem = libraryMenuOptions; const elem = libraryMenuOptions;
var sidebarLinks = elem.querySelectorAll('.navMenuOption'); const sidebarLinks = elem.querySelectorAll('.navMenuOption');
for (const sidebarLink of sidebarLinks) { for (const sidebarLink of sidebarLinks) {
sidebarLink.removeEventListener('click', onSidebarLinkClick); sidebarLink.removeEventListener('click', onSidebarLinkClick);
@ -645,9 +658,9 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function updateCastIcon() { 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'); icon.classList.remove('cast_connected', 'cast');
@ -663,18 +676,16 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function updateLibraryNavLinks(page) { 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') { if (isChannelsPage && itemId === 'channels') {
lnkMediaFolder.classList.add('navMenuOption-selected'); lnkMediaFolder.classList.add('navMenuOption-selected');
@ -695,7 +706,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function updateMenuForPageType(isDashboardPage, isLibraryPage) { function updateMenuForPageType(isDashboardPage, isLibraryPage) {
var newPageType = isDashboardPage ? 2 : isLibraryPage ? 1 : 3; const newPageType = isDashboardPage ? 2 : isLibraryPage ? 1 : 3;
if (currentPageType !== newPageType) { if (currentPageType !== newPageType) {
currentPageType = newPageType; currentPageType = newPageType;
@ -706,7 +717,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
skinHeader.classList.remove('headroomDisabled'); skinHeader.classList.remove('headroomDisabled');
} }
var bodyClassList = document.body.classList; const bodyClassList = document.body.classList;
if (isLibraryPage) { if (isLibraryPage) {
bodyClassList.add('libraryDocument'); bodyClassList.add('libraryDocument');
@ -743,7 +754,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function updateTitle(page) { function updateTitle(page) {
var title = page.getAttribute('data-title'); const title = page.getAttribute('data-title');
if (title) { if (title) {
LibraryMenu.setTitle(title); LibraryMenu.setTitle(title);
@ -767,8 +778,8 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function initHeadRoom(elem) { function initHeadRoom(elem) {
require(['headroom'], function (Headroom) { import('headroom').then(({default: Headroom}) => {
var headroom = new Headroom(elem); const headroom = new Headroom(elem);
headroom.init(); headroom.init();
}); });
} }
@ -788,7 +799,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
function getNavDrawerOptions() { function getNavDrawerOptions() {
var drawerWidth = screen.availWidth - 50; let drawerWidth = screen.availWidth - 50;
drawerWidth = Math.max(drawerWidth, 240); drawerWidth = Math.max(drawerWidth, 240);
drawerWidth = Math.min(drawerWidth, 320); drawerWidth = Math.min(drawerWidth, 320);
return { return {
@ -807,9 +818,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
navDrawerScrollContainer = navDrawerElement.querySelector('.scrollContainer'); navDrawerScrollContainer = navDrawerElement.querySelector('.scrollContainer');
navDrawerScrollContainer.addEventListener('click', onMainDrawerClick); navDrawerScrollContainer.addEventListener('click', onMainDrawerClick);
return new Promise(function (resolve, reject) { return new Promise(function (resolve, reject) {
require(['navdrawer'], function (navdrawer) { import('navdrawer').then(({default: navdrawer}) => {
navdrawer = navdrawer.default || navdrawer;
navDrawerInstance = new navdrawer(getNavDrawerOptions()); navDrawerInstance = new navdrawer(getNavDrawerOptions());
if (!layoutManager.tv) { if (!layoutManager.tv) {
@ -821,31 +830,27 @@ 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, function setTabs (type, selectedIndex, builder) {
onHardwareMenuButtonClick: function () { import('mainTabsManager').then((mainTabsManager) => {
toggleMainDrawer();
},
setTabs: function (type, selectedIndex, builder) {
require(['mainTabsManager'], function (mainTabsManager) {
if (type) { if (type) {
mainTabsManager.setTabs(viewManager.currentView(), selectedIndex, builder, function () { mainTabsManager.setTabs(viewManager.currentView(), selectedIndex, builder, function () {
return []; return [];
@ -854,8 +859,9 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
mainTabsManager.setTabs(null); mainTabsManager.setTabs(null);
} }
}); });
}, }
setDefaultTitle: function () {
function setDefaultTitle () {
if (!pageTitleElement) { if (!pageTitleElement) {
pageTitleElement = document.querySelector('.pageTitle'); pageTitleElement = document.querySelector('.pageTitle');
} }
@ -868,8 +874,9 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
document.title = 'Jellyfin'; document.title = 'Jellyfin';
}, }
setTitle: function (title) {
function setTitle (title) {
if (title == null) { if (title == null) {
return void LibraryMenu.setDefaultTitle(); return void LibraryMenu.setDefaultTitle();
} }
@ -878,7 +885,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
title = ''; title = '';
} }
var html = title; const html = title;
if (!pageTitleElement) { if (!pageTitleElement) {
pageTitleElement = document.querySelector('.pageTitle'); pageTitleElement = document.querySelector('.pageTitle');
@ -892,27 +899,29 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
} }
document.title = title || 'Jellyfin'; document.title = title || 'Jellyfin';
}, }
setTransparentMenu: function (transparent) {
function setTransparentMenu (transparent) {
if (transparent) { if (transparent) {
skinHeader.classList.add('semiTransparent'); skinHeader.classList.add('semiTransparent');
} else { } else {
skinHeader.classList.remove('semiTransparent'); skinHeader.classList.remove('semiTransparent');
} }
} }
};
var currentPageType; let currentPageType;
pageClassOn('pagebeforeshow', 'page', function (e) { pageClassOn('pagebeforeshow', 'page', function (e) {
if (!this.classList.contains('withTabs')) { if (!this.classList.contains('withTabs')) {
LibraryMenu.setTabs(null); LibraryMenu.setTabs(null);
} }
}); });
pageClassOn('pageshow', 'page', function (e) { 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 (isDashboardPage) {
if (mainDrawerButton) { if (mainDrawerButton) {
@ -949,7 +958,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
renderHeader(); renderHeader();
events.on(connectionManager, 'localusersignedin', function (e, user) { events.on(connectionManager, 'localusersignedin', function (e, user) {
var currentApiClient = connectionManager.getApiClient(user.ServerId); const currentApiClient = connectionManager.getApiClient(user.ServerId);
currentDrawerType = null; currentDrawerType = null;
currentUser = { currentUser = {
@ -963,15 +972,32 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
updateUserInHeader(user); updateUserInHeader(user);
}); });
}); });
events.on(connectionManager, 'localusersignedout', function () { events.on(connectionManager, 'localusersignedout', function () {
currentUser = {}; currentUser = {};
updateUserInHeader(); updateUserInHeader();
}); });
events.on(playbackManager, 'playerchange', updateCastIcon); events.on(playbackManager, 'playerchange', updateCastIcon);
events.on(syncPlayManager, 'enabled', onSyncPlayEnabled); events.on(syncPlayManager, 'enabled', onSyncPlayEnabled);
events.on(syncPlayManager, 'syncing', onSyncPlaySyncing); events.on(syncPlayManager, 'syncing', onSyncPlaySyncing);
loadNavDrawer(); 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 */

133
src/scripts/routes.js
View file

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

4
src/strings/de.json
View file

@ -1545,5 +1545,7 @@
"LabelUnstable": "Instabil", "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.", "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", "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."
} }

76
src/strings/zh-cn.json
View file

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