diff options
Diffstat (limited to 'MediaBrowser.WebDashboard/Html/scripts/ItemDetailPage.js')
| -rw-r--r-- | MediaBrowser.WebDashboard/Html/scripts/ItemDetailPage.js | 376 |
1 files changed, 0 insertions, 376 deletions
diff --git a/MediaBrowser.WebDashboard/Html/scripts/ItemDetailPage.js b/MediaBrowser.WebDashboard/Html/scripts/ItemDetailPage.js deleted file mode 100644 index 8a97943b0..000000000 --- a/MediaBrowser.WebDashboard/Html/scripts/ItemDetailPage.js +++ /dev/null @@ -1,376 +0,0 @@ -var ItemDetailPage = { - - onPageShow: function () { - - ItemDetailPage.reload(); - - $('#galleryCollapsible', this).on('expand', ItemDetailPage.onGalleryExpand); - }, - - onPageHide: function () { - - $('#galleryCollapsible', this).off('expand', ItemDetailPage.onGalleryExpand); - - ItemDetailPage.item = null; - }, - - reload: function () { - var id = getParameterByName('id'); - - Dashboard.showLoadingMsg(); - - ApiClient.getItem(Dashboard.getCurrentUserId(), id).done(ItemDetailPage.renderItem); - }, - - renderItem: function (item) { - - ItemDetailPage.item = item; - - var page = $.mobile.activePage; - - ItemDetailPage.item = item; - - var name = item.Name; - - if (item.IndexNumber != null) { - name = item.IndexNumber + " - " + name; - } - - Dashboard.setPageTitle(name); - - ItemDetailPage.renderImage(item); - ItemDetailPage.renderOverviewBlock(item); - ItemDetailPage.renderScenes(item); - ItemDetailPage.renderMediaInfo(item); - - $('#itemName', page).html(name); - - Dashboard.hideLoadingMsg(); - }, - - renderImage: function (item) { - - var page = $.mobile.activePage; - - var imageTags = item.ImageTags || {}; - - var html = ''; - - var url; - var useBackgroundColor; - - if (imageTags.Primary) { - - url = ApiClient.getImageUrl(item.Id, { - type: "Primary", - width: 800, - tag: item.ImageTags.Primary - }); - } - else if (item.BackdropImageTags && item.BackdropImageTags.length) { - - url = ApiClient.getImageUrl(item.Id, { - type: "Backdrop", - width: 800, - tag: item.BackdropImageTags[0] - }); - } - else if (imageTags.Thumb) { - - url = ApiClient.getImageUrl(item.Id, { - type: "Thumb", - width: 800, - tag: item.ImageTags.Thumb - }); - } - else if (imageTags.Disc) { - - url = ApiClient.getImageUrl(item.Id, { - type: "Disc", - width: 800, - tag: item.ImageTags.Disc - }); - } - else if (item.MediaType == "Audio") { - url = "css/images/itemDetails/audioDefault.png"; - useBackgroundColor = true; - } - else if (item.MediaType == "Game") { - url = "css/images/itemDetails/gameDefault.png"; - useBackgroundColor = true; - } - else { - url = "css/images/itemDetails/videoDefault.png"; - useBackgroundColor = true; - } - - if (url) { - - var style = useBackgroundColor ? "background-color:" + Dashboard.getRandomMetroColor() + ";" : ""; - - html += "<img class='itemDetailImage' src='" + url + "' style='" + style + "' />"; - } - - $('#itemImage', page).html(html); - }, - - renderOverviewBlock: function (item) { - - var page = $.mobile.activePage; - - if (item.Taglines && item.Taglines.length) { - $('#itemTagline', page).html(item.Taglines[0]).show(); - } else { - $('#itemTagline', page).hide(); - } - - if (item.Overview) { - $('#itemOverview', page).html(item.Overview).show(); - } else { - $('#itemOverview', page).hide(); - } - - if (item.CommunityRating) { - $('#itemCommunityRating', page).html(ItemDetailPage.getStarRating(item)).show().attr('title', item.CommunityRating); - } else { - $('#itemCommunityRating', page).hide(); - } - - if (MediaPlayer.canPlay(item)) { - $('#btnPlay', page).show(); - $('#playButtonShadow', page).show(); - } else { - $('#btnPlay', page).hide(); - $('#playButtonShadow', page).hide(); - } - - var miscInfo = []; - - if (item.ProductionYear) { - miscInfo.push(item.ProductionYear); - } - - if (item.OfficialRating) { - miscInfo.push(item.OfficialRating); - } - - if (item.RunTimeTicks) { - - var minutes = item.RunTimeTicks / 600000000; - - minutes = minutes || 1; - - miscInfo.push(parseInt(minutes) + "min"); - } - - if (item.DisplayMediaType) { - miscInfo.push(item.DisplayMediaType); - } - - if (item.VideoFormat && item.VideoFormat !== 'Standard') { - miscInfo.push(item.VideoFormat); - } - - $('#itemMiscInfo', page).html(miscInfo.join(' ')); - - ItemDetailPage.renderGenres(item); - ItemDetailPage.renderStudios(item); - }, - - renderGenres: function (item) { - - var page = $.mobile.activePage; - - if (item.Genres && item.Genres.length) { - var elem = $('#itemGenres', page).show(); - - var html = 'Genres: '; - - for (var i = 0, length = item.Genres.length; i < length; i++) { - - if (i > 0) { - html += ' / '; - } - - html += '<a class="interiorLink" href="#">' + item.Genres[i] + '</a>'; - } - - elem.html(html); - - - } else { - $('#itemGenres', page).hide(); - } - }, - - renderStudios: function (item) { - - var page = $.mobile.activePage; - - if (item.Studios && item.Studios.length) { - var elem = $('#itemStudios', page).show(); - - var html = 'Studios: '; - - for (var i = 0, length = item.Studios.length; i < length; i++) { - - if (i > 0) { - html += ' / '; - } - - html += '<a class="interiorLink" href="#">' + item.Studios[i] + '</a>'; - } - - elem.html(html); - - - } else { - $('#itemStudios', page).hide(); - } - }, - - getStarRating: function (item) { - var rating = item.CommunityRating; - - var html = ""; - for (var i = 1; i <= 10; i++) { - if (rating < i - 1) { - html += "<div class='starRating emptyStarRating'></div>"; - } - else if (rating < i) { - html += "<div class='starRating halfStarRating'></div>"; - } - else { - html += "<div class='starRating'></div>"; - } - } - - return html; - }, - - renderScenes: function (item) { - - var html = ''; - - var page = $.mobile.activePage; - - if (!item.Chapters || !item.Chapters.length) { - $('#scenesCollapsible', page).hide(); - $('#scenesContent', page).html(html); - return; - } - - for (var i = 0, length = item.Chapters.length; i < length; i++) { - - var chapter = item.Chapters[i]; - - - } - - $('#scenesCollapsible', page).show(); - $('#scenesContent', page).html(html); - }, - - play: function () { - MediaPlayer.play([ItemDetailPage.item]); - }, - - onGalleryExpand: function() { - - if (ItemDetailPage.item) { - - ItemDetailPage.renderGallery(ItemDetailPage.item); - - $(this).off('expand', ItemDetailPage.onGalleryExpand); - } - }, - - renderGallery: function (item) { - - var page = $.mobile.activePage; - - var imageTags = item.ImageTags || {}; - - var html = ''; - - var downloadWidth = 400; - - if (imageTags.Logo) { - - html += '<img class="galleryImage" src="' + ApiClient.getImageUrl(item.Id, { - type: "Logo", - width: downloadWidth, - tag: item.ImageTags.Logo - }) + '" />'; - } - if (imageTags.Thumb) { - - html += '<img class="galleryImage" src="' + ApiClient.getImageUrl(item.Id, { - type: "Thumb", - width: downloadWidth, - tag: item.ImageTags.Thumb - }) + '" />'; - } - if (imageTags.Art) { - - html += '<img class="galleryImage" src="' + ApiClient.getImageUrl(item.Id, { - type: "Art", - width: downloadWidth, - tag: item.ImageTags.Art - }) + '" />'; - } - if (imageTags.Menu) { - - html += '<img class="galleryImage" src="' + ApiClient.getImageUrl(item.Id, { - type: "Menu", - width: downloadWidth, - tag: item.ImageTags.Menu - }) + '" />'; - } - if (imageTags.Disc) { - - html += '<img class="galleryImage" src="' + ApiClient.getImageUrl(item.Id, { - type: "Disc", - width: downloadWidth, - tag: item.ImageTags.Disc - }) + '" />'; - } - if (imageTags.Box) { - - html += '<img class="galleryImage" src="' + ApiClient.getImageUrl(item.Id, { - type: "Box", - width: downloadWidth, - tag: item.ImageTags.Box - }) + '" />'; - } - - if (item.BackdropImageTags) { - - for (var i = 0, length = item.BackdropImageTags.length; i < length; i++) { - html += '<img class="galleryImage" src="' + ApiClient.getImageUrl(item.Id, { - type: "Backdrop", - width: downloadWidth, - tag: item.BackdropImageTags[0], - index: i - }) + '" />'; - } - - } - - $('#galleryContent', page).html(html); - }, - - renderMediaInfo: function(item) { - - var page = $.mobile.activePage; - - if (!item.MediaStreams || !item.MediaStreams.length) { - $('#mediaInfoCollapsible', page).hide(); - return; - } - - $('#mediaInfoCollapsible', page).show(); - } -}; - -$(document).on('pageshow', "#itemDetailPage", ItemDetailPage.onPageShow).on('pagehide', "#itemDetailPage", ItemDetailPage.onPageHide); |