support sending channel paging direct to the provider

dashboard-ui/channelitems.html

@@ -10,6 +10,8 @@
             <a href="channels.html" class="ui-btn-active">${TabChannels}</a>
         </div>
 
+        <div class="channelHeader"></div>
+
         <div data-role="content">
             <div class="viewSettings">
 

dashboard-ui/css/librarybrowser.css

@@ -103,7 +103,7 @@
 
 @media all and (min-width: 1600px) {
 
-    .ehsContent {
+    .homeEhsContent {
         max-width: 1540px;
     }
 
@@ -1162,3 +1162,12 @@ a.itemTag:hover {
         overflow-x: visible!important;
     }
 }
+
+.channelHeader {
+    padding: 1em;
+    text-align: center;
+}
+
+    .channelHeader a {
+        text-decoration: none;
+    }

dashboard-ui/css/librarymenu.css

@@ -100,6 +100,7 @@
     top: 51px;
     z-index: 1000;
     background-color: #181818;
+    background-color: rgba(24, 24, 24, .95);
 }
 
 @media all and (max-width: 460px) {
@@ -298,4 +299,4 @@
     .headerSettingsButton {
         display: none;
     }
-}
+}

dashboard-ui/index.html

@@ -8,7 +8,7 @@
 
         <div data-role="content">
 
-            <table class="ehsContent">
+            <table class="ehsContent homeEhsContent">
                 <tr>
                     <td>
                         <h1 class="listHeader">${HeaderMyLibrary}</h1>

dashboard-ui/itemdetails.html

@@ -91,6 +91,9 @@
                 <a href="gamestudios.html">${TabStudios}</a>
             </div>
         </div>
+
+        <div class="channelHeader" style="display: none;"></div>
+
         <div id="itemBackdrop" class="itemBackdrop noBackdrop">
             <div class="itemBackdropContent">
                 <table class="detailPageContent primaryDetailPageContent">

dashboard-ui/scripts/channelitems.js

@@ -30,13 +30,26 @@
 
         query.UserId = Dashboard.getCurrentUserId();
 
-        ApiClient.getItem(query.UserId, categoryId || channelId).done(function (item) {
 
-            $('.categoryTitle', page).html(item.Name);
-        });
-        
+        if (categoryId) {
+
+            ApiClient.getItem(query.UserId, categoryId).done(function (item) {
+
+                $('.categoryTitle', page).show().html(item.Name);
+                $('.channelHeader', page).show().html('<a href="channelitems.html?id=' + item.ChannelId + '">' + item.ChannelName + '</a>').trigger('create');
+            });
+
+        } else {
+
+            ApiClient.getItem(query.UserId, channelId).done(function (item) {
+
+                $('.categoryTitle', page).hide().html(item.Name);
+                $('.channelHeader', page).show().html('<a href="channelitems.html?id=' + item.Id + '">' + item.Name + '</a>');
+            });
+        }
+
         query.categoryId = categoryId;
-
+        query.Limit = 50;
         $.getJSON(ApiClient.getUrl("Channels/" + channelId + "/Items", query)).done(function (result) {
 
             // Scroll back up so they can see the results from the beginning
@@ -79,9 +92,9 @@
 
             LibraryBrowser.saveQueryValues(getSavedQueryId(), query);
 
-            
-        }).always(function() {
-            
+
+        }).always(function () {
+
             hideLoadingMessage(page);
         });
     }
@@ -171,8 +184,8 @@
         // If the default page size has changed, the start index will have to be reset
         if (limit != query.Limit) {
             query.Limit = limit;
-            query.StartIndex = 0;
         }
+        query.StartIndex = 0;
 
         LibraryBrowser.loadSavedQueryValues(getSavedQueryId(), query);
 

dashboard-ui/scripts/itemdetailpage.js

@@ -186,6 +186,9 @@
 
         if (item.Type == "ChannelVideoItem" || item.Type == "ChannelAudioItem" || item.Type == "ChannelCategoryItem") {
             $('#channelTabs', page).show();
+            $('.channelHeader', page).show().html('<a href="channelitems.html?id=' + item.ChannelId + '">' + item.ChannelName + '</a>').trigger('create');
+        } else {
+            $('.channelHeader', page).hide();
         }
 
         if (item.Type == "BoxSet") {
@@ -350,7 +353,7 @@
             tabsHtml += '<label for="radioDetails" class="lblDetailTab">Details</label>';
         }
 
-        if (item.MediaSources && item.MediaSources.length) {
+        if (item.MediaSources && item.MediaSources.length && item.Path) {
             tabsHtml += '<input type="radio" name="radioDetailTab" class="radioDetailTab" id="radioMediaInfo" value="tabMediaInfo">';
             tabsHtml += '<label for="radioMediaInfo" class="lblDetailTab">Media Info</label>';
         }