milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

display video backdrops on detail page

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-28 13:21:56 -04:00
parent 461ed8c2b2
commit 7c43c7858a
5 changed files with 103 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -221,10 +221,15 @@
}
$('#themeSongsCollapsible', page).hide();
$('#videoBackdropsCollapsible', page).hide();
ApiClient.getThemeSongs(Dashboard.getCurrentUserId(), item.Id).done(function (result) {
renderThemeSongs(page, item, result);
});
ApiClient.getVideoBackdrops(Dashboard.getCurrentUserId(), item.Id).done(function (result) {
renderVideoBackdrops(page, item, result);
});
}
function renderDetails(page, item, context) {
@ -310,6 +315,16 @@
}
}
function renderVideoBackdrops(page, item, result) {
if (result.Items.length) {
$('#videoBackdropsCollapsible', page).show();
$('#videoBackdropsContent', page).html(getVideosHtml(result.Items)).trigger('create');
}
}
function renderScenes(page, item) {
var html = '';
@ -446,98 +461,65 @@
$('#mediaInfoContent', page).html(html).trigger('create');
}
function renderSpecials(page, item) {
function getVideosHtml(items) {
var html = '';
for (var i = 0, length = items.length; i < length; i++) {
var item = items[i];
html += '<div class="posterViewItem posterViewItemWithDualText">';
html += '<a href="#" onclick="ItemDetailPage.playById(\'' + item.Id + '\');">';
var imageTags = item.ImageTags || {};
if (imageTags.Primary) {
var imgUrl = ApiClient.getImageUrl(item.Id, {
maxwidth: 500,
tag: imageTags.Primary,
type: "primary"
});
html += '<img src="' + imgUrl + '" />';
} else {
html += '<img src="css/images/items/detail/video.png"/>';
}
html += '<div class="posterViewItemText posterViewItemPrimaryText">' + item.Name + '</div>';
html += '<div class="posterViewItemText">';
if (item.RunTimeTicks != "") {
html += ticks_to_human(item.RunTimeTicks);
}
else {
html += "&nbsp;";
}
html += '</div>';
html += '</a>';
html += '</div>';
}
return html;
}
function renderSpecials(page, item) {
ApiClient.getSpecialFeatures(Dashboard.getCurrentUserId(), item.Id).done(function (specials) {
for (var i = 0, length = specials.length; i < length; i++) {
var special = specials[i];
html += '<div class="posterViewItem posterViewItemWithDualText">';
html += '<a href="#play-Special-' + i + '" onclick="ItemDetailPage.playSpecial(' + i + ');">';
var imageTags = special.ImageTags || {};
if (imageTags.Primary) {
var imgUrl = ApiClient.getImageUrl(special.Id, {
maxwidth: 500,
tag: imageTags.Primary,
type: "primary"
});
html += '<img src="' + imgUrl + '" />';
} else {
html += '<img src="css/images/items/detail/video.png"/>';
}
html += '<div class="posterViewItemText posterViewItemPrimaryText">' + special.Name + '</div>';
html += '<div class="posterViewItemText">';
if (special.RunTimeTicks != "") {
html += ticks_to_human(special.RunTimeTicks);
}
else {
html += "&nbsp;";
}
html += '</div>';
html += '</a>';
html += '</div>';
}
$('#specialsContent', page).html(html);
$('#specialsContent', page).html(getVideosHtml(specials));
});
}
function renderTrailers(page, item) {
var html = '';
ApiClient.getLocalTrailers(Dashboard.getCurrentUserId(), item.Id).done(function (trailers) {
for (var i = 0, length = trailers.length; i < length; i++) {
var trailer = trailers[i];
html += '<div class="posterViewItem posterViewItemWithDualText">';
html += '<a href="#play-Trailer-' + i + '" onclick="ItemDetailPage.playTrailer(' + i + ');">';
var imageTags = trailer.ImageTags || {};
if (imageTags.Primary) {
var imgUrl = ApiClient.getImageUrl(trailer.Id, {
maxwidth: 500,
tag: imageTags.Primary,
type: "primary"
});
html += '<img src="' + imgUrl + '" />';
} else {
html += '<img src="css/images/items/detail/video.png"/>';
}
html += '<div class="posterViewItemText posterViewItemPrimaryText">' + trailer.Name + '</div>';
html += '<div class="posterViewItemText">';
if (trailer.RunTimeTicks != "") {
html += ticks_to_human(trailer.RunTimeTicks);
}
else {
html += "&nbsp;";
}
html += '</div>';
html += '</a>';
html += '</div>';
}
$('#trailersContent', page).html(html);
$('#trailersContent', page).html(getVideosHtml(trailers));
});
}
@ -633,15 +615,9 @@
self.play = play;
self.playTrailer = function (index) {
ApiClient.getLocalTrailers(Dashboard.getCurrentUserId(), currentItem.Id).done(function (trailers) {
MediaPlayer.play([trailers[index]]);
});
};
self.playSpecial = function (index) {
ApiClient.getSpecialFeatures(Dashboard.getCurrentUserId(), currentItem.Id).done(function (specials) {
MediaPlayer.play([specials[index]]);
self.playById = function (id) {
ApiClient.getItem(Dashboard.getCurrentUserId(), id).done(function (item) {
MediaPlayer.play([item]);
});
};
}

4
dashboard-ui/scripts/search.js
View file

@ -64,7 +64,7 @@
var currentTimeout = searchHintTimeout;
$.getJSON(ApiClient.getUrl("Search/Hints", { userId: Dashboard.getCurrentUserId(), searchTerm: searchTerm, limit: 10 })).done(function (result) {
ApiClient.getSearchHints(ApiClient.getUrl({ userId: Dashboard.getCurrentUserId(), searchTerm: searchTerm, limit: 10 })).done(function (result) {
if (currentTimeout != searchHintTimeout) {
return;
@ -253,7 +253,7 @@
}
window.Search = new search();
$(document).on('pagehide', ".libraryPage", function () {
hideFlyout(this);