mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-17 19:08:18 -07:00
168 lines
4.0 KiB
JavaScript
168 lines
4.0 KiB
JavaScript
(function ($, document, LibraryBrowser, window) {
|
|
|
|
var currentItem;
|
|
|
|
function reload(page) {
|
|
|
|
var id = getParameterByName('id');
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
ApiClient.getItem(Dashboard.getCurrentUserId(), id).done(function (item) {
|
|
|
|
currentItem = item;
|
|
|
|
var name = item.Name;
|
|
|
|
$('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
|
|
|
|
Dashboard.setPageTitle(name);
|
|
|
|
$('#itemName', page).html(name);
|
|
|
|
setInitialCollapsibleState(page, item);
|
|
renderDetails(page, item);
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
});
|
|
}
|
|
|
|
function setInitialCollapsibleState(page, item) {
|
|
|
|
if (!item.People || !item.People.length) {
|
|
$('#castCollapsible', page).hide();
|
|
} else {
|
|
$('#castCollapsible', page).show();
|
|
}
|
|
}
|
|
|
|
function renderDetails(page, item) {
|
|
|
|
if (item.Taglines && item.Taglines.length) {
|
|
$('#itemTagline', page).html(item.Taglines[0]).show();
|
|
} else {
|
|
$('#itemTagline', page).hide();
|
|
}
|
|
|
|
if (item.Overview || item.OverviewHtml) {
|
|
var overview = item.OverviewHtml || item.Overview;
|
|
|
|
$('#itemOverview', page).html(overview).show();
|
|
$('#itemOverview a').each(function () {
|
|
$(this).attr("target", "_blank");
|
|
});
|
|
} else {
|
|
$('#itemOverview', page).hide();
|
|
}
|
|
|
|
if (item.CommunityRating) {
|
|
$('#itemCommunityRating', page).html(LibraryBrowser.getStarRatingHtml(item)).show().attr('title', item.CommunityRating);
|
|
} else {
|
|
$('#itemCommunityRating', page).hide();
|
|
}
|
|
|
|
$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
|
|
|
|
LibraryBrowser.renderGenres($('#itemGenres', page), item);
|
|
LibraryBrowser.renderStudios($('#itemStudios', page), item);
|
|
renderUserDataIcons(page, item);
|
|
LibraryBrowser.renderLinks($('#itemLinks', page), item);
|
|
}
|
|
|
|
function renderUserDataIcons(page, item) {
|
|
$('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
|
|
}
|
|
|
|
function renderSeasons(page) {
|
|
|
|
ApiClient.getItems(Dashboard.getCurrentUserId(), {
|
|
|
|
ParentId: getParameterByName('id'),
|
|
SortBy: "SortName"
|
|
|
|
}).done(function(result) {
|
|
|
|
var html = LibraryBrowser.getPosterDetailViewHtml({
|
|
items: result.Items,
|
|
useAverageAspectRatio: true
|
|
});
|
|
|
|
$('#seasonsContent', page).html(html);
|
|
});
|
|
}
|
|
|
|
function renderGallery(page, item) {
|
|
|
|
var imageTags = item.ImageTags || {};
|
|
var html = '';
|
|
|
|
html += LibraryBrowser.renderGallery(imageTags);
|
|
|
|
$('#galleryContent', page).html(html).trigger('create');
|
|
}
|
|
|
|
function renderCast(page, item) {
|
|
var html = '';
|
|
|
|
var casts = item.People || [];
|
|
|
|
for (var i = 0, length = casts.length; i < length; i++) {
|
|
|
|
var cast = casts[i];
|
|
|
|
html += LibraryBrowser.createCastImage(cast);
|
|
}
|
|
|
|
$('#castContent', page).html(html);
|
|
}
|
|
|
|
$(document).on('pageinit', "#tvSeriesPage", function () {
|
|
|
|
var page = this;
|
|
|
|
}).on('pageshow', "#tvSeriesPage", function () {
|
|
|
|
var page = this;
|
|
|
|
reload(page);
|
|
|
|
$('#seasonsCollapsible', page).on('expand.lazyload', function () {
|
|
|
|
renderSeasons(page);
|
|
|
|
$(this).off('expand.lazyload');
|
|
});
|
|
|
|
$('#castCollapsible', page).on('expand.lazyload', function () {
|
|
renderCast(page, currentItem);
|
|
|
|
$(this).off('expand.lazyload');
|
|
});
|
|
|
|
$('#galleryCollapsible', page).on('expand.lazyload', function () {
|
|
|
|
renderGallery(page, currentItem);
|
|
|
|
$(this).off('expand.lazyload');
|
|
});
|
|
|
|
}).on('pagehide', "#tvSeriesPage", function () {
|
|
|
|
currentItem = null;
|
|
var page = this;
|
|
|
|
$('#seasonsCollapsible', page).off('expand.lazyload');
|
|
$('#castCollapsible', page).off('expand.lazyload');
|
|
$('#galleryCollapsible', page).off('expand.lazyload');
|
|
});
|
|
|
|
function tvSeriesPage() {
|
|
|
|
var self = this;
|
|
|
|
}
|
|
|
|
window.TvSeriesPage = new tvSeriesPage();
|
|
|
|
})(jQuery, document, LibraryBrowser, window);
|