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

update recording layout

Browse source
This commit is contained in:
Luke Pulverenti 2016-09-05 01:39:14 -04:00
parent 80948f62fa
commit 25dbf665dd
24 changed files with 341 additions and 256 deletions
Download patch file Download diff file Expand all files Collapse all files

219
dashboard-ui/scripts/livetvitems.js
View file

@ -1,108 +1,133 @@
define(['cardBuilder', 'emby-itemscontainer'], function (cardBuilder) {
var currentDate = new Date();
currentDate.setHours(0, 0, 0, 0);
return function (view, params) {
// The base query options
var query = {
UserId: Dashboard.getCurrentUserId(),
SortBy: "StartDate,SortName",
SortOrder: "Ascending",
StartIndex: 0,
HasAired: false
};
// The base query options
var query = {
UserId: Dashboard.getCurrentUserId(),
StartIndex: 0,
Fields: "ChannelInfo"
};
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey();
}
function reloadItems(page) {
Dashboard.showLoadingMsg();
ApiClient.getLiveTvPrograms(query).then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false
});
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
html = cardBuilder.getCardsHtml({
items: result.Items,
shape: query.IsMovie ? 'portrait' : "auto",
context: 'livetv',
showTitle: false,
centerText: true,
lazy: true,
showStartDateIndex: true,
overlayText: false,
showProgramAirInfo: true,
overlayMoreButton: true
});
var elem = page.querySelector('.itemsContainer');
elem.innerHTML = html + pagingHtml;
ImageLoader.lazyChildren(elem);
var i, length;
var elems;
function onNextPageClick() {
query.StartIndex += query.Limit;
reloadItems(page);
}
function onPreviousPageClick() {
query.StartIndex -= query.Limit;
reloadItems(page);
}
elems = page.querySelectorAll('.btnNextPage');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onNextPageClick);
}
elems = page.querySelectorAll('.btnPreviousPage');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onPreviousPageClick);
}
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg();
});
}
pageIdOn('pagebeforeshow', "liveTvItemsPage", function () {
query.ParentId = LibraryMenu.getTopParentId();
var page = this;
var limit = LibraryBrowser.getDefaultPageSize();
// If the default page size has changed, the start index will have to be reset
if (limit != query.Limit) {
query.Limit = limit;
query.StartIndex = 0;
if (params.type == 'Recordings') {
query.IsInProgress = false;
} else {
query.HasAired = false;
query.SortBy = 'StartDate,SortName';
query.SortOrder = 'Ascending';
}
query.IsMovie = getParameterByName('type') == 'movies' ? true : null;
query.IsSports = getParameterByName('type') == 'sports' ? true : null;
query.IsKids = getParameterByName('type') == 'kids' ? true : null;
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey();
}
var viewkey = getSavedQueryKey();
function reloadItems(page) {
LibraryBrowser.loadSavedQueryValues(viewkey, query);
Dashboard.showLoadingMsg();
reloadItems(page);
});
var promise = params.type == 'Recordings' ?
ApiClient.getLiveTvRecordings(query) :
ApiClient.getLiveTvPrograms(query);
promise.then(function (result) {
// Scroll back up so they can see the results from the beginning
window.scrollTo(0, 0);
var html = '';
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: false
});
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
html = cardBuilder.getCardsHtml({
items: result.Items,
shape: query.IsMovie ? 'portrait' : "backdrop",
context: 'livetv',
centerText: true,
lazy: true,
overlayText: false,
showTitle: true,
showParentTitle: query.IsSeries !== false && !query.IsMovie,
showProgramAirInfo: params.type != 'Recordings',
overlayMoreButton: true,
showYear: query.IsMovie && params.type == 'Recordings'
});
var elem = page.querySelector('.itemsContainer');
elem.innerHTML = html + pagingHtml;
ImageLoader.lazyChildren(elem);
var i, length;
var elems;
function onNextPageClick() {
query.StartIndex += query.Limit;
reloadItems(page);
}
function onPreviousPageClick() {
query.StartIndex -= query.Limit;
reloadItems(page);
}
elems = page.querySelectorAll('.btnNextPage');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onNextPageClick);
}
elems = page.querySelectorAll('.btnPreviousPage');
for (i = 0, length = elems.length; i < length; i++) {
elems[i].addEventListener('click', onPreviousPageClick);
}
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg();
});
}
view.addEventListener('viewbeforeshow', function () {
query.ParentId = LibraryMenu.getTopParentId();
var page = this;
var limit = LibraryBrowser.getDefaultPageSize();
// If the default page size has changed, the start index will have to be reset
if (limit != query.Limit) {
query.Limit = limit;
query.StartIndex = 0;
}
if (params.IsMovie == 'true') {
query.IsMovie = true;
}
else if (params.IsMovie == 'true') {
query.IsMovie = false;
}
if (params.IsSports == 'true') {
query.IsSports = true;
}
else if (params.IsSports == 'true') {
query.IsSports = false;
}
if (params.IsKids == 'true') {
query.IsKids = true;
}
else if (params.IsKids == 'true') {
query.IsKids = false;
}
var viewkey = getSavedQueryKey();
LibraryBrowser.loadSavedQueryValues(viewkey, query);
reloadItems(page);
});
};
});