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

Migrated livetvsuggested.js to es6 module

Browse source
This commit is contained in:
matjaz321 2020-08-01 15:21:25 +02:00
parent a609e3e2b4
commit 9da6f2d6bc
2 changed files with 361 additions and 351 deletions
Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -206,6 +206,7 @@
"src/controllers/playback/video/index.js",
"src/controllers/searchpage.js",
"src/controllers/livetvtuner.js",
"src/controllers/livetvsuggested.js",
"src/controllers/livetvstatus.js",
"src/controllers/shows/episodes.js",
"src/controllers/shows/tvgenres.js",

75
src/controllers/livetv/livetvsuggested.js
View file

@ -1,5 +1,15 @@
define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize', 'libraryBrowser', 'mainTabsManager', 'cardBuilder', 'apphost', 'imageLoader', 'scrollStyles', 'emby-itemscontainer', 'emby-tabs', 'emby-button'], function (layoutManager, userSettings, inputManager, loading, globalize, libraryBrowser, mainTabsManager, cardBuilder, appHost, imageLoader) {
'use strict';
import layoutManager from 'layoutManager';
import * as userSettings from 'userSettings';
import inputManager from 'inputManager';
import loading from 'loading';
import globalize from 'globalize';
import * as mainTabsManager from 'mainTabsManager';
import cardBuilder from 'cardBuilder';
import imageLoader from 'imageLoader';
import 'scrollStyles';
import 'emby-itemscontainer';
import 'emby-tabs';
import 'emby-button';
function enableScrollX() {
return !layoutManager.desktop;
@ -29,7 +39,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
function loadRecommendedPrograms(page) {
loading.show();
var limit = getLimit();
let limit = getLimit();
if (enableScrollX()) {
limit *= 2;
@ -50,7 +60,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
});
loading.hide();
require(['autoFocuser'], function (autoFocuser) {
import('autoFocuser').then(({default: autoFocuser}) => {
autoFocuser.autoFocus(page);
});
});
@ -130,7 +140,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
}
function renderItems(page, items, sectionClass, overlayButton, cardOptions) {
var html = cardBuilder.getCardsHtml(Object.assign({
const html = cardBuilder.getCardsHtml(Object.assign({
items: items,
preferThumb: 'auto',
inheritThumb: false,
@ -149,7 +159,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
showAirTime: true,
showAirDateTime: true
}, cardOptions || {}));
var elem = page.querySelector('.' + sectionClass);
const elem = page.querySelector('.' + sectionClass);
elem.innerHTML = html;
imageLoader.lazyChildren(elem);
}
@ -199,7 +209,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
return 0;
}
return function (view, params) {
export default function (view, params) {
function enableFullRender() {
return new Date().getTime() - lastFullRender > 3e5;
}
@ -209,7 +219,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
}
function onTabChange(evt) {
var previousTabController = tabControllers[parseInt(evt.detail.previousIndex)];
const previousTabController = tabControllers[parseInt(evt.detail.previousIndex)];
if (previousTabController && previousTabController.onHide) {
previousTabController.onHide();
@ -227,7 +237,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
}
function getTabController(page, index, callback) {
var depends = [];
const depends = [];
// TODO int is a little hard to read
switch (index) {
@ -258,18 +268,18 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
depends.push('scripts/searchtab');
}
require(depends, function (controllerFactory) {
var tabContent;
import(depends).then(({default: controllerFactory}) => {
let tabContent;
if (index == 0) {
tabContent = view.querySelector(".pageTabContent[data-index='" + index + "']");
if (index === 0) {
tabContent = view.querySelector('.pageTabContent[data-index=\'' + index + '\']');
self.tabContent = tabContent;
}
var controller = tabControllers[index];
let controller = tabControllers[index];
if (!controller) {
tabContent = view.querySelector(".pageTabContent[data-index='" + index + "']");
tabContent = view.querySelector('.pageTabContent[data-index=\'' + index + '\']');
if (index === 0) {
controller = self;
@ -305,7 +315,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
getTabController(page, index, function (controller) {
initialTabIndex = null;
if (renderedTabs.indexOf(index) == -1) {
if (renderedTabs.indexOf(index) === -1) {
if (index === 1) {
renderedTabs.push(index);
}
@ -326,13 +336,13 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
}
}
var isViewRestored;
var self = this;
var currentTabIndex = parseInt(params.tab || getDefaultTabIndex('livetv'));
var initialTabIndex = currentTabIndex;
var lastFullRender = 0;
let isViewRestored;
const self = this;
let currentTabIndex = parseInt(params.tab || getDefaultTabIndex('livetv'));
let initialTabIndex = currentTabIndex;
let lastFullRender = 0;
[].forEach.call(view.querySelectorAll('.sectionTitleTextButton-programs'), function (link) {
var href = link.href;
const href = link.href;
if (href) {
link.href = href + '&serverId=' + ApiClient.serverId();
@ -340,16 +350,16 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
});
self.initTab = function () {
var tabContent = view.querySelector(".pageTabContent[data-index='0']");
var containers = tabContent.querySelectorAll('.itemsContainer');
const tabContent = view.querySelector('.pageTabContent[data-index=\'0\']');
const containers = tabContent.querySelectorAll('.itemsContainer');
for (var i = 0, length = containers.length; i < length; i++) {
for (let i = 0, length = containers.length; i < length; i++) {
setScrollClasses(containers[i], enableScrollX());
}
};
self.renderTab = function () {
var tabContent = view.querySelector(".pageTabContent[data-index='0']");
const tabContent = view.querySelector('.pageTabContent[data-index=\'0\']');
if (enableFullRender()) {
reload(tabContent, true);
@ -359,9 +369,9 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
}
};
var currentTabController;
var tabControllers = [];
var renderedTabs = [];
let currentTabController;
const tabControllers = [];
const renderedTabs = [];
view.addEventListener('viewbeforeshow', function (evt) {
isViewRestored = evt.detail.isRestored;
initTabs();
@ -375,19 +385,18 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
inputManager.on(window, onInputCommand);
});
view.addEventListener('viewbeforehide', function (e) {
view.addEventListener('viewbeforehide', function () {
if (currentTabController && currentTabController.onHide) {
currentTabController.onHide();
}
inputManager.off(window, onInputCommand);
});
view.addEventListener('viewdestroy', function (evt) {
view.addEventListener('viewdestroy', function () {
tabControllers.forEach(function (tabController) {
if (tabController.destroy) {
tabController.destroy();
}
});
});
};
});
}