add library folder option to home page

dashboard-ui/episodes.html

@@ -7,6 +7,7 @@
     <div id="episodesPage" data-role="page" class="page libraryPage" data-theme="b">
 
         <div class="libraryViewNav scopedLibraryViewNav">
+            <a href="tvrecommended.html">${TabSuggested}</a>
             <a href="tvlatest.html">${TabLatest}</a>
             <a href="tvshows.html">${TabShows}</a>
             <a href="#" class="ui-btn-active">${TabEpisodes}</a>

dashboard-ui/itembynamedetails.html

@@ -37,6 +37,7 @@
         </div>
         <div id="tvGenreTabs" class="itemTabs" style="display: none;">
             <div class="libraryViewNav scopedLibraryViewNav">
+                <a href="tvrecommended.html">${TabSuggested}</a>
                 <a href="tvlatest.html">${TabLatest}</a>
                 <a href="tvshows.html">${TabShows}</a>
                 <a href="episodes.html">${TabEpisodes}</a>
@@ -47,6 +48,7 @@
         </div>
         <div id="tvPeopleTabs" class="itemTabs" style="display: none;">
             <div class="libraryViewNav scopedLibraryViewNav">
+                <a href="tvrecommended.html">${TabSuggested}</a>
                 <a href="tvlatest.html">${TabLatest}</a>
                 <a href="tvshows.html">${TabShows}</a>
                 <a href="episodes.html">${TabEpisodes}</a>
@@ -57,6 +59,7 @@
         </div>
         <div id="tvStudioTabs" class="itemTabs" style="display: none;">
             <div class="libraryViewNav scopedLibraryViewNav">
+                <a href="tvrecommended.html">${TabSuggested}</a>
                 <a href="tvlatest.html">${TabLatest}</a>
                 <a href="tvshows.html">${TabShows}</a>
                 <a href="episodes.html">${TabEpisodes}</a>

dashboard-ui/itemdetails.html

@@ -39,6 +39,7 @@
         </div>
         <div id="tvShowsTabs" class="itemTabs" style="display: none;">
             <div class="libraryViewNav scopedLibraryViewNav">
+                <a href="tvrecommended.html">${TabSuggested}</a>
                 <a href="tvlatest.html">${TabLatest}</a>
                 <a href="tvshows.html" class="ui-btn-active">${TabShows}</a>
                 <a href="episodes.html">${TabEpisodes}</a>

dashboard-ui/mypreferenceswebclient.html

@@ -27,9 +27,10 @@
                     <select id="selectHomeSection1" data-mini="true">
                         <option value="">${OptionAuto}</option>
                         <option value="latestmedia">${OptionLatestMedia}</option>
-                        <option value="librarybuttons">${OptionLibraryButtons}</option>
+                        <option value="librarytiles">${OptionMyLibrary}</option>
-                        <option value="librarytiles">${OptionLibraryTiles}</option>
+                        <option value="smalllibrarytiles">${OptionMyLibrarySmall}</option>
-                        <option value="smalllibrarytiles">${OptionSmallLibraryTiles}</option>
+                        <option value="librarybuttons">${OptionMyLibraryButtons}</option>
+                        <option value="folders">${OptionLibraryFolders}</option>
                         <option value="resume">${OptionResumablemedia}</option>
                     </select>
                 </li>
@@ -38,9 +39,10 @@
                     <select id="selectHomeSection2" data-mini="true">
                         <option value="">${OptionAuto}</option>
                         <option value="latestmedia">${OptionLatestMedia}</option>
-                        <option value="librarybuttons">${OptionLibraryButtons}</option>
+                        <option value="librarytiles">${OptionMyLibrary}</option>
-                        <option value="librarytiles">${OptionLibraryTiles}</option>
+                        <option value="smalllibrarytiles">${OptionMyLibrarySmall}</option>
-                        <option value="smalllibrarytiles">${OptionSmallLibraryTiles}</option>
+                        <option value="librarybuttons">${OptionMyLibraryButtons}</option>
+                        <option value="folders">${OptionLibraryFolders}</option>
                         <option value="resume">${OptionResumablemedia}</option>
                         <option value="none">${OptionNone}</option>
                     </select>
@@ -50,9 +52,10 @@
                     <select id="selectHomeSection3" data-mini="true">
                         <option value="">${OptionAuto}</option>
                         <option value="latestmedia">${OptionLatestMedia}</option>
-                        <option value="librarybuttons">${OptionLibraryButtons}</option>
+                        <option value="librarytiles">${OptionMyLibrary}</option>
-                        <option value="librarytiles">${OptionLibraryTiles}</option>
+                        <option value="smalllibrarytiles">${OptionMyLibrarySmall}</option>
-                        <option value="smalllibrarytiles">${OptionSmallLibraryTiles}</option>
+                        <option value="librarybuttons">${OptionMyLibraryButtons}</option>
+                        <option value="folders">${OptionLibraryFolders}</option>
                         <option value="resume">${OptionResumablemedia}</option>
                         <option value="none">${OptionNone}</option>
                     </select>

dashboard-ui/scripts/indexpage.js

@@ -103,7 +103,7 @@
         switch (index) {
 
             case 0:
-                return 'librarybuttons';
+                return 'smalllibrarytiles';
             case 1:
                 return 'resume';
             case 2:
@@ -179,14 +179,16 @@
         });
     }
 
-    function loadLibraryTiles(elem, userId, shape) {
+    function loadLibraryTiles(elem, userId, shape, index) {
 
         getUserViews(userId).done(function (items) {
 
             var html = '';
 
             if (items.length) {
+
                 html += '<h1 class="listHeader">' + Globalize.translate('HeaderMyLibrary') + '</h1>';
+
                 html += '<div>';
                 html += LibraryBrowser.getPosterViewHtml({
                     items: items,
@@ -205,6 +207,42 @@
         });
     }
 
+    function loadLibraryFolders(elem, userId, shape, index) {
+
+        ApiClient.getItems(userId, {
+
+            SortBy: "SortName"
+
+        }).done(function (result) {
+
+            var html = '';
+            var items = result.Items;
+
+            for (var i = 0, length = items.length; i < length; i++) {
+                items[i].url = 'itemlist.html?parentid=' + items[i].Id;
+            }
+
+            if (items.length) {
+
+                html += '<h1 class="listHeader">' + Globalize.translate('HeaderLibraryFolders') + '</h1>';
+
+                html += '<div>';
+                html += LibraryBrowser.getPosterViewHtml({
+                    items: items,
+                    shape: shape,
+                    showTitle: true,
+                    centerText: true,
+                    lazy: true
+                });
+                html += '</div>';
+            }
+
+            $(elem).html(html).trigger('create').createPosterItemMenus();
+
+            handleLibraryLinkNavigations(elem);
+        });
+    }
+
     function loadResume(elem, userId) {
 
         var screenWidth = $(window).width();
@@ -256,10 +294,10 @@
             loadRecentlyAdded(elem, userId);
         }
         else if (section == 'librarytiles') {
-            loadLibraryTiles(elem, userId, 'backdrop');
+            loadLibraryTiles(elem, userId, 'backdrop', index);
         }
         else if (section == 'smalllibrarytiles') {
-            loadLibraryTiles(elem, userId, 'smallBackdrop');
+            loadLibraryTiles(elem, userId, 'smallBackdrop', index);
         }
         else if (section == 'resume') {
             loadResume(elem, userId);
@@ -267,6 +305,9 @@
         else if (section == 'librarybuttons') {
             loadlibraryButtons(elem, userId, index);
 
+        } else if (section == 'folders') {
+            loadLibraryFolders(elem, userId, 'backdrop', index);
+
         } else {
 
             elem.empty();

dashboard-ui/scripts/librarybrowser.js

@@ -390,7 +390,7 @@
             }
 
             if (item.CollectionType == 'tvshows') {
-                return 'tvlatest.html?topParentId=' + item.Id;
+                return 'tvrecommended.html?topParentId=' + item.Id;
             }
 
             if (item.CollectionType == 'music') {

dashboard-ui/scripts/tvrecommended.js

@@ -4,7 +4,7 @@
 
         var screenWidth = $(window).width();
 
-        var options = {
+        var query = {
 
             Limit: 24,
             Fields: "PrimaryImageAspectRatio,SeriesInfo,DateCreated",
@@ -12,7 +12,19 @@
             ExcludeLocationTypes: "Virtual"
         };
 
-        ApiClient.getNextUpEpisodes(options).done(function (result) {
+        query.ParentId = LibraryMenu.getTopParentId();
+        
+        if (query.ParentId) {
+
+            $('.scopedLibraryViewNav', page).show();
+            $('.globalNav', page).hide();
+
+        } else {
+            $('.scopedLibraryViewNav', page).hide();
+            $('.globalNav', page).show();
+        }
+
+        ApiClient.getNextUpEpisodes(query).done(function (result) {
 
             if (result.Items.length) {
                 $('.noNextUpItems', page).hide();

dashboard-ui/scripts/tvupcoming.js

@@ -11,6 +11,8 @@
             UserId: Dashboard.getCurrentUserId()
         };
 
+        query.ParentId = LibraryMenu.getTopParentId();
+
         $.getJSON(ApiClient.getUrl("Shows/Upcoming", query)).done(function (result) {
 
             var items = result.Items;

dashboard-ui/tvgenres.html

@@ -6,6 +6,7 @@
 <body>
     <div id="tvGenresPage" data-role="page" class="page libraryPage" data-theme="b">
         <div class="libraryViewNav scopedLibraryViewNav">
+            <a href="tvrecommended.html">${TabSuggested}</a>
             <a href="tvlatest.html">${TabLatest}</a>
             <a href="tvshows.html">${TabShows}</a>
             <a href="episodes.html">${TabEpisodes}</a>

dashboard-ui/tvlatest.html

@@ -6,6 +6,7 @@
 <body>
     <div id="tvNextUpPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-theme="b">
         <div class="libraryViewNav scopedLibraryViewNav">
+            <a href="tvrecommended.html">${TabSuggested}</a>
             <a href="#" class="ui-btn-active">${TabLatest}</a>
             <a href="tvshows.html">${TabShows}</a>
             <a href="episodes.html">${TabEpisodes}</a>

dashboard-ui/tvpeople.html

@@ -6,6 +6,7 @@
 <body>
     <div id="tvPeoplePage" data-role="page" class="page libraryPage" data-theme="b">
         <div class="libraryViewNav scopedLibraryViewNav">
+            <a href="tvrecommended.html">${TabSuggested}</a>
             <a href="tvlatest.html">${TabLatest}</a>
             <a href="tvshows.html">${TabShows}</a>
             <a href="episodes.html">${TabEpisodes}</a>

dashboard-ui/tvrecommended.html

@@ -6,12 +6,21 @@
 <body>
     <div id="tvRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-theme="b">
 
-        <div class="libraryViewNav scopedLibraryViewNav">
+        <div class="libraryViewNav globalNav" style="display: none;">
             <a href="index.html">${TabHome}</a>
             <a href="#" class="ui-btn-active">${TabNextUp}</a>
             <a href="favorites.html">${TabFavorites}</a>
             <a href="tvupcoming.html">${TabUpcoming}</a>
         </div>
+        <div class="libraryViewNav scopedLibraryViewNav" style="display: none;">
+            <a href="tvrecommended.html" class="ui-btn-active">${TabSuggested}</a>
+            <a href="tvlatest.html">${TabLatest}</a>
+            <a href="tvshows.html">${TabShows}</a>
+            <a href="episodes.html">${TabEpisodes}</a>
+            <a href="tvgenres.html">${TabGenres}</a>
+            <a href="tvpeople.html">${TabPeople}</a>
+            <a href="tvstudios.html">${TabNetworks}</a>
+        </div>
         <br />
         <div data-role="content">
             <table class="ehsContent homeEhsContent" style="text-align: center;">

dashboard-ui/tvshows.html

@@ -6,6 +6,7 @@
 <body>
     <div id="tvShowsPage" data-role="page" class="page libraryPage" data-theme="b">
         <div class="libraryViewNav scopedLibraryViewNav">
+            <a href="tvrecommended.html">${TabSuggested}</a>
             <a href="tvlatest.html">${TabLatest}</a>
             <a href="#" class="ui-btn-active">${TabShows}</a>
             <a href="episodes.html">${TabEpisodes}</a>

dashboard-ui/tvstudios.html

@@ -6,6 +6,7 @@
 <body>
     <div id="tvStudiosPage" data-role="page" class="page libraryPage" data-theme="b">
         <div class="libraryViewNav scopedLibraryViewNav">
+            <a href="tvrecommended.html">${TabSuggested}</a>
             <a href="tvlatest.html">${TabLatest}</a>
             <a href="tvshows.html">${TabShows}</a>
             <a href="episodes.html">${TabEpisodes}</a>