1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
jellyfin-web/src/controllers/livetv/livetvchannels.js

139 lines
4.2 KiB
JavaScript
Raw Normal View History

2020-08-14 08:46:34 +02:00
import cardBuilder from '../../components/cardbuilder/cardBuilder';
import imageLoader from '../../components/images/imageLoader';
import libraryBrowser from '../../scripts/libraryBrowser';
import loading from '../../components/loading/loading';
2020-09-08 02:05:02 -04:00
import { Events } from 'jellyfin-apiclient';
2020-08-14 08:46:34 +02:00
import * as userSettings from '../../scripts/settings/userSettings';
import '../../elements/emby-itemscontainer/emby-itemscontainer';
2020-08-03 21:34:14 +02:00
export default function (view, params, tabContent) {
function getPageData() {
if (!pageData) {
pageData = {
query: {
StartIndex: 0,
Fields: 'PrimaryImageAspectRatio'
}
};
2018-10-23 01:05:09 +03:00
}
2020-08-03 21:34:14 +02:00
if (userSettings.libraryPageSize() > 0) {
pageData.query['Limit'] = userSettings.libraryPageSize();
2018-10-23 01:05:09 +03:00
}
2020-08-03 21:34:14 +02:00
return pageData;
}
function getQuery() {
return getPageData().query;
}
function getChannelsHtml(channels) {
return cardBuilder.getCardsHtml({
items: channels,
shape: 'square',
showTitle: true,
lazy: true,
cardLayout: true,
showDetailsMenu: true,
showCurrentProgram: true,
showCurrentProgramTime: true
});
}
2020-08-03 21:34:14 +02:00
function renderChannels(context, result) {
function onNextPageClick() {
if (isLoading) {
return;
2018-10-23 01:05:09 +03:00
}
2020-08-03 21:34:14 +02:00
if (userSettings.libraryPageSize() > 0) {
query.StartIndex += query.Limit;
2018-10-23 01:05:09 +03:00
}
2020-08-03 21:34:14 +02:00
reloadItems(context);
}
2020-08-03 21:34:14 +02:00
function onPreviousPageClick() {
if (isLoading) {
return;
}
2020-08-03 21:34:14 +02:00
if (userSettings.libraryPageSize() > 0) {
query.StartIndex = Math.max(0, query.StartIndex - query.Limit);
}
2020-08-03 21:34:14 +02:00
reloadItems(context);
2018-10-23 01:05:09 +03:00
}
2020-08-03 21:34:14 +02:00
const query = getQuery();
for (const elem of context.querySelectorAll('.paging')) {
elem.innerHTML = libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false,
updatePageSizeSetting: false,
filterButton: false
});
}
2020-08-03 21:34:14 +02:00
const html = getChannelsHtml(result.Items);
const elem = context.querySelector('#items');
elem.innerHTML = html;
imageLoader.lazyChildren(elem);
let i;
let length;
let elems;
for (elems = context.querySelectorAll('.btnNextPage'), i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onNextPageClick);
2018-10-23 01:05:09 +03:00
}
2020-08-03 21:34:14 +02:00
for (elems = context.querySelectorAll('.btnPreviousPage'), i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onPreviousPageClick);
2018-10-23 01:05:09 +03:00
}
2020-08-03 21:34:14 +02:00
}
function showFilterMenu(context) {
2020-09-08 02:26:20 -04:00
import('../../components/filterdialog/filterdialog').then(({default: FilterDialog}) => {
const filterDialog = new FilterDialog({
2020-08-03 21:34:14 +02:00
query: getQuery(),
mode: 'livetvchannels',
serverId: ApiClient.serverId()
});
2020-09-08 02:05:02 -04:00
Events.on(filterDialog, 'filterchange', function () {
2020-08-03 21:34:14 +02:00
reloadItems(context);
});
filterDialog.show();
});
2020-08-03 21:34:14 +02:00
}
2021-01-26 22:20:12 -05:00
function reloadItems(context) {
2020-08-03 21:34:14 +02:00
loading.show();
isLoading = true;
const query = getQuery();
const apiClient = ApiClient;
query.UserId = apiClient.getCurrentUserId();
apiClient.getLiveTvChannels(query).then(function (result) {
renderChannels(context, result);
loading.hide();
isLoading = false;
2020-08-14 08:46:34 +02:00
import('../../components/autoFocuser').then(({default: autoFocuser}) => {
2020-08-03 21:34:14 +02:00
autoFocuser.autoFocus(view);
});
});
}
let pageData;
const self = this;
let isLoading = false;
tabContent.querySelector('.btnFilter').addEventListener('click', function () {
showFilterMenu(tabContent);
});
2020-08-03 21:34:14 +02:00
self.renderTab = function () {
reloadItems(tabContent);
};
2020-08-03 21:34:14 +02:00
}