mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-18 11:28:23 -07:00
189 lines
5.1 KiB
JavaScript
189 lines
5.1 KiB
JavaScript
(function ($, document) {
|
|
|
|
function getView() {
|
|
|
|
return 'Thumb';
|
|
}
|
|
|
|
function getResumeView() {
|
|
|
|
return 'Poster';
|
|
}
|
|
|
|
function reload(page) {
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
if (LibraryMenu.getTopParentId()) {
|
|
|
|
$('.scopedContent', page).show();
|
|
|
|
loadResume(page);
|
|
|
|
} else {
|
|
$('.scopedContent', page).hide();
|
|
}
|
|
|
|
loadNextUp(page);
|
|
}
|
|
|
|
function loadNextUp(page) {
|
|
|
|
var limit = AppInfo.hasLowImageBandwidth ?
|
|
16 :
|
|
24;
|
|
|
|
var query = {
|
|
|
|
Limit: limit,
|
|
Fields: "PrimaryImageAspectRatio,SeriesInfo,DateCreated,SyncInfo",
|
|
UserId: Dashboard.getCurrentUserId(),
|
|
ExcludeLocationTypes: "Virtual",
|
|
ImageTypeLimit: 1,
|
|
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
|
|
};
|
|
|
|
query.ParentId = LibraryMenu.getTopParentId();
|
|
|
|
ApiClient.getNextUpEpisodes(query).done(function (result) {
|
|
|
|
if (result.Items.length) {
|
|
$('.noNextUpItems', page).hide();
|
|
} else {
|
|
$('.noNextUpItems', page).show();
|
|
}
|
|
|
|
var view = getView();
|
|
var html = '';
|
|
|
|
if (view == 'ThumbCard') {
|
|
|
|
html += LibraryBrowser.getPosterViewHtml({
|
|
items: result.Items,
|
|
shape: "backdrop",
|
|
showTitle: true,
|
|
preferThumb: true,
|
|
showParentTitle: true,
|
|
lazy: true,
|
|
cardLayout: true,
|
|
showDetailsMenu: true
|
|
});
|
|
|
|
} else if (view == 'Thumb') {
|
|
|
|
html += LibraryBrowser.getPosterViewHtml({
|
|
items: result.Items,
|
|
shape: "backdrop",
|
|
showTitle: true,
|
|
showParentTitle: true,
|
|
overlayText: false,
|
|
lazy: true,
|
|
preferThumb: true,
|
|
showDetailsMenu: true,
|
|
centerText: true,
|
|
overlayPlayButton: AppInfo.enableAppLayouts
|
|
});
|
|
}
|
|
|
|
var elem = page.querySelector('#nextUpItems');
|
|
elem.innerHTML = html;
|
|
ImageLoader.lazyChildren(elem);
|
|
Dashboard.hideLoadingMsg();
|
|
|
|
LibraryBrowser.setLastRefreshed(page);
|
|
});
|
|
}
|
|
|
|
function enableScrollX() {
|
|
return $.browser.mobile && AppInfo.enableAppLayouts;
|
|
}
|
|
|
|
function getThumbShape() {
|
|
return enableScrollX() ? 'overflowBackdrop' : 'backdrop';
|
|
}
|
|
|
|
function loadResume(page) {
|
|
|
|
var parentId = LibraryMenu.getTopParentId();
|
|
|
|
var screenWidth = $(window).width();
|
|
|
|
var limit = 6;
|
|
|
|
var options = {
|
|
|
|
SortBy: "DatePlayed",
|
|
SortOrder: "Descending",
|
|
IncludeItemTypes: "Episode",
|
|
Filters: "IsResumable",
|
|
Limit: limit,
|
|
Recursive: true,
|
|
Fields: "PrimaryImageAspectRatio,SeriesInfo,UserData,SyncInfo",
|
|
ExcludeLocationTypes: "Virtual",
|
|
ParentId: parentId,
|
|
ImageTypeLimit: 1,
|
|
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
|
|
};
|
|
|
|
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
|
|
|
|
if (result.Items.length) {
|
|
$('#resumableSection', page).show();
|
|
} else {
|
|
$('#resumableSection', page).hide();
|
|
}
|
|
|
|
var view = getResumeView();
|
|
var html = '';
|
|
|
|
if (view == 'PosterCard') {
|
|
|
|
html += LibraryBrowser.getPosterViewHtml({
|
|
items: result.Items,
|
|
shape: getThumbShape(),
|
|
showTitle: true,
|
|
showParentTitle: true,
|
|
lazy: true,
|
|
cardLayout: true,
|
|
showDetailsMenu: true,
|
|
preferThumb: true
|
|
});
|
|
|
|
} else if (view == 'Poster') {
|
|
|
|
html += LibraryBrowser.getPosterViewHtml({
|
|
items: result.Items,
|
|
shape: getThumbShape(),
|
|
showTitle: true,
|
|
showParentTitle: true,
|
|
lazy: true,
|
|
showDetailsMenu: true,
|
|
overlayPlayButton: true,
|
|
preferThumb: true,
|
|
centerText: true
|
|
});
|
|
}
|
|
|
|
var elem = page.querySelector('#resumableItems');
|
|
elem.innerHTML = html;
|
|
ImageLoader.lazyChildren(elem);
|
|
});
|
|
}
|
|
|
|
$(document).on('pagebeforeshowready', "#tvRecommendedPage", function () {
|
|
|
|
var page = this;
|
|
|
|
if (enableScrollX()) {
|
|
page.querySelector('#resumableItems').classList.add('hiddenScrollX');
|
|
} else {
|
|
page.querySelector('#resumableItems').classList.remove('hiddenScrollX');
|
|
}
|
|
|
|
if (LibraryBrowser.needsRefresh(page)) {
|
|
reload(page);
|
|
}
|
|
});
|
|
|
|
|
|
})(jQuery, document); |