From 097653775af1bca88a88e47a8ad0edc4697072a8 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Wed, 24 Apr 2013 16:28:42 -0400
Subject: [PATCH] improved games display

---
 dashboard-ui/gamedetail.html                 |  48 -----
 dashboard-ui/itemdetails.html                |  17 +-
 dashboard-ui/itemlist.html                   |   4 +-
 dashboard-ui/scripts/Itemdetailpage.js       |  22 ++-
 dashboard-ui/scripts/gamedetailpage.js       | 184 -------------------
 dashboard-ui/scripts/gamegenrepage.js        |   1 -
 dashboard-ui/scripts/gamespage.js            |   2 +-
 dashboard-ui/scripts/gamestudiospage.js      |   1 -
 dashboard-ui/scripts/gamesystemspage.js      |   1 -
 dashboard-ui/scripts/itembynamedetailpage.js |  16 +-
 dashboard-ui/scripts/librarybrowser.js       |  50 ++++-
 dashboard-ui/scripts/moviegenres.js          |   1 -
 dashboard-ui/scripts/moviepeople.js          |   1 -
 dashboard-ui/scripts/movies.js               |   1 -
 dashboard-ui/scripts/moviestudios.js         |   1 -
 dashboard-ui/scripts/movietrailers.js        |   1 -
 dashboard-ui/scripts/musicartists.js         |   1 -
 dashboard-ui/scripts/musicgenres.js          |   1 -
 dashboard-ui/scripts/tvgenres.js             |   1 -
 dashboard-ui/scripts/tvpeople.js             |   1 -
 dashboard-ui/scripts/tvstudios.js            |   1 -
 21 files changed, 87 insertions(+), 269 deletions(-)
 delete mode 100644 dashboard-ui/gamedetail.html
 delete mode 100644 dashboard-ui/scripts/gamedetailpage.js
diff --git a/dashboard-ui/gamedetail.html b/dashboard-ui/gamedetail.html
deleted file mode 100644
index 2dd79c6462..0000000000
--- a/dashboard-ui/gamedetail.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title></title>
-</head>
-<body>
-    <div id="gameDetailPage" data-role="page" class="page libraryPage" data-theme="a">
-        <div data-role="content">
-
-            <div class="detailPagePrimaryInfo">
-                <div class="itemImageBlock">
-                    <div id="itemMedia" style="position: relative;">
-                        <div id="itemImage"></div>
-                    </div>
-
-                </div>
-
-                <div class="itemDetailBlock">
-
-                    <h1 id="seriesName" class="detailPageName hide"></h1>
-                    <h1 id="itemName" class="detailPageName"></h1>
-
-                    <p id="itemMiscInfo" class="itemMiscInfo"></p>
-                    <p id="itemTagline" style="font-style: italic;"></p>
-                    <p id="itemOverview"></p>
-                    <p id="itemRatings"></p>
-                    <p id="itemCommunityRating"></p>
-
-                    <p id="itemBudget"></p>
-                    <p id="itemGenres"></p>
-                    <p id="itemStudios"></p>
-                    <p id="itemLinks"></p>
-                </div>
-            </div>
-
-            <div data-role="collapsible" id="trailersCollapsible" class="hide" data-mini="true">
-                <h3>Trailers</h3>
-                <div id="trailersContent"></div>
-            </div>
-            <div data-role="collapsible" id="galleryCollapsible" data-mini="true">
-                <h3>Gallery</h3>
-                <div id="galleryContent"></div>
-            </div>
-
-        </div>
-    </div>
-</body>
-</html>
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index 0cf426a422..030e174898 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -72,6 +72,15 @@
                     <a href="musicgenres.html" data-role="button">Genres</a>
                 </div>
             </div>
+            <div id="gameTabs" style="display: none;">
+                <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
+                    <a href="gamesrecommended.html" data-role="button">Suggested</a>
+                    <a href="games.html" data-role="button" class="ui-btn-active">Games</a>
+                    <a href="gamesystems.html" data-role="button">Game Systems</a>
+                    <a href="gamegenres.html" data-role="button">Genres</a>
+                    <a href="gamestudios.html" data-role="button">Studios</a>
+                </div>
+            </div>
             <div class="detailPageContent">
                 <div class="detailPagePrimaryInfo">
                     <div class="itemImageBlock">
