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

fix local trailer and special feature images

Browse source
This commit is contained in:
Luke Pulverenti 2013-03-26 15:24:52 -04:00
parent ac31d33c0c
commit fd226c8248
1 changed files with 52 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

101
dashboard-ui/scripts/Itemdetailpage.js
View file

@ -6,7 +6,7 @@
$('#galleryCollapsible', this).on('expand', ItemDetailPage.onGalleryExpand); $('#galleryCollapsible', this).on('expand', ItemDetailPage.onGalleryExpand);
}, },
onPageHide: function () { onPageHide: function () {
$('#galleryCollapsible', this).off('expand', ItemDetailPage.onGalleryExpand); $('#galleryCollapsible', this).off('expand', ItemDetailPage.onGalleryExpand);
@ -31,7 +31,7 @@
ItemDetailPage.item = item; ItemDetailPage.item = item;
var name = item.Name; var name = item.Name;
if (item.IndexNumber != null) { if (item.IndexNumber != null) {
name = item.IndexNumber + " - " + name; name = item.IndexNumber + " - " + name;
} }
@ -45,17 +45,17 @@
if (!item.Chapters || !item.Chapters.length) { if (!item.Chapters || !item.Chapters.length) {
$('#scenesCollapsible', page).remove(); $('#scenesCollapsible', page).remove();
}else { } else {
ItemDetailPage.renderScenes(item); ItemDetailPage.renderScenes(item);
} }
if (!item.LocalTrailerCount || item.LocalTrailerCount == 0) { if (!item.LocalTrailerCount || item.LocalTrailerCount == 0) {
$('#trailersCollapsible', page).remove(); $('#trailersCollapsible', page).remove();
}else { } else {
ItemDetailPage.renderTrailers(item); ItemDetailPage.renderTrailers(item);
} }
if (!item.SpecialFeatureCount || item.SpecialFeatureCount == 0) { if (!item.SpecialFeatureCount || item.SpecialFeatureCount == 0) {
$('#specialsCollapsible', page).remove(); $('#specialsCollapsible', page).remove();
}else { } else {
ItemDetailPage.renderSpecials(item); ItemDetailPage.renderSpecials(item);
} }
@ -264,7 +264,7 @@
return html; return html;
}, },
onScenesExpand: function() { onScenesExpand: function () {
if (ItemDetailPage.item) { if (ItemDetailPage.item) {
@ -283,10 +283,10 @@
for (var i = 0, length = chapters.length; i < length; i++) { for (var i = 0, length = chapters.length; i < length; i++) {
var chapter = chapters[i]; var chapter = chapters[i];
var chapter_name = chapter.Name || "Chapter "+i; var chapter_name = chapter.Name || "Chapter " + i;
html += '<div class="posterViewItem posterViewItemWithDualText">'; html += '<div class="posterViewItem posterViewItemWithDualText">';
html += '<a href="#play-Chapter-' + i + '" onclick="ItemDetailPage.play('+chapter.StartPositionTicks+');">'; html += '<a href="#play-Chapter-' + i + '" onclick="ItemDetailPage.play(' + chapter.StartPositionTicks + ');">';
if (chapter.ImageTag) { if (chapter.ImageTag) {
@ -326,7 +326,7 @@
MediaPlayer.play([ItemDetailPage.item], startPosition); MediaPlayer.play([ItemDetailPage.item], startPosition);
}, },
onGalleryExpand: function() { onGalleryExpand: function () {
if (ItemDetailPage.item) { if (ItemDetailPage.item) {
@ -380,22 +380,22 @@
$('#galleryContent', page).html(html).trigger('create'); $('#galleryContent', page).html(html).trigger('create');
}, },
createGalleryImage: function(itemId, type, tag, index) { createGalleryImage: function (itemId, type, tag, index) {
var downloadWidth = 400; var downloadWidth = 400;
var lightboxWidth = 800; var lightboxWidth = 800;
var html = ''; var html = '';
if (typeof(index)=="undefined") index = 0; if (typeof (index) == "undefined") index = 0;
html += '<a href="#pop_'+index+'_'+tag+'" data-transition="fade" data-rel="popup" data-position-to="window">'; html += '<a href="#pop_' + index + '_' + tag + '" data-transition="fade" data-rel="popup" data-position-to="window">';
html += '<img class="galleryImage" src="' + ApiClient.getImageUrl(itemId, { html += '<img class="galleryImage" src="' + ApiClient.getImageUrl(itemId, {
type: type, type: type,
width: downloadWidth, width: downloadWidth,
tag: tag, tag: tag,
index: index index: index
}) + '" />'; }) + '" />';
html += '<div class="galleryPopup" id="pop_'+index+'_'+tag+'" data-role="popup" data-theme="d" data-corners="false" data-overlay-theme="a">'; html += '<div class="galleryPopup" id="pop_' + index + '_' + tag + '" data-role="popup" data-theme="d" data-corners="false" data-overlay-theme="a">';
html += '<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>'; html += '<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>';
html += '<img class="" src="' + ApiClient.getImageUrl(itemId, { html += '<img class="" src="' + ApiClient.getImageUrl(itemId, {
type: type, type: type,
@ -407,9 +407,9 @@
return html; return html;
}, },
renderMediaInfo: function(item) { renderMediaInfo: function (item) {
var page = $.mobile.activePage; var page = $.mobile.activePage;
if (!item.MediaStreams || !item.MediaStreams.length) { if (!item.MediaStreams || !item.MediaStreams.length) {
@ -426,7 +426,7 @@
}); });
}, },
onTrailersExpand: function() { onTrailersExpand: function () {
if (ItemDetailPage.item) { if (ItemDetailPage.item) {
@ -445,39 +445,40 @@
for (var i = 0, length = trailers.length; i < length; i++) { for (var i = 0, length = trailers.length; i < length; i++) {
var trailer = trailers[i]; var trailer = trailers[i];
html += '<div class="posterViewItem posterViewItemWithDualText">'; html += '<div class="posterViewItem posterViewItemWithDualText">';
html += '<a href="#play-Trailer-' + i + '" onclick="ItemDetailPage.playTrailer('+i+');">'; html += '<a href="#play-Trailer-' + i + '" onclick="ItemDetailPage.playTrailer(' + i + ');">';
if (trailer.ImageTag) { var imageTags = trailer.ImageTags || {};
if (imageTags.Primary) {
var imgUrl = ApiClient.getImageUrl(item.Id, { var imgUrl = ApiClient.getImageUrl(trailer.Id, {
width: 500, maxwidth: 500,
tag: trailer.ImageTag, tag: imageTags.Primary,
type: "Trailer", type: "primary"
index: i });
});
html += '<img src="' + imgUrl + '" />'; html += '<img src="' + imgUrl + '" />';
} else { } else {
html += '<img src="css/images/itemDetails/videoDefault.png"/>'; html += '<img src="css/images/items/detail/video.png"/>';
} }
html += '<div class="posterViewItemText posterViewItemPrimaryText">' + trailer.Name + '</div>'; html += '<div class="posterViewItemText posterViewItemPrimaryText">' + trailer.Name + '</div>';
html += '<div class="posterViewItemText">'; html += '<div class="posterViewItemText">';
if (trailer.RunTimeTicks != "") { if (trailer.RunTimeTicks != "") {
html += ticks_to_human(trailer.RunTimeTicks); html += ticks_to_human(trailer.RunTimeTicks);
} }
else { else {
html += "&nbsp;"; html += "&nbsp;";
} }
html += '</div>'; html += '</div>';
html += '</a>'; html += '</a>';
html += '</div>'; html += '</div>';
} }
$('#trailersContent', page).html(html); $('#trailersContent', page).html(html);
@ -492,7 +493,7 @@
}); });
}, },
onSpecialsExpand: function() { onSpecialsExpand: function () {
if (ItemDetailPage.item) { if (ItemDetailPage.item) {
@ -514,22 +515,24 @@
var special = specials[i]; var special = specials[i];
html += '<div class="posterViewItem posterViewItemWithDualText">'; html += '<div class="posterViewItem posterViewItemWithDualText">';
html += '<a href="#play-Special-' + i + '" onclick="ItemDetailPage.playSpecial('+i+');">'; html += '<a href="#play-Special-' + i + '" onclick="ItemDetailPage.playSpecial(' + i + ');">';
if (special.ImageTag) { var imageTags = special.ImageTags || {};
var imgUrl = ApiClient.getImageUrl(item.Id, { if (imageTags.Primary) {
width: 500,
tag: special.ImageTag, var imgUrl = ApiClient.getImageUrl(special.Id, {
type: "Special", maxwidth: 500,
index: i tag: imageTags.Primary,
type: "primary"
}); });
html += '<img src="' + imgUrl + '" />'; html += '<img src="' + imgUrl + '" />';
} else { } else {
html += '<img src="css/images/itemDetails/videoDefault.png"/>'; html += '<img src="css/images/items/detail/video.png"/>';
} }
html += '<div class="posterViewItemText posterViewItemPrimaryText">' + special.Name + '</div>'; html += '<div class="posterViewItemText posterViewItemPrimaryText">' + special.Name + '</div>';
html += '<div class="posterViewItemText">'; html += '<div class="posterViewItemText">';