From 8bcb6d55a44bd524b62a7fbbc52cd85133775e3f Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Tue, 16 Jul 2013 12:03:28 -0400
Subject: [PATCH] Added album soundtrack links

---
 dashboard-ui/edititemmetadata.html       |  5 ++-
 dashboard-ui/itemdetails.html            |  6 +++
 dashboard-ui/scripts/Itemdetailpage.js   | 34 +++++++++++++++
 dashboard-ui/scripts/edititemmetadata.js | 27 +++++++++---
 dashboard-ui/scripts/site.js             | 53 ++++++++++++------------
 5 files changed, 92 insertions(+), 33 deletions(-)

diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html
index a7fb7f8cb7..f1afc4b3bd 100644
--- a/dashboard-ui/edititemmetadata.html
+++ b/dashboard-ui/edititemmetadata.html
@@ -178,6 +178,7 @@
                         <div data-role="collapsible">
                             <h3>External Id's</h3>
                             <div>
+                                <p id="albumAssociationMessage" style="display: none;">Associate this album with a movie, tv series and/or game, and we'll be able to link it to other items in your library.</p>
                                 <div data-role="fieldcontain" id="fldGamesDb" style="display: none;">
                                     <label for="txtGamesDb">GamesDb:</label>
                                     <input id="txtGamesDb" name="txtGamesDb" data-mini="true" />
@@ -216,10 +217,10 @@
                             <h3>Internet Provider Settings</h3>
                             <div>
                                 <div data-role="fieldcontain">
-                                    <input type="checkbox" name="enableInternetProviders" id="enableInternetProviders" onchange="EditItemMetadataPage.setProviderSettingsContainerVisibility(this)" />
+                                    <input type="checkbox" name="enableInternetProviders" id="Checkbox1" onchange="EditItemMetadataPage.setProviderSettingsContainerVisibility(this)" />
                                     <label for="enableInternetProviders">Enable internet metadata providers for this item.</label>
                                 </div>
-                                <div id="providerSettingsContainer" style="display: none">
+                                <div id="Div1" style="display: none">
                                 </div>
                             </div>
                         </div>
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index b043e67b31..e9c7ce179f 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -183,6 +183,12 @@
                     </div>
                     <div id="castContent" class="detailSectionContent"></div>
                 </div>
+                <div id="soundtracksCollapsible" style="display: none;" class="detailSection">
+                    <div id="soundtracksHeader" class="detailSectionHeader">
+                        Soundtracks
+                    </div>
+                    <div id="soundtracksContent" class="detailSectionContent"></div>
+                </div>
                 <div id="similarCollapsible" style="display: none;" class="detailSection">
                     <div class="detailSectionHeader">
                         Similar
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index 1ba81aa05a..5379aef2e4 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -158,6 +158,13 @@
         $('#themeSongsCollapsible', page).hide();
         $('#themeVideosCollapsible', page).hide();
 
+        if (!item.SoundtrackIds || !item.SoundtrackIds.length) {
+            $('#soundtracksCollapsible', page).hide();
+        } else {
+            $('#soundtracksCollapsible', page).show();
+            renderSoundtracks(page, item);
+        }
+
         renderThemeSongs(page, item);
         renderThemeVideos(page, item);
         renderCriticReviews(page, item, 1);
@@ -241,6 +248,33 @@
             $('.itemPath', page).hide();
         }
     }
+    
+    function renderSoundtracks(page, item) {
+        
+        if (item.Type == "MusicAlbum") {
+            $('#soundtracksHeader', page).html("This album is the soundtrack for ...");
+        } else {
+            $('#soundtracksHeader', page).html("Soundtrack(s)");
+        }
+
+        ApiClient.getItems(Dashboard.getCurrentUserId(), {
+
+            Ids: item.SoundtrackIds.join(","),
+            ItemFields: "PrimaryImageAspectRatio,ItemCounts,DisplayMediaType,DateCreated,UserData,AudioInfo",
+            SortBy: "SortName"
+
+        }).done(function (result) {
+
+            var html = LibraryBrowser.getPosterViewHtml({
+                items: result.Items,
+                useAverageAspectRatio: true,
+                showNewIndicator: true,
+                shape: item.Type == "MusicAlbum" ? "portrait" : "square"
+            });
+
+            $('#soundtracksContent', page).html(html);
+        });
+    }
 
     function renderSiblingLinks(page, item) {
 
diff --git a/dashboard-ui/scripts/edititemmetadata.js b/dashboard-ui/scripts/edititemmetadata.js
index aa586699f1..0905c37c01 100644
--- a/dashboard-ui/scripts/edititemmetadata.js
+++ b/dashboard-ui/scripts/edititemmetadata.js
@@ -96,14 +96,24 @@
             $('#fldRevenue', page).hide();
         }
 
-        if (item.MediaType == "Game") {
-            $('#fldPlayers', page).show();
+        if (item.Type == "MusicAlbum") {
+            $('#albumAssociationMessage', page).show();
+        } else {
+            $('#albumAssociationMessage', page).hide();
+        }
+
+        if (item.MediaType == "Game" || item.Type == "MusicAlbum") {
             $('#fldGamesDb', page).show();
         } else {
-            $('#fldPlayers', page).hide();
             $('#fldGamesDb', page).hide();
         }
 
+        if (item.MediaType == "Game") {
+            $('#fldPlayers', page).show();
+        } else {
+            $('#fldPlayers', page).hide();
+        }
+
         if (item.Type == "Movie" || item.Type == "Trailer" || item.Type == "MusicVideo") {
             $('#fldCriticRating', page).show();
             $('#fldCriticRatingSummary', page).show();
@@ -114,19 +124,26 @@
             $('#fldRottenTomatoes', page).hide();
         }
 
-        if (item.Type == "Movie" || item.Type == "Trailer" || item.Type == "Person" || item.Type == "BoxSet") {
+        if (item.Type == "Movie" || item.Type == "Trailer" || item.Type == "Person" || item.Type == "BoxSet" || item.Type == "MusicAlbum") {
             $('#fldTmdb', page).show();
         } else {
             $('#fldTmdb', page).hide();
         }
 
-        if (item.Type == "Series" || item.Type == "Season" || item.Type == "Episode") {
+        if (item.Type == "Series" || item.Type == "Season" || item.Type == "Episode" || item.Type == "MusicAlbum") {
             $('#fldTvdb', page).show();
             $('#fldTvCom', page).show();
         } else {
             $('#fldTvdb', page).hide();
             $('#fldTvCom', page).hide();
         }
+
+        if (item.Type == "Series" || item.Type == "Season" || item.Type == "Episode") {
+            $('#fldTvCom', page).show();
+        } else {
+            $('#fldTvCom', page).hide();
+        }
+        
         if (item.Type == "Series") {
             $('#fldStatus', page).show();
             $('#fldAirDays', page).show();
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 88276d4e47..54c236aa32 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -48,13 +48,17 @@ var Dashboard = {
     getCurrentUser: function () {
 
         if (!Dashboard.getUserPromise) {
-            Dashboard.getUserPromise = ApiClient.getUser(Dashboard.getCurrentUserId()).fail(Dashboard.logout);
+
+            var userId = Dashboard.getCurrentUserId();
+
+            Dashboard.getUserPromise = ApiClient.getUser(userId).fail(Dashboard.logout);
         }
 
         return Dashboard.getUserPromise;
     },
 
     validateCurrentUser: function (page) {
+
         Dashboard.getUserPromise = null;
 
         if (Dashboard.getCurrentUserId()) {
@@ -68,7 +72,14 @@ var Dashboard = {
         if (header.length) {
             // Re-render the header
             header.remove();
-            Dashboard.ensureHeader(page);
+            
+            if (Dashboard.getUserPromise) {
+                Dashboard.getUserPromise.done(function(user) {
+                    Dashboard.ensureHeader(page, user);
+                });
+            } else {
+                Dashboard.ensureHeader(page);
+            }
         }
     },
 
@@ -508,22 +519,11 @@ var Dashboard = {
         Dashboard.getPluginSecurityInfoPromise = null;
     },
 
-    ensureHeader: function (page) {
+    ensureHeader: function (page, user) {
 
         if (!page.hasClass('libraryPage') && !$('.headerButtons', page).length) {
 
-            var isLoggedIn = Dashboard.getCurrentUserId();
-
-            if (isLoggedIn) {
-
-                Dashboard.getCurrentUser().done(function (user) {
-                    Dashboard.renderHeader(page, user);
-                });
-
-            } else {
-
-                Dashboard.renderHeader(page);
-            }
+            Dashboard.renderHeader(page, user);
         }
     },
 
@@ -768,7 +768,7 @@ var Dashboard = {
         else if (msg.MessageType === "ScheduledTaskEnded") {
 
             Dashboard.getCurrentUser().done(function (currentUser) {
-                
+
                 if (currentUser.Configuration.IsAdministrator) {
                     Dashboard.showTaskCompletionNotification(msg.Data);
                 }
@@ -1098,7 +1098,7 @@ $(function () {
 
 Dashboard.jQueryMobileInit();
 
-$(document).on('pageinit', ".page", function () {
+$(document).on('pagebeforeshow', ".page", function () {
 
     var page = $(this);
 
@@ -1110,7 +1110,12 @@ $(document).on('pageinit', ".page", function () {
         if (this.id !== "loginPage" && !page.hasClass('wizardPage')) {
 
             Dashboard.logout();
+            return;
         }
+        
+        Dashboard.ensureHeader(page);
+        Dashboard.ensurePageTitle(page);
+        Dashboard.refreshSystemInfoFromServer();
     }
 
     else {
@@ -1120,16 +1125,12 @@ $(document).on('pageinit', ".page", function () {
             if (user.Configuration.IsAdministrator) {
                 Dashboard.ensureToolsMenu(page);
             }
+
+            Dashboard.ensureHeader(page, user);
+            Dashboard.ensurePageTitle(page);
         });
+
+        Dashboard.refreshSystemInfoFromServer();
     }
 
-}).on('pagebeforeshow', ".page", function () {
-
-    Dashboard.refreshSystemInfoFromServer();
-
-    var page = $(this);
-
-    Dashboard.ensureHeader(page);
-    Dashboard.ensurePageTitle(page);
-
 });
\ No newline at end of file