From 72b7920f68d83fe09ec6929e7f1d06410f362330 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Thu, 12 Dec 2013 23:06:38 -0500
Subject: [PATCH] update tv recording page

---
 dashboard-ui/css/librarybrowser.css     |  6 +++---
 dashboard-ui/index.html                 |  7 +++----
 dashboard-ui/livetvrecording.html       | 14 ++++++++++++++
 dashboard-ui/livetvtimer.html           | 13 ++++++++++---
 dashboard-ui/scripts/Itemdetailpage.js  | 10 ----------
 dashboard-ui/scripts/indexpage.js       | 12 ------------
 dashboard-ui/scripts/librarybrowser.js  | 12 ++++++++++++
 dashboard-ui/scripts/livetvrecording.js | 12 +++++++++++-
 dashboard-ui/scripts/livetvtimer.js     |  4 +++-
 9 files changed, 56 insertions(+), 34 deletions(-)

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 34c9254316..f59d91a224 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -365,7 +365,7 @@ a.itemTag:hover {
     }
 
 .itemBackdropContent {
-    height: 245px;
+    height: 230px;
 }
 
 .lnkSibling {
@@ -399,7 +399,7 @@ a.itemTag:hover {
 }
 
 .itemDetailImage {
-    height: 255px;
+    height: 240px;
     -moz-box-shadow: 0px 0 20px #000;
     -webkit-box-shadow: 0px 0 20px #000;
     box-shadow: 0px 0 20px #000;
@@ -433,7 +433,7 @@ a.itemTag:hover {
 }
 
 .itemOverview {
-    max-height: 80px;
+    max-height: 60px;
     overflow-y: auto;
     text-overflow: ellipsis;
 }
diff --git a/dashboard-ui/index.html b/dashboard-ui/index.html
index 7d444c47b9..f2a177975e 100644
--- a/dashboard-ui/index.html
+++ b/dashboard-ui/index.html
@@ -10,12 +10,11 @@
             <table class="ehsContent">
                 <tr>
                     <td>
-
-                        <h1 class="listHeader firstListHeader" id="viewsHeader" style="display: none;">Views</h1>
-
+                        
+                        <br /><br />
                         <div id="views">
                         </div>
-
+                        <br /><br />
                         <h1 class="listHeader"><a href="itemlist.html">Media Collections<img src="css/images/rightarrow.png" class="headerArrowImage" /></a></h1>
 
                         <div id="divCollections"></div>
diff --git a/dashboard-ui/livetvrecording.html b/dashboard-ui/livetvrecording.html
index 9ddde9fdf1..eaf51d9c7c 100644
--- a/dashboard-ui/livetvrecording.html
+++ b/dashboard-ui/livetvrecording.html
@@ -20,6 +20,7 @@
                         </td>
                         <td style="vertical-align: top; padding: 0;">
                             <p><span class="itemName inlineItemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p>
+                            <p class="itemEpisodeName"></p>
                             <p class="itemChannelNumber"></p>
                             <p style="margin: 2em 0;">
                                 <span class="itemCommunityRating"></span>
@@ -44,6 +45,19 @@
             </span>
         </div>
         <div data-role="content">
+            <div class="detailPageContent">
+
+                <div id="detailsSection" class="detailSection">
+                    <div class="detailSectionHeader" style="margin-top: 0;">
+                        Details
+                    </div>
+                    <div class="detailSectionContent" style="padding: 0 1em;">
+
+                        <p class="status"></p>
+                        <p class="audio"></p>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </body>
diff --git a/dashboard-ui/livetvtimer.html b/dashboard-ui/livetvtimer.html
index b4485886c3..1f8bb29a70 100644
--- a/dashboard-ui/livetvtimer.html
+++ b/dashboard-ui/livetvtimer.html
@@ -13,12 +13,19 @@
         </div>
         <div data-role="content">
             <form style="margin: 0 auto;">
-                <h1 class="timerName"></h1>
+                <h1>Timer Info</h1>
+
+                <p class="program"></p>
+                <p class="channel"></p>
+                <p class="overview"></p>
+
+                <br />
+                <br />
 
                 <ul data-role="listview" class="ulForm">
                     <li>
-                        <input type="checkbox" id="chkEnableInternetProviders" name="chkEnableInternetProviders" />
-                        <label for="chkEnableInternetProviders">Download metadata from the internet </label>
+                        <label for="txtPortNumber">Http server port number: </label>
+                        <input type="number" name="txtPortNumber" pattern="[0-9]*" required="required" min="1" readonly disabled />
                     </li>
                     <li>
                         <button type="submit" data-theme="b" data-icon="ok" data-mini="true">
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index 0c90e6c47a..8dfe86d5a8 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -870,16 +870,6 @@
                 attributes.push('<span class="mediaInfoAttribute">' + (parseInt(stream.BitRate / 1000)) + ' kbps</span>');
             }
 
-            if (stream.SampleRate) {
-                attributes.push('<span class="mediaInfoAttribute">' + stream.SampleRate + ' khz</span>');
-            }
-
-            var framerate = stream.AverageFrameRate || stream.RealFrameRate;
-
-            if (framerate && item.MediaType != "Audio") {
-                attributes.push('<span class="mediaInfoAttribute">' + framerate + '</span>');
-            }
-
             if (stream.IsDefault) {
                 attributes.push('<span class="mediaInfoAttribute">Default</span>');
             }
diff --git a/dashboard-ui/scripts/indexpage.js b/dashboard-ui/scripts/indexpage.js
index 4e67a789c3..ee997a4ce9 100644
--- a/dashboard-ui/scripts/indexpage.js
+++ b/dashboard-ui/scripts/indexpage.js
@@ -173,34 +173,22 @@
 
             var views = [];
 
-            var showViewsHeader;
-
             if (counts.MovieCount || counts.TrailerCount) {
-                showViewsHeader = true;
                 views.push({ id: "moviesView", name: "Movies", url: "moviesrecommended.html", img: "css/images/items/list/chapter.png", background: "#0094FF" });
             }
 
             if (counts.EpisodeCount || counts.SeriesCount) {
-                showViewsHeader = true;
                 views.push({ id: "tvView", name: "TV Shows", url: "tvrecommended.html", img: "css/images/items/list/collection.png", background: "#FF870F" });
             }
 
             if (counts.SongCount || counts.MusicVideoCount) {
-                showViewsHeader = true;
                 views.push({ id: "musicView", name: "Music", url: "musicrecommended.html", img: "css/images/items/list/audiocollection.png", background: "#6FBD45" });
             }
 
             if (counts.GameCount) {
-                showViewsHeader = true;
                 views.push({ id: "gamesView", name: "Games", url: "gamesrecommended.html", img: "css/images/items/list/gamecollection.png", background: "#E12026" });
             }
 
-            if (showViewsHeader) {
-                $('#viewsHeader', page).show();
-            } else {
-                $('#viewsHeader', page).hide();
-            }
-
             var html = '';
 
             for (var i = 0, length = views.length; i < length; i++) {
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 1031ef0a02..7c4b129bc1 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -2051,6 +2051,18 @@
                 miscInfo.push(item.OfficialRating);
             }
 
+            if (item.Type == "Recording") {
+
+                if (item.IsHD) {
+                    miscInfo.push("HD");
+                }
+
+                if (item.IsRepeat) {
+                    miscInfo.push("Repeat");
+                }
+
+            }
+
             if (item.Video3DFormat) {
                 miscInfo.push("3D");
             }
diff --git a/dashboard-ui/scripts/livetvrecording.js b/dashboard-ui/scripts/livetvrecording.js
index 6731c4726b..7531dce6c2 100644
--- a/dashboard-ui/scripts/livetvrecording.js
+++ b/dashboard-ui/scripts/livetvrecording.js
@@ -33,7 +33,9 @@
         Dashboard.setPageTitle(name);
 
         $('.itemName', page).html(name);
-        $('.itemChannelNumber', page).html(item.Number);
+        $('.itemChannelNumber', page).html(item.ChannelName);
+
+        $('.itemEpisodeName', page).html(item.EpisodeTitle);
 
         if (item.CommunityRating) {
             $('.itemCommunityRating', page).html(LibraryBrowser.getRatingHtml(item)).show();
@@ -62,6 +64,14 @@
             $('#playButtonContainer', page).hide();
         }
 
+        $('.status', page).html('Status:&nbsp;&nbsp;&nbsp;' + item.Status);
+        
+        if (item.Audio) {
+            $('.audio', page).html('Audio:&nbsp;&nbsp;&nbsp;' + item.Audio).show();
+        } else {
+            $('.audio', page).hide();
+        }
+
         Dashboard.getCurrentUser().done(function (user) {
 
             if (user.Configuration.IsAdministrator && item.LocationType !== "Offline") {
diff --git a/dashboard-ui/scripts/livetvtimer.js b/dashboard-ui/scripts/livetvtimer.js
index 49b223cd98..876c06500d 100644
--- a/dashboard-ui/scripts/livetvtimer.js
+++ b/dashboard-ui/scripts/livetvtimer.js
@@ -6,7 +6,9 @@
 
         currentItem = item;
 
-        $('.timerName', page).html(item.Name);
+        $('.program', page).html(item.Name);
+        $('.channel', page).html(item.ChannelName);
+        $('.overview', page).html(item.Overview || '');
 
         Dashboard.hideLoadingMsg();
     }