From 358830d05051a6dd45498550f0ca8baee9c519a5 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sun, 28 Apr 2013 14:47:19 -0400
Subject: [PATCH] game context on detail page

---
 dashboard-ui/itemdetails.html          | 23 ++++++++++++------
 dashboard-ui/scripts/Itemdetailpage.js | 33 +++++++++++++-------------
 2 files changed, 33 insertions(+), 23 deletions(-)

diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index d4f06c06b..9c736475b 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -12,7 +12,7 @@
         <h1 class="libraryPageHeader" style="display: none;"><a href="index.html" class="imageLink">
             <img src="css/images/mblogoicon.png"></a><span></span></h1>
         <div data-role="content">
-            <div id="movieTabs" style="display: none;">
+            <div id="movieTabs" class="itemTabs" style="display: none;">
                 <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
                     <a href="moviesrecommended.html" data-role="button">Suggested</a>
                     <a href="movies.html" data-role="button" class="ui-btn-active">Movies</a>
@@ -23,7 +23,7 @@
                     <a href="moviestudios.html" data-role="button">Studios</a>
                 </div>
             </div>
-            <div id="boxsetTabs" style="display: none;">
+            <div id="boxsetTabs" class="itemTabs" style="display: none;">
                 <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
                     <a href="moviesrecommended.html" data-role="button">Suggested</a>
                     <a href="movies.html" data-role="button">Movies</a>
@@ -34,7 +34,7 @@
                     <a href="moviestudios.html" data-role="button">Studios</a>
                 </div>
             </div>
-            <div id="trailerTabs" style="display: none;">
+            <div id="trailerTabs" class="itemTabs" style="display: none;">
                 <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
                     <a href="moviesrecommended.html" data-role="button">Suggested</a>
                     <a href="movies.html" data-role="button">Movies</a>
@@ -45,7 +45,7 @@
                     <a href="moviestudios.html" data-role="button">Studios</a>
                 </div>
             </div>
-            <div id="tvShowsTabs" style="display: none;">
+            <div id="tvShowsTabs" class="itemTabs" style="display: none;">
                 <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
                     <a href="tvrecommended.html" data-role="button">Suggested</a>
                     <a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
@@ -54,7 +54,7 @@
                     <a href="tvstudios.html" data-role="button">Networks</a>
                 </div>
             </div>
-            <div id="songTabs" style="display: none;">
+            <div id="songTabs" class="itemTabs" style="display: none;">
                 <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
                     <a href="musicrecommended.html" data-role="button">Suggested</a>
                     <a href="songs.html" data-role="button" class="ui-btn-active">Songs</a>
@@ -63,7 +63,7 @@
                     <a href="musicgenres.html" data-role="button">Genres</a>
                 </div>
             </div>
-            <div id="albumTabs" style="display: none;">
+            <div id="albumTabs" class="itemTabs" style="display: none;">
                 <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
                     <a href="musicrecommended.html" data-role="button">Suggested</a>
                     <a href="songs.html" data-role="button">Songs</a>
@@ -72,7 +72,16 @@
                     <a href="musicgenres.html" data-role="button">Genres</a>
                 </div>
             </div>
-            <div id="gameTabs" style="display: none;">
+            <div id="gameTabs" class="itemTabs" 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 id="gameSystemTabs" class="itemTabs" 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>
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index 0cb677d2f..a15f42166 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -116,7 +116,7 @@
             enableCustomHeader(page, "Music");
             $('#standardLogo', page).hide();
         }
-        else if (item.MediaType == "Game") {
+        else if (item.MediaType == "Game" || item.Type == "GamePlatform") {
             enableCustomHeader(page, "Games");
             $('#standardLogo', page).hide();
         }
@@ -125,44 +125,38 @@
             $('#standardLogo', page).show();
         }
 
+        $('.itemTabs', page).hide();
+
         if (item.Type == "MusicAlbum") {
             $('#albumTabs', page).show();
-        } else {
-            $('#albumTabs', page).hide();
         }
 
         if (item.Type == "Audio") {
             $('#songTabs', page).show();
-        } else {
-            $('#songTabs', page).hide();
         }
 
         if (item.Type == "Movie") {
             $('#movieTabs', page).show();
-        } else {
-            $('#movieTabs', page).hide();
         }
 
         if (item.MediaType == "Game") {
             $('#gameTabs', page).show();
-        } else {
-            $('#gameTabs', page).hide();
+        }
+
+        if (item.Type == "GamePlatform") {
+            $('#gameSystemTabs', page).show();
         }
 
         if (item.Type == "BoxSet") {
             $('#boxsetTabs', page).show();
-        } else {
-            $('#boxsetTabs', page).hide();
         }
+
         if (item.Type == "Trailer") {
             $('#trailerTabs', page).show();
-        } else {
-            $('#trailerTabs', page).hide();
         }
+
         if (item.Type == "Episode" || item.Type == "Season" || item.Type == "Series") {
             $('#tvShowsTabs', page).show();
-        } else {
-            $('#tvShowsTabs', page).hide();
         }
     }
 
@@ -275,9 +269,13 @@
                 $('#itemSongs', page).html(LibraryBrowser.getSongTableHtml(result.Items, { showArtist: true })).trigger('create');
 
             } else {
+
+                var shape = "poster";
+
                 var html = LibraryBrowser.getPosterDetailViewHtml({
                     items: result.Items,
-                    useAverageAspectRatio: true
+                    useAverageAspectRatio: true,
+                    shape: shape
                 });
 
                 $('#childrenContent', page).html(html);
@@ -297,6 +295,9 @@
         else if (item.Type == "MusicAlbum") {
             $('#childrenTitle', page).html('Tracks (' + item.ChildCount + ')');
         }
+        else if (item.Type == "GamePlatform") {
+            $('#childrenTitle', page).html('Games (' + item.ChildCount + ')');
+        }
         else {
             $('#childrenTitle', page).html('Items (' + item.ChildCount + ')');
         }