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

added cast and gallery to tv series page, moved html generation for cast and gallery to libraryBrowser

This commit is contained in:
Techywarrior 2013-04-15 16:32:41 -07:00
parent d87dd85f1f
commit 99ad771039
4 changed files with 202 additions and 109 deletions

View file

@ -1,4 +1,6 @@
(function ($, document, LibraryBrowser) {
(function ($, document, LibraryBrowser, window) {
var currentItem;
function reload(page) {
@ -8,7 +10,9 @@
ApiClient.getItem(Dashboard.getCurrentUserId(), id).done(function (item) {
var name = item.Name;
currentItem = item;
var name = item.Name;
$('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
@ -16,12 +20,22 @@
$('#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) {
@ -59,9 +73,110 @@
$('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
}
$(document).on('pageshow', "#tvSeriesPage", function () {
reload(this);
});
function renderGallery(page, item) {
var imageTags = item.ImageTags || {};
var html = '';
var i, length;
})(jQuery, document, LibraryBrowser);
if (imageTags.Logo) {
html += LibraryBrowser.createGalleryImage(item.Id, "Logo", item.ImageTags.Logo);
}
if (imageTags.Thumb) {
html += LibraryBrowser.createGalleryImage(item.Id, "Thumb", item.ImageTags.Thumb);
}
if (imageTags.Art) {
html += LibraryBrowser.createGalleryImage(item.Id, "Art", item.ImageTags.Art);
}
if (imageTags.Menu) {
html += LibraryBrowser.createGalleryImage(item.Id, "Menu", item.ImageTags.Menu);
}
if (imageTags.Disc) {
html += LibraryBrowser.createGalleryImage(item.Id, "Disc", item.ImageTags.Disc);
}
if (imageTags.Box) {
html += LibraryBrowser.createGalleryImage(item.Id, "Box", item.ImageTags.Box);
}
if (item.BackdropImageTags) {
for (i = 0, length = item.BackdropImageTags.length; i < length; i++) {
html += LibraryBrowser.createGalleryImage(item.Id, "Backdrop", item.BackdropImageTags[0], i);
}
}
if (item.ScreenshotImageTags) {
for (i = 0, length = item.ScreenshotImageTags.length; i < length; i++) {
html += LibraryBrowser.createGalleryImage(item.Id, "Screenshot", item.ScreenshotImageTags[0], i);
}
}
$('#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);
$('#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;
$('#castCollapsible', page).off('expand.lazyload');
$('#galleryCollapsible', page).off('expand.lazyload');
});
function tvSeriesPage() {
var self = this;
}
window.TvSeriesPage = new tvSeriesPage();
})(jQuery, document, LibraryBrowser, window);