display programs on channel page

ApiClient.js

@@ -415,6 +415,17 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
             });
         };
 
+        self.getLiveTvPrograms = function (options) {
+
+            var url = self.getUrl("/LiveTv/Programs", options || {});
+
+            return self.ajax({
+                type: "GET",
+                url: url,
+                dataType: "json"
+            });
+        };
+
         self.getLiveTvRecordings = function (options) {
 
             var url = self.getUrl("/LiveTv/Recordings", options || {});

dashboard-ui/livetvchannel.html

@@ -40,6 +40,15 @@
         </div>
         <div data-role="content">
             <div class="detailPageContent">
+                <div id="detailSection">
+                    <div class="detailSectionHeader" style="margin-top: 0;">
+                        Programs
+                    </div>
+                    <div class="detailSectionContent" style="padding: 0 1em;">
+
+                        <div id="programList"></div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>

dashboard-ui/scripts/edititemmetadata.js

@@ -131,9 +131,9 @@
 
     function loadLiveTvChannels(service, openItems, callback) {
 
-        ApiClient.getLiveTvChannels({ ServiceName: service }).done(function (services) {
+        ApiClient.getLiveTvChannels({ ServiceName: service }).done(function (result) {
 
-            var nodes = services.map(function (i) {
+            var nodes = result.Items.map(function (i) {
 
                 var state = openItems.indexOf(i.Id) == -1 ? 'closed' : 'open';
 

dashboard-ui/scripts/livetvchannel.js

@@ -1,6 +1,85 @@
 (function ($, document, apiClient) {
 
-    var currentItem
+    var currentItem;
+    
+    function getDisplayTime(date) {
+        
+        try {
+
+            date = parseISO8601Date(date, { toLocal: true });
+
+        } catch (err) {
+            return date;
+        }
+
+        date = date.toLocaleTimeString();
+
+        date = date.replace('0:00', '0');
+
+        return date;
+    }
+
+    function renderPrograms(page, result) {
+
+        var html = '';
+
+        var cssClass = "detailTable";
+
+        html += '<div class="detailTableContainer"><table class="' + cssClass + '">';
+
+        html += '<tr>';
+
+        html += '<th>Date</th>';
+        html += '<th>Start</th>';
+        html += '<th>End</th>';
+        html += '<th>Name</th>';
+        html += '<th>Genre</th>';
+
+        html += '</tr>';
+
+        for (var i = 0, length = result.Items.length; i < length; i++) {
+
+            var program = result.Items[i];
+
+            html += '<tr>';
+
+            var startDate = program.StartDate;
+
+            try {
+
+                startDate = parseISO8601Date(startDate, { toLocal: true });
+
+            } catch (err) {
+
+            }
+
+            html += '<td>' + startDate.toLocaleDateString() + '</td>';
+            
+            html += '<td>' + getDisplayTime(program.StartDate) + '</td>';
+
+            html += '<td>' + getDisplayTime(program.EndDate) + '</td>';
+
+            html += '<td>' + (program.Name || '') + '</td>';
+            html += '<td>' + program.Genres.join(' / ') + '</td>';
+
+            html += '</tr>';
+        }
+
+        html += '</table></div>';
+
+        $('#programList', page).html(html);
+    }
+
+    function loadPrograms(page) {
+
+        ApiClient.getLiveTvPrograms({
+            ChannelIds: currentItem.Id
+
+        }).done(function (result) {
+
+            renderPrograms(page, result);
+        });
+    }
 
     function reload(page) {
 
@@ -43,6 +122,8 @@
 
             });
 
+            loadPrograms(page);
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/livetvchannels.js

@@ -76,7 +76,7 @@
 
         apiClient.getLiveTvChannels().done(function (result) {
 
-            renderChannels(page, result);
+            renderChannels(page, result.Items);
         });
     });
 

packages.config

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <packages>
-  <package id="MediaBrowser.ApiClient.Javascript" version="3.0.198" targetFramework="net45" />
+  <package id="MediaBrowser.ApiClient.Javascript" version="3.0.199" targetFramework="net45" />
   <package id="ServiceStack.Common" version="3.9.62" targetFramework="net45" />
   <package id="ServiceStack.Text" version="3.9.62" targetFramework="net45" />
 </packages>