@@ -136,25 +145,25 @@
                         <div id="specialsContent"></div>
                     </div>
                 </div>
-                <div style="display: inline-block; vertical-align: top;">
+                <div>
                     <div data-role="collapsible" id="galleryCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
                         <h3>Gallery</h3>
                         <div id="galleryContent"></div>
                     </div>
                 </div>
-                <div style="display: inline-block; vertical-align: top;">
+                <div>
                     <div data-role="collapsible" id="themeSongsCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
                         <h3>Theme Songs</h3>
                         <div id="themeSongsContent"></div>
                     </div>
                 </div>
-                <div style="display: inline-block; vertical-align: top;">
+                <div>
                     <div data-role="collapsible" id="castCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
                         <h3>Cast & Crew</h3>
                         <div id="castContent"></div>
                     </div>
                 </div>
-                <div style="display: inline-block; vertical-align: top;">
+                <div>
                     <div data-role="collapsible" id="scenesCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
                         <h3>Scenes</h3>
                         <div id="scenesContent"></div>
diff --git a/dashboard-ui/itemlist.html b/dashboard-ui/itemlist.html
index 42c407b24f..54dbd6328d 100644
--- a/dashboard-ui/itemlist.html
+++ b/dashboard-ui/itemlist.html
@@ -71,10 +71,10 @@
                         <strong>Filters:</strong>
                     </legend>
                     <input class="chkStandardFilter" type="checkbox" name="chkPlayed" id="chkPlayed" data-theme="c" data-filter="IsPlayed" data-mini="true">
-                    <label for="chkPlayed">Watched</label>
+                    <label for="chkPlayed">Played</label>
 
                     <input class="chkStandardFilter" type="checkbox" name="chkUnplayed" id="chkUnplayed" data-theme="c" data-filter="IsUnPlayed" data-mini="true">
-                    <label for="chkUnplayed">Unwatched</label>
+                    <label for="chkUnplayed">Unplayed</label>
 
                     <input class="chkStandardFilter" type="checkbox" name="chkResumable" id="chkResumable" data-theme="c" data-filter="IsResumable" data-mini="true">
                     <label for="chkResumable">Resumable</label>
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index 724bec747f..10cbec9483 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -65,11 +65,11 @@
             Dashboard.hideLoadingMsg();
         });
     }
-    
+
     function getContext(item) {
 
         // should return either movies, tv, music or games
-        
+
         if (item.Type == "Episode" || item.Type == "Series" || item.Type == "Season") {
             return "tv";
         }
@@ -105,6 +105,10 @@
             enableCustomHeader(page, "Music");
             $('#standardLogo', page).hide();
         }
+        else if (item.MediaType == "Game") {
+            enableCustomHeader(page, "Games");
+            $('#standardLogo', page).hide();
+        }
         else {
             $('.libraryPageHeader', page).hide();
             $('#standardLogo', page).show();
@@ -128,6 +132,12 @@
             $('#movieTabs', page).hide();
         }
 
+        if (item.MediaType == "Game") {
+            $('#gameTabs', page).show();
+        } else {
+            $('#gameTabs', page).hide();
+        }
+
         if (item.Type == "BoxSet") {
             $('#boxsetTabs', page).show();
         } else {
@@ -278,14 +288,14 @@
     function renderUserDataIcons(page, item) {
         $('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
     }
-    
+
     function renderThemeSongs(page, item, result) {
-        
+
         if (result.Items.length) {
-            
+
             $('#themeSongsCollapsible', page).show();
 
-            $('#themeSongsContent', page).html(LibraryBrowser.getSongTableHtml(result.Items, {})).trigger('create');
+            $('#themeSongsContent', page).html(LibraryBrowser.getSongTableHtml(result.Items, { showArtist: true, showAlbum: true })).trigger('create');
         }
     }
 
diff --git a/dashboard-ui/scripts/gamedetailpage.js b/dashboard-ui/scripts/gamedetailpage.js
deleted file mode 100644
index c8c0e8189a..0000000000
--- a/dashboard-ui/scripts/gamedetailpage.js
+++ /dev/null
@@ -1,184 +0,0 @@
-
-(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;
-
-			if (item.IndexNumber != null) {
-				name = item.IndexNumber + " - " + name;
-			}
-			if (item.ParentIndexNumber != null) {
-				name = item.ParentIndexNumber + "." + name;
-			}
-
-			$('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
-
-			Dashboard.setPageTitle(name);
-
-			$('#itemName', page).html(name);
-
-			setInitialCollapsibleState(page, item);
-			renderDetails(page, item);
-
-			if (LibraryBrowser.shouldDisplayGallery(item)) {
-			    $('#galleryCollapsible', page).show();
-			} else {
-			    $('#galleryCollapsible', page).hide();
-			}
-
-			Dashboard.hideLoadingMsg();
-		});
-	}
-
-	function setInitialCollapsibleState(page, item) {
-
-		if (!item.LocalTrailerCount || item.LocalTrailerCount == 0) {
-			$('#trailersCollapsible', page).hide();
-		} else {
-			$('#trailersCollapsible', page).show();
-		}
-	}
-
-	function renderDetails(page, item) {
-
-		if (item.Taglines && item.Taglines.length) {
-			$('#itemTagline', page).html(item.Taglines[0]).show();
-		} else {
-			$('#itemTagline', page).hide();
-		}
-
-		LibraryBrowser.renderOverview($('#itemOverview', page), item);
-
-		if (item.CommunityRating) {
-			$('#itemCommunityRating', page).html(LibraryBrowser.getStarRatingHtml(item)).show().attr('title', item.CommunityRating);
-		} else {
-			$('#itemCommunityRating', page).hide();
-		}
-
-		LibraryBrowser.renderBudget($('#itemBudget', page), item);
-
-		$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
-
-		LibraryBrowser.renderGenres($('#itemGenres', page), item, "games");
-		LibraryBrowser.renderStudios($('#itemStudios', page), item, "games");
-		renderUserDataIcons(page, item);
-		LibraryBrowser.renderLinks($('#itemLinks', page), item);
-	}
-
-	function renderUserDataIcons(page, item) {
-		$('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
-	}
-
-	function renderGallery(page, item) {
-
-	    var html = LibraryBrowser.getGalleryHtml(item);
-
-		$('#galleryContent', page).html(html).trigger('create');
-	}
-
-	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);
-
-		});
-	}
-
-	$(document).on('pageinit', "#gameDetailPage", function () {
-
-		var page = this;
-
-	}).on('pageshow', "#gameDetailPage", function () {
-
-			var page = this;
-
-			reload(page);
-
-			$('#trailersCollapsible', page).on('expand.lazyload', function () {
-				renderTrailers(page, currentItem);
-
-				$(this).off('expand.lazyload');
-			});
-
-			$('#galleryCollapsible', page).on('expand.lazyload', function () {
-
-				renderGallery(page, currentItem);
-
-				$(this).off('expand.lazyload');
-			});
-
-		}).on('pagehide', "#gameDetailPage", function () {
-
-			currentItem = null;
-			var page = this;
-
-			$('#trailersCollapsible', page).off('expand.lazyload');
-			$('#galleryCollapsible', page).off('expand.lazyload');
-		});
-
-	function gameDetailPage() {
-
-		var self = this;
-
-		self.playTrailer = function (index) {
-			ApiClient.getLocalTrailers(Dashboard.getCurrentUserId(), currentItem.Id).done(function (trailers) {
-				MediaPlayer.play([trailers[index]]);
-			});
-		};
-	}
-
-	window.GameDetailPage = new gameDetailPage();
-
-
-})(jQuery, document, LibraryBrowser, window);
\ No newline at end of file
diff --git a/dashboard-ui/scripts/gamegenrepage.js b/dashboard-ui/scripts/gamegenrepage.js
index 7e0c8dae29..e6517bcd98 100644
--- a/dashboard-ui/scripts/gamegenrepage.js
+++ b/dashboard-ui/scripts/gamegenrepage.js
@@ -24,7 +24,6 @@
 
 			html += LibraryBrowser.getPosterDetailViewHtml({
 				items: result.Items,
-				useAverageAspectRatio: true,
 				countNameSingular: "Game",
 				countNamePlural: "Games",
 				context: "games"
diff --git a/dashboard-ui/scripts/gamespage.js b/dashboard-ui/scripts/gamespage.js
index 5b7039117f..f988c7296d 100644
--- a/dashboard-ui/scripts/gamespage.js
+++ b/dashboard-ui/scripts/gamespage.js
@@ -29,7 +29,7 @@
 				var item = result.Items[i];
 //console.log(item);
 				html += '<tr>';
-				html += '<td><a href="gamedetail.html?id='+item.Id+'">' + item.Name + '</a></td>';
+				html += '<td><a href="itemdetails.html?id='+item.Id+'">' + item.Name + '</a></td>';
 				html += '<td>' + item.DisplayMediaType + '</td>';
 				html += '<td>' + item.ReleaseYear + '</td>';
 				html += '<td>' + /*LibraryBrowser.renderGenres('', item, "games")*/ + '</td>';
diff --git a/dashboard-ui/scripts/gamestudiospage.js b/dashboard-ui/scripts/gamestudiospage.js
index b675c5b6a0..f62a806e55 100644
--- a/dashboard-ui/scripts/gamestudiospage.js
+++ b/dashboard-ui/scripts/gamestudiospage.js
@@ -24,7 +24,6 @@
 
 			html += LibraryBrowser.getPosterDetailViewHtml({
 				items: result.Items,
-				useAverageAspectRatio: true,
 				countNameSingular: "Game",
 				countNamePlural: "Games",
 				context: "games"
diff --git a/dashboard-ui/scripts/gamesystemspage.js b/dashboard-ui/scripts/gamesystemspage.js
index 32c1114055..f0e819e261 100644
--- a/dashboard-ui/scripts/gamesystemspage.js
+++ b/dashboard-ui/scripts/gamesystemspage.js
@@ -26,7 +26,6 @@
 
 			html += LibraryBrowser.getPosterDetailViewHtml({
 				items: result.Items,
-				useAverageAspectRatio: true,
 				context: "games"
 			});
 
diff --git a/dashboard-ui/scripts/itembynamedetailpage.js b/dashboard-ui/scripts/itembynamedetailpage.js
index cd878dc58f..90c6c1d2b1 100644
--- a/dashboard-ui/scripts/itembynamedetailpage.js
+++ b/dashboard-ui/scripts/itembynamedetailpage.js
@@ -181,7 +181,7 @@
             if (result.GameCount) {
 
                 html += '<input type="radio" name="ibnItems" id="radioGames" value="on" data-mini="true">';
-                html += '<label for="radioGames">Games (' + result.SeriesCount + ')</label>';
+                html += '<label for="radioGames">Games (' + result.GameCount + ')</label>';
             }
 
             if (result.AlbumCount) {
@@ -212,6 +212,7 @@
 
             shape = "backdrop";
             loadItems(page, {
+                MediaTypes: "",
                 IncludeItemTypes: "Movie",
                 PersonTypes: "",
                 Artists: ""
@@ -223,6 +224,7 @@
 
             shape = "backdrop";
             loadItems(page, {
+                MediaTypes: "",
                 IncludeItemTypes: "Series",
                 PersonTypes: "",
                 Artists: ""
@@ -233,6 +235,7 @@
 
             shape = "poster";
             loadItems(page, {
+                MediaTypes: "",
                 IncludeItemTypes: "Trailer",
                 PersonTypes: "",
                 Artists: ""
@@ -243,7 +246,8 @@
 
             shape = "poster";
             loadItems(page, {
-                IncludeItemTypes: "Game",
+                IncludeItemTypes: "",
+                MediaTypes: "Game",
                 PersonTypes: "",
                 Artists: ""
             });
@@ -253,6 +257,7 @@
 
             shape = "backdrop";
             loadItems(page, {
+                MediaTypes: "",
                 IncludeItemTypes: "Episode",
                 PersonTypes: "GuestStar",
                 Artists: ""
@@ -263,6 +268,7 @@
 
             shape = "cd";
             loadItems(page, {
+                MediaTypes: "",
                 IncludeItemTypes: "MusicAlbum",
                 PersonTypes: "Artist",
                 Artists: ""
@@ -272,6 +278,7 @@
         $("#radioSongs", page).on("click", function () {
 
             loadItems(page, {
+                MediaTypes: "",
                 IncludeItemTypes: "Audio",
                 PersonTypes: "Artist",
                 Artists: ""
@@ -351,7 +358,7 @@
 
             SortBy: "SortName",
             SortOrder: "Ascending",
-            IncludeItemTypes: "Movie",
+            IncludeItemTypes: "",
             Recursive: true,
             Fields: "PrimaryImageAspectRatio,UserData,DisplayMediaType,ItemCounts,DateCreated,AudioInfo,SeriesInfo",
             Limit: LibraryBrowser.getDetaultPageSize(),
@@ -375,8 +382,7 @@
 
             html += LibraryBrowser.getPosterDetailViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
-                preferBackdrop: true,
+                preferBackdrop: shape == "backdrop",
                 shape: shape
             });
 
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 6ad3539256..9209a9aec9 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -20,7 +20,7 @@
         getPosterDetailViewHtml: function (options) {
 
             var items = options.items;
-            
+
             if (!options.shape) {
                 options.shape = options.preferBackdrop ? "backdrop" : "poster";
             }
@@ -253,7 +253,7 @@
                 }
 
                 if (options.showArtist) {
-                    
+
                     if (item.Artist) {
                         html += '<td><a href="itembynamedetails.html?context=music&artist=' + item.Artist + '">' + item.Artist + '</a></td>';
                     } else {
@@ -1109,14 +1109,47 @@
         getMiscInfoHtml: function (item) {
 
             var miscInfo = [];
-
-            if (item.ProductionYear && item.Type != "Episode") {
+            var text;
+            
+            if (item.ProductionYear && item.Type == "Series") {
 
                 if (item.Status == "Continuing") {
                     miscInfo.push(item.ProductionYear + "-Present");
-                } else {
+
+                } else if (item.ProductionYear) {
+
+                    text = item.ProductionYear;
+
+                    if (item.EndDate) {
+
+                        try {
+                            text += "-" + parseISO8601Date(item.EndDate, { toLocal: true }).getFullYear();
+                        }
+                        catch (e) {
+                            console.log("Error parsing date: " + item.EndDate);
+                        }
+                    }
+
+                    miscInfo.push(text);
+                }
+            }
+
+            if (item.Type != "Series" && item.Type != "Episode") {
+                
+                if (item.ProductionYear) {
+
                     miscInfo.push(item.ProductionYear);
                 }
+                else if (item.PremiereDate) {
+                    
+                    try {
+                        text = "-" + parseISO8601Date(item.PremiereDate, { toLocal: true }).getFullYear();
+                        miscInfo.push(text);
+                    }
+                    catch (e) {
+                        console.log("Error parsing date: " + item.PremiereDate);
+                    }
+                }
             }
 
             if (item.OfficialRating) {
@@ -1212,7 +1245,12 @@
         renderPremiereDate: function (elem, item) {
             if (item.PremiereDate) {
                 try {
-                    elem.show().html('Premiered&nbsp;&nbsp;' + parseISO8601Date(item.PremiereDate, { toLocal: true }).toDateString());
+
+                    var date = parseISO8601Date(item.PremiereDate, { toLocal: true });
+
+                    var text = new Date().getTime() > date.getTime() ? "Premiered" : "Premieres";
+
+                    elem.show().html(text + '&nbsp;&nbsp;' + date.toDateString());
                 } catch (err) {
                     elem.hide();
                 }
diff --git a/dashboard-ui/scripts/moviegenres.js b/dashboard-ui/scripts/moviegenres.js
index 235075e0cc..bed499bf67 100644
--- a/dashboard-ui/scripts/moviegenres.js
+++ b/dashboard-ui/scripts/moviegenres.js
@@ -24,7 +24,6 @@
 
             html += LibraryBrowser.getPosterDetailViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
                 countNameSingular: "Movie",
                 countNamePlural: "Movies",
                 context: "movies"
diff --git a/dashboard-ui/scripts/moviepeople.js b/dashboard-ui/scripts/moviepeople.js
index 7254cf3f02..93cb7549d0 100644
--- a/dashboard-ui/scripts/moviepeople.js
+++ b/dashboard-ui/scripts/moviepeople.js
@@ -25,7 +25,6 @@
 
             html += LibraryBrowser.getPosterDetailViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
                 countNameSingular: "Movie",
                 countNamePlural: "Movies",
                 context: "movies"
diff --git a/dashboard-ui/scripts/movies.js b/dashboard-ui/scripts/movies.js
index 2e6256be24..16d1760af6 100644
--- a/dashboard-ui/scripts/movies.js
+++ b/dashboard-ui/scripts/movies.js
@@ -27,7 +27,6 @@
             if (view == "Backdrop") {
                 html += LibraryBrowser.getPosterDetailViewHtml({
                     items: result.Items,
-                    useAverageAspectRatio: true,
                     preferBackdrop: true,
                     context: "movies",
                     shape: "backdrop"
diff --git a/dashboard-ui/scripts/moviestudios.js b/dashboard-ui/scripts/moviestudios.js
index e9c041e3ac..eb57f50fb1 100644
--- a/dashboard-ui/scripts/moviestudios.js
+++ b/dashboard-ui/scripts/moviestudios.js
@@ -24,7 +24,6 @@
 
             html += LibraryBrowser.getPosterDetailViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
                 countNameSingular: "Movie",
                 countNamePlural: "Movies",
                 context: "movies"
diff --git a/dashboard-ui/scripts/movietrailers.js b/dashboard-ui/scripts/movietrailers.js
index 968b34ee66..3bb24a8f62 100644
--- a/dashboard-ui/scripts/movietrailers.js
+++ b/dashboard-ui/scripts/movietrailers.js
@@ -27,7 +27,6 @@
             if (view == "Backdrop") {
                 html += LibraryBrowser.getPosterDetailViewHtml({
                     items: result.Items,
-                    useAverageAspectRatio: true,
                     preferBackdrop: true,
                     context: "movies"
                 });
diff --git a/dashboard-ui/scripts/musicartists.js b/dashboard-ui/scripts/musicartists.js
index d501485605..8cae853814 100644
--- a/dashboard-ui/scripts/musicartists.js
+++ b/dashboard-ui/scripts/musicartists.js
@@ -24,7 +24,6 @@
 
             html += LibraryBrowser.getPosterDetailViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
                 countNameSingular: "Song",
                 countNamePlural: "Songs",
                 preferBackdrop: true,
diff --git a/dashboard-ui/scripts/musicgenres.js b/dashboard-ui/scripts/musicgenres.js
index 667223e766..4c581eb846 100644
--- a/dashboard-ui/scripts/musicgenres.js
+++ b/dashboard-ui/scripts/musicgenres.js
@@ -24,7 +24,6 @@
 
             html += LibraryBrowser.getPosterDetailViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
                 countNameSingular: "Song",
                 countNamePlural: "Songs",
                 context: "music"
diff --git a/dashboard-ui/scripts/tvgenres.js b/dashboard-ui/scripts/tvgenres.js
index 10f121e1ed..428b5712e4 100644
--- a/dashboard-ui/scripts/tvgenres.js
+++ b/dashboard-ui/scripts/tvgenres.js
@@ -24,7 +24,6 @@
 
             html += LibraryBrowser.getPosterDetailViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
                 countNameSingular: "Show",
                 countNamePlural: "Shows",
                 context: "tv"
diff --git a/dashboard-ui/scripts/tvpeople.js b/dashboard-ui/scripts/tvpeople.js
index 498983d144..3058717656 100644
--- a/dashboard-ui/scripts/tvpeople.js
+++ b/dashboard-ui/scripts/tvpeople.js
@@ -25,7 +25,6 @@
 
             html += LibraryBrowser.getPosterDetailViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
                 countNameSingular: "Show",
                 countNamePlural: "Shows",
                 context: "tv"
diff --git a/dashboard-ui/scripts/tvstudios.js b/dashboard-ui/scripts/tvstudios.js
index b3961addc8..38a846c4f4 100644
--- a/dashboard-ui/scripts/tvstudios.js
+++ b/dashboard-ui/scripts/tvstudios.js
@@ -24,7 +24,6 @@
 
             html += LibraryBrowser.getPosterDetailViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
                 countNameSingular: "Show",
                 countNamePlural: "Shows",
                 context: "tv"
