mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Merge pull request #1745 from matjaz321/migrated-livetvchannels-to-es6-module
Migrated livetvchannels to es6 module
This commit is contained in:
commit
692d404285
2 changed files with 122 additions and 120 deletions
|
@ -223,6 +223,7 @@
|
||||||
"src/controllers/livetvstatus.js",
|
"src/controllers/livetvstatus.js",
|
||||||
"src/controllers/livetvguideprovider.js",
|
"src/controllers/livetvguideprovider.js",
|
||||||
"src/controllers/livetvsettings.js",
|
"src/controllers/livetvsettings.js",
|
||||||
|
"src/controllers/livetv/livetvchannels.js",
|
||||||
"src/controllers/shows/episodes.js",
|
"src/controllers/shows/episodes.js",
|
||||||
"src/controllers/shows/tvgenres.js",
|
"src/controllers/shows/tvgenres.js",
|
||||||
"src/controllers/shows/tvlatest.js",
|
"src/controllers/shows/tvlatest.js",
|
||||||
|
|
|
@ -1,10 +1,12 @@
|
||||||
define(['cardBuilder', 'imageLoader', 'libraryBrowser', 'loading', 'events', 'userSettings', 'emby-itemscontainer'], function (cardBuilder, imageLoader, libraryBrowser, loading, events, userSettings) {
|
import cardBuilder from 'cardBuilder';
|
||||||
'use strict';
|
import imageLoader from 'imageLoader';
|
||||||
|
import libraryBrowser from 'libraryBrowser';
|
||||||
|
import loading from 'loading';
|
||||||
|
import events from 'events';
|
||||||
|
import * as userSettings from 'userSettings';
|
||||||
|
import 'emby-itemscontainer';
|
||||||
|
|
||||||
loading = loading.default || loading;
|
export default function (view, params, tabContent) {
|
||||||
libraryBrowser = libraryBrowser.default || libraryBrowser;
|
|
||||||
|
|
||||||
return function (view, params, tabContent) {
|
|
||||||
function getPageData() {
|
function getPageData() {
|
||||||
if (!pageData) {
|
if (!pageData) {
|
||||||
pageData = {
|
pageData = {
|
||||||
|
@ -62,7 +64,7 @@ define(['cardBuilder', 'imageLoader', 'libraryBrowser', 'loading', 'events', 'us
|
||||||
reloadItems(context);
|
reloadItems(context);
|
||||||
}
|
}
|
||||||
|
|
||||||
var query = getQuery();
|
const query = getQuery();
|
||||||
context.querySelector('.paging').innerHTML = libraryBrowser.getQueryPagingHtml({
|
context.querySelector('.paging').innerHTML = libraryBrowser.getQueryPagingHtml({
|
||||||
startIndex: query.StartIndex,
|
startIndex: query.StartIndex,
|
||||||
limit: query.Limit,
|
limit: query.Limit,
|
||||||
|
@ -71,13 +73,13 @@ define(['cardBuilder', 'imageLoader', 'libraryBrowser', 'loading', 'events', 'us
|
||||||
updatePageSizeSetting: false,
|
updatePageSizeSetting: false,
|
||||||
filterButton: false
|
filterButton: false
|
||||||
});
|
});
|
||||||
var html = getChannelsHtml(result.Items);
|
const html = getChannelsHtml(result.Items);
|
||||||
var elem = context.querySelector('#items');
|
const elem = context.querySelector('#items');
|
||||||
elem.innerHTML = html;
|
elem.innerHTML = html;
|
||||||
imageLoader.lazyChildren(elem);
|
imageLoader.lazyChildren(elem);
|
||||||
var i;
|
let i;
|
||||||
var length;
|
let length;
|
||||||
var elems;
|
let elems;
|
||||||
|
|
||||||
for (elems = context.querySelectorAll('.btnNextPage'), i = 0, length = elems.length; i < length; i++) {
|
for (elems = context.querySelectorAll('.btnNextPage'), i = 0, length = elems.length; i < length; i++) {
|
||||||
elems[i].addEventListener('click', onNextPageClick);
|
elems[i].addEventListener('click', onNextPageClick);
|
||||||
|
@ -89,8 +91,8 @@ define(['cardBuilder', 'imageLoader', 'libraryBrowser', 'loading', 'events', 'us
|
||||||
}
|
}
|
||||||
|
|
||||||
function showFilterMenu(context) {
|
function showFilterMenu(context) {
|
||||||
require(['components/filterdialog/filterdialog'], function ({default: filterDialogFactory}) {
|
import(['components/filterdialog/filterdialog']).then(({default: FilterDialog}) => {
|
||||||
var filterDialog = new filterDialogFactory({
|
const filterDialog = new FilterDialog({
|
||||||
query: getQuery(),
|
query: getQuery(),
|
||||||
mode: 'livetvchannels',
|
mode: 'livetvchannels',
|
||||||
serverId: ApiClient.serverId()
|
serverId: ApiClient.serverId()
|
||||||
|
@ -105,23 +107,23 @@ define(['cardBuilder', 'imageLoader', 'libraryBrowser', 'loading', 'events', 'us
|
||||||
function reloadItems(context, save) {
|
function reloadItems(context, save) {
|
||||||
loading.show();
|
loading.show();
|
||||||
isLoading = true;
|
isLoading = true;
|
||||||
var query = getQuery();
|
const query = getQuery();
|
||||||
var apiClient = ApiClient;
|
const apiClient = ApiClient;
|
||||||
query.UserId = apiClient.getCurrentUserId();
|
query.UserId = apiClient.getCurrentUserId();
|
||||||
apiClient.getLiveTvChannels(query).then(function (result) {
|
apiClient.getLiveTvChannels(query).then(function (result) {
|
||||||
renderChannels(context, result);
|
renderChannels(context, result);
|
||||||
loading.hide();
|
loading.hide();
|
||||||
isLoading = false;
|
isLoading = false;
|
||||||
|
|
||||||
require(['autoFocuser'], function (autoFocuser) {
|
import('autoFocuser').then(({default: autoFocuser}) => {
|
||||||
autoFocuser.autoFocus(view);
|
autoFocuser.autoFocus(view);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
var pageData;
|
let pageData;
|
||||||
var self = this;
|
const self = this;
|
||||||
var isLoading = false;
|
let isLoading = false;
|
||||||
tabContent.querySelector('.btnFilter').addEventListener('click', function () {
|
tabContent.querySelector('.btnFilter').addEventListener('click', function () {
|
||||||
showFilterMenu(tabContent);
|
showFilterMenu(tabContent);
|
||||||
});
|
});
|
||||||
|
@ -129,5 +131,4 @@ define(['cardBuilder', 'imageLoader', 'libraryBrowser', 'loading', 'events', 'us
|
||||||
self.renderTab = function () {
|
self.renderTab = function () {
|
||||||
reloadItems(tabContent);
|
reloadItems(tabContent);
|
||||||
};
|
};
|
||||||
};
|
}
|
||||||
});
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue