From 62ee9f124c792633ddabeab5a03e6bd243ebcc26 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Thu, 11 Apr 2013 18:33:49 -0400
Subject: [PATCH] filled genre/studio pages

---
 dashboard-ui/scripts/librarybrowser.js |  2 +-
 dashboard-ui/scripts/moviestudios.js   | 61 +++++++++++++++++++++++++-
 dashboard-ui/scripts/tvstudios.js      | 61 +++++++++++++++++++++++++-
 dashboard-ui/tvgenres.html             |  1 +
 dashboard-ui/tvrecommended.html        |  1 +
 dashboard-ui/tvseries.html             |  1 +
 dashboard-ui/tvshows.html              |  1 +
 dashboard-ui/tvstudios.html            | 25 ++++++++---
 8 files changed, 144 insertions(+), 9 deletions(-)

diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index f46540d58..218604140 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -325,7 +325,7 @@
                 return '<div class="posterRibbon">' + item.RecentlyAddedItemCount + ' New</div>';
             }
 
-            if (!item.IsFolder) {
+            if (!item.IsFolder && item.Type !== "Genre" && item.Type !== "Studio" && item.Type !== "Person") {
 
                 var date = item.DateCreated;
 
diff --git a/dashboard-ui/scripts/moviestudios.js b/dashboard-ui/scripts/moviestudios.js
index 5f282702b..59a006c05 100644
--- a/dashboard-ui/scripts/moviestudios.js
+++ b/dashboard-ui/scripts/moviestudios.js
@@ -1 +1,60 @@
-
\ No newline at end of file
+(function ($, document) {
+
+    // The base query options
+    var query = {
+
+        SortBy: "SortName",
+        SortOrder: "Ascending",
+        IncludeItemTypes: "Movie",
+        Recursive: true,
+        Fields: "PrimaryImageAspectRatio,ItemCounts,DateCreated,UserData",
+        Limit: LibraryBrowser.getDetaultPageSize(),
+        StartIndex: 0
+    };
+
+    function reloadItems(page) {
+
+        Dashboard.showLoadingMsg();
+
+        ApiClient.getStudios(Dashboard.getCurrentUserId(), query).done(function (result) {
+
+            var html = '';
+
+            var showPaging = result.TotalRecordCount > query.Limit;
+
+            if (showPaging) {
+                html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
+            }
+
+            html += LibraryBrowser.getPosterDetailViewHtml({
+                items: result.Items,
+                useAverageAspectRatio: true,
+                countNameSingular: "Movie",
+                countNamePlural: "Movies"
+            });
+
+            if (showPaging) {
+                html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
+            }
+
+            var elem = $('#items', page).html(html).trigger('create');
+
+            $('select', elem).on('change', function () {
+                query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
+                reloadItems(page);
+            });
+
+            Dashboard.hideLoadingMsg();
+        });
+    }
+
+    $(document).on('pagebeforeshow', "#movieStudiosPage", function () {
+
+        reloadItems(this);
+
+    }).on('pageshow', "#movieStudiosPage", function () {
+
+
+    });
+
+})(jQuery, document);
\ No newline at end of file
diff --git a/dashboard-ui/scripts/tvstudios.js b/dashboard-ui/scripts/tvstudios.js
index 5f282702b..3cee6262b 100644
--- a/dashboard-ui/scripts/tvstudios.js
+++ b/dashboard-ui/scripts/tvstudios.js
@@ -1 +1,60 @@
-
\ No newline at end of file
+(function ($, document) {
+
+    // The base query options
+    var query = {
+
+        SortBy: "SortName",
+        SortOrder: "Ascending",
+        IncludeItemTypes: "Series",
+        Recursive: true,
+        Fields: "PrimaryImageAspectRatio,ItemCounts,DateCreated,UserData",
+        Limit: LibraryBrowser.getDetaultPageSize(),
+        StartIndex: 0
+    };
+
+    function reloadItems(page) {
+
+        Dashboard.showLoadingMsg();
+
+        ApiClient.getStudios(Dashboard.getCurrentUserId(), query).done(function (result) {
+
+            var html = '';
+
+            var showPaging = result.TotalRecordCount > query.Limit;
+
+            if (showPaging) {
+                html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
+            }
+
+            html += LibraryBrowser.getPosterDetailViewHtml({
+                items: result.Items,
+                useAverageAspectRatio: true,
+                countNameSingular: "Show",
+                countNamePlural: "Shows"
+            });
+
+            if (showPaging) {
+                html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
+            }
+
+            var elem = $('#items', page).html(html).trigger('create');
+
+            $('select', elem).on('change', function () {
+                query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
+                reloadItems(page);
+            });
+
+            Dashboard.hideLoadingMsg();
+        });
+    }
+
+    $(document).on('pagebeforeshow', "#tvStudiosPage", function () {
+
+        reloadItems(this);
+
+    }).on('pageshow', "#tvStudiosPage", function () {
+
+
+    });
+
+})(jQuery, document);
\ No newline at end of file
diff --git a/dashboard-ui/tvgenres.html b/dashboard-ui/tvgenres.html
index 767aa3a28..08e36adab 100644
--- a/dashboard-ui/tvgenres.html
+++ b/dashboard-ui/tvgenres.html
@@ -13,6 +13,7 @@
                 <a href="tvshows.html" data-role="button">Shows</a>
                 <a href="tvgenres.html" data-role="button" class="ui-btn-active">Genres</a>
                 <a href="#" data-role="button">Actors</a>
+                <a href="tvstudios.html" data-role="button">Networks</a>
             </div>
             <div class="viewSettings">
             </div>
diff --git a/dashboard-ui/tvrecommended.html b/dashboard-ui/tvrecommended.html
index 9cab28f80..8b2a8ce8a 100644
--- a/dashboard-ui/tvrecommended.html
+++ b/dashboard-ui/tvrecommended.html
@@ -13,6 +13,7 @@
                 <a href="tvshows.html" data-role="button">Shows</a>
                 <a href="tvgenres.html" data-role="button">Genres</a>
                 <a href="#" data-role="button">Actors</a>
+                <a href="tvstudios.html" data-role="button">Networks</a>
             </div>
             <div class="ehsContent">
                 <h1 class="listHeader firstListHeader">Latest Unwatched Episodes</h1>
diff --git a/dashboard-ui/tvseries.html b/dashboard-ui/tvseries.html
index 3842bf828..955ab1ffb 100644
--- a/dashboard-ui/tvseries.html
+++ b/dashboard-ui/tvseries.html
@@ -15,6 +15,7 @@
                 <a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
                 <a href="tvgenres.html" data-role="button">Genres</a>
                 <a href="#" data-role="button">Actors</a>
+                <a href="tvstudios.html" data-role="button">Networks</a>
             </div>
 
             <div class="detailPagePrimaryInfo">
diff --git a/dashboard-ui/tvshows.html b/dashboard-ui/tvshows.html
index 7258c81b8..724fe998e 100644
--- a/dashboard-ui/tvshows.html
+++ b/dashboard-ui/tvshows.html
@@ -13,6 +13,7 @@
                 <a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
                 <a href="tvgenres.html" data-role="button">Genres</a>
                 <a href="#" data-role="button">Actors</a>
+                <a href="tvstudios.html" data-role="button">Networks</a>
             </div>
             <div class="viewSettings">
                 <div style="display: inline-block;">
diff --git a/dashboard-ui/tvstudios.html b/dashboard-ui/tvstudios.html
index 755f822ea..b6eb18c4a 100644
--- a/dashboard-ui/tvstudios.html
+++ b/dashboard-ui/tvstudios.html
@@ -1,11 +1,24 @@
 <!DOCTYPE html>
-
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<html>
 <head>
-    <meta charset="utf-8" />
-    <title></title>
+    <title>Media Browser</title>
 </head>
 <body>
-
+    <div id="tvStudiosPage" data-role="page" class="page libraryPage noLogoPage listPage" data-theme="a">
+        <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
+            <img src="css/images/home.png"></a>TV Shows</h1>
+        <div data-role="content">
+            <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">Shows</a>
+                <a href="tvgenres.html" data-role="button">Genres</a>
+                <a href="#" data-role="button">Actors</a>
+                <a href="tvstudios.html" data-role="button" class="ui-btn-active">Networks</a>
+            </div>
+            <div class="viewSettings">
+            </div>
+            <div id="items"></div>
+        </div>
+    </div>
 </body>
-</html>
\ No newline at end of file
+</html>