From dc87e4ccc29e20d1f879bad6b7b73f1eb3d38bc1 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Wed, 19 Aug 2015 02:12:58 -0400
Subject: [PATCH] update detail page

---
 .../bower_components/paper-tabs/.bower.json   |  9 ++++---
 .../bower_components/paper-tabs/bower.json    |  3 ++-
 .../paper-tabs/paper-tab.html                 | 12 ++++++---
 .../paper-tabs/test/basic.html                | 16 +++++++++++-
 dashboard-ui/css/librarybrowser.css           |  6 +++++
 dashboard-ui/css/librarymenu.css              |  4 ---
 dashboard-ui/itemdetails.html                 |  2 ++
 dashboard-ui/livetv.html                      |  8 ++++++
 dashboard-ui/livetvsettings.html              | 14 +++--------
 dashboard-ui/scripts/itembynamedetailpage.js  |  8 +++---
 dashboard-ui/scripts/librarybrowser.js        |  6 ++---
 dashboard-ui/scripts/livetvitems.js           |  3 ++-
 dashboard-ui/scripts/livetvsettings.js        |  2 +-
 dashboard-ui/scripts/livetvsuggested.js       | 25 +++++++++++++++++++
 dashboard-ui/strings/html/server.json         |  3 ++-
 .../thirdparty/paper-button-style.css         |  6 ++++-
 dashboard-ui/vulcanize-out.html               | 11 +++++---
 17 files changed, 102 insertions(+), 36 deletions(-)

diff --git a/dashboard-ui/bower_components/paper-tabs/.bower.json b/dashboard-ui/bower_components/paper-tabs/.bower.json
index e66eb613e6..d782b5c7c6 100644
--- a/dashboard-ui/bower_components/paper-tabs/.bower.json
+++ b/dashboard-ui/bower_components/paper-tabs/.bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-tabs",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "license": "http://polymer.github.io/LICENSE.txt",
   "description": "Material design tabs",
   "private": true,
@@ -32,17 +32,18 @@
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0",
     "paper-toolbar": "polymerelements/paper-toolbar#^1.0.0",
     "test-fixture": "polymerelements/test-fixture#^1.0.0",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
     "web-component-tester": "*"
   },
   "homepage": "https://github.com/PolymerElements/paper-tabs",
-  "_release": "1.0.1",
+  "_release": "1.0.2",
   "_resolution": {
     "type": "version",
-    "tag": "v1.0.1",
-    "commit": "6403be53eeef5f9e7a7a7ccd9251f551d26c7548"
+    "tag": "v1.0.2",
+    "commit": "61abed79e3c4e7c87dd826f7f81ef9c7ecb5df78"
   },
   "_source": "git://github.com/PolymerElements/paper-tabs.git",
   "_target": "~1.0.0",
diff --git a/dashboard-ui/bower_components/paper-tabs/bower.json b/dashboard-ui/bower_components/paper-tabs/bower.json
index 1908f29cac..f5f2368ac3 100644
--- a/dashboard-ui/bower_components/paper-tabs/bower.json
+++ b/dashboard-ui/bower_components/paper-tabs/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "paper-tabs",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "license": "http://polymer.github.io/LICENSE.txt",
   "description": "Material design tabs",
   "private": true,
@@ -32,6 +32,7 @@
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0",
     "paper-toolbar": "polymerelements/paper-toolbar#^1.0.0",
     "test-fixture": "polymerelements/test-fixture#^1.0.0",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
diff --git a/dashboard-ui/bower_components/paper-tabs/paper-tab.html b/dashboard-ui/bower_components/paper-tabs/paper-tab.html
index 4737ec8623..821921f9cd 100644
--- a/dashboard-ui/bower_components/paper-tabs/paper-tab.html
+++ b/dashboard-ui/bower_components/paper-tabs/paper-tab.html
@@ -12,6 +12,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 <link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
 <link rel="import" href="../iron-behaviors/iron-control-state.html">
+<link rel="import" href="../iron-behaviors/iron-button-state.html">
 <link rel="import" href="../paper-ripple/paper-ripple.html">
 
 <!--
@@ -120,7 +121,8 @@ Custom property | Description | Default
     is: 'paper-tab',
 
     behaviors: [
-      Polymer.IronControlState
+      Polymer.IronControlState,
+      Polymer.IronButtonState
     ],
 
     properties: {
@@ -142,7 +144,11 @@ Custom property | Description | Default
     },
 
     listeners: {
-      down: '_onDown'
+      down: '_updateNoink'
+    },
+
+    attached: function() {
+      this._updateNoink();
     },
 
     get _parentNoink () {
@@ -150,7 +156,7 @@ Custom property | Description | Default
       return !!parent && !!parent.noink;
     },
 
-    _onDown: function(e) {
+    _updateNoink: function() {
       this.noink = !!this.noink || !!this._parentNoink;
     }
   });
diff --git a/dashboard-ui/bower_components/paper-tabs/test/basic.html b/dashboard-ui/bower_components/paper-tabs/test/basic.html
index 302ede936e..1215944f40 100644
--- a/dashboard-ui/bower_components/paper-tabs/test/basic.html
+++ b/dashboard-ui/bower_components/paper-tabs/test/basic.html
@@ -21,6 +21,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <script src="../../test-fixture/test-fixture-mocha.js"></script>
 
     <link rel="import" href="../paper-tabs.html">
+    <link rel="import" href="../../iron-test-helpers/iron-test-helpers.html">
     <link rel="import" href="../../test-fixture/test-fixture.html">
 
   </head>
@@ -149,10 +150,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       suite('select tab via click', function() {
 
         var tabs, index = 1;
+        var tab;
 
         setup(function () {
           tabs = fixture('basic');
-          var tab = tabs.querySelectorAll('paper-tab')[index];
+          tab = tabs.querySelectorAll('paper-tab')[index];
           tab.dispatchEvent(new CustomEvent('click', {bubbles: true}));
         });
 
@@ -172,6 +174,18 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
           }, 1000);
         });
 
+        test('pressing enter on tab causes a click', function(done) {
+          var clickCount = 0;
+          tab.addEventListener('click', function onTabClick() {
+            clickCount++;
+            tab.removeEventListener('click', onTabClick);
+
+            expect(clickCount).to.be.equal(1);
+            done();
+          });
+
+          MockInteractions.pressEnter(tab);
+        });
       });
 
     </script>
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 6915975aa3..48298eb063 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -387,6 +387,12 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     margin-left: 1.25em;
 }
 
+.userDataIcons paper-fab {
+    background: #444;
+    width: 40px;
+    height: 40px;
+}
+
 .itemBackdrop {
     background-size: cover;
     background-position: center 15%;
diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index 145dedb23f..bbce6886ff 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -375,10 +375,6 @@
     display: none !important;
 }
 
-.libraryDocument .lnkManageServer {
-    display: none !important;
-}
-
 .dashboardDocument .headerVoiceButton {
     display: none !important;
 }
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index f5434cf3ee..470bf3ce53 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -54,6 +54,7 @@
                         <paper-button raised class="subdued btnSync hide"><iron-icon icon="refresh"></iron-icon><span>${ButtonSync}</span></paper-button>
                         <paper-button raised class="subdued btnShare notext hide"><iron-icon icon="share"></iron-icon></paper-button>
                         <paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
+                        <span class="userDataIcons" style="display:inline-block;margin-left:1em;"></span>
                     </div>
                 </div>
             </div>
@@ -74,6 +75,7 @@
                 <paper-button raised class="subdued btnSync hide"><iron-icon icon="refresh"></iron-icon><span>${ButtonSync}</span></paper-button>
                 <paper-button raised class="subdued btnShare notext hide"><iron-icon icon="share"></iron-icon></paper-button>
                 <paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
+                <div class="userDataIcons" style="margin-top:1em;"></div>
             </div>
         </div>
         <div data-role="content" style="padding-top:0;clear:both;">
diff --git a/dashboard-ui/livetv.html b/dashboard-ui/livetv.html
index 308bc65067..4cd6c2684d 100644
--- a/dashboard-ui/livetv.html
+++ b/dashboard-ui/livetv.html
@@ -56,6 +56,14 @@
                             <div class="upcomingSportsItems itemsContainer"></div>
                             <br />
                         </div>
+                        <div id="upcomingKids" class="homePageSection">
+                            <div>
+                                <h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderUpcomingForKids}</h1>
+                                <a href="livetvitems.html?type=kids" class="clearLink" style="margin-left:1em;vertical-align:middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a>
+                            </div>
+                            <div class="upcomingKidsItems itemsContainer"></div>
+                            <br />
+                        </div>
                     </div>
                 </neon-animatable>
                 <neon-animatable>
diff --git a/dashboard-ui/livetvsettings.html b/dashboard-ui/livetvsettings.html
index 0c5a3fd268..ba77e50b4e 100644
--- a/dashboard-ui/livetvsettings.html
+++ b/dashboard-ui/livetvsettings.html
@@ -41,19 +41,13 @@
                         </li>
                     </ul>
                     <div>
-                        <fieldset data-role="controlgroup">
-                            <legend>${LabelEnableInternetMetadataForTvPrograms}</legend>
-                            <label for="chkMovies">${OptionTVMovies}</label>
-                            <input type="checkbox" id="chkMovies" />
-                        </fieldset>
+                        <label>${LabelEnableInternetMetadataForTvPrograms}</label>
+                        <paper-checkbox id="chkMovies">${OptionTVMovies}</paper-checkbox>
                     </div>
                     <div>
                         <br />
-                        <label for="txtRecordingPath">${LabelRecordingPath}</label>
-                        <div style="display: inline-block; width: 85%;">
-                            <input type="text" id="txtRecordingPath" />
-                        </div>
-                        <button id="btnSelectRecordingPath" type="button" data-icon="search" data-iconpos="notext" data-inline="true">${ButtonSelectDirectory}</button>
+                        <paper-input id="txtRecordingPath" label="${LabelRecordingPath}" style="width:80%;display:inline-block;"></paper-input>
+                        <paper-icon-button id="btnSelectRecordingPath" icon="search"></paper-icon-button>
                         <div class="fieldDescription">${LabelRecordingPathHelp}</div>
                     </div>
                     <br />
diff --git a/dashboard-ui/scripts/itembynamedetailpage.js b/dashboard-ui/scripts/itembynamedetailpage.js
index 18cc0d0645..16c7c390d5 100644
--- a/dashboard-ui/scripts/itembynamedetailpage.js
+++ b/dashboard-ui/scripts/itembynamedetailpage.js
@@ -113,7 +113,7 @@
                     shape: "detailPagePortrait",
                     showTitle: true,
                     centerText: true,
-                    overlayPlayButton: true
+                    overlayMoreButton: true
                 });
                 break;
 
@@ -142,7 +142,8 @@
                 }, {
                     shape: "detailPagePortrait",
                     showTitle: true,
-                    centerText: true
+                    centerText: true,
+                    overlayMoreButton: true
                 });
                 break;
 
@@ -171,7 +172,8 @@
                 }, {
                     shape: "detailPagePortrait",
                     showTitle: true,
-                    centerText: true
+                    centerText: true,
+                    overlayMoreButton: true
                 });
                 break;
 
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index ce47e23d6d..3e26ebd095 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -3101,11 +3101,11 @@
                 miscInfo.push(Globalize.translate('LabelHDProgram'));
             }
 
-            if (item.Audio) {
+            //if (item.Audio) {
 
-                miscInfo.push(item.Audio);
+            //    miscInfo.push(item.Audio);
 
-            }
+            //}
 
             if (item.Video3DFormat) {
                 miscInfo.push("3D");
diff --git a/dashboard-ui/scripts/livetvitems.js b/dashboard-ui/scripts/livetvitems.js
index c0f8c11590..1b3ffd0540 100644
--- a/dashboard-ui/scripts/livetvitems.js
+++ b/dashboard-ui/scripts/livetvitems.js
@@ -50,7 +50,7 @@
             if (view == "Poster") {
                 html = LibraryBrowser.getPosterViewHtml({
                     items: result.Items,
-                    shape: "portrait",
+                    shape: "auto",
                     context: 'livetv',
                     showTitle: false,
                     centerText: true,
@@ -153,6 +153,7 @@
 
         query.IsMovie = getParameterByName('type') == 'movies' ? true : null;
         query.IsSports = getParameterByName('type') == 'sports' ? true : null;
+        query.IsKids = getParameterByName('type') == 'kids' ? true : null;
 
         var viewkey = getSavedQueryKey();
 
diff --git a/dashboard-ui/scripts/livetvsettings.js b/dashboard-ui/scripts/livetvsettings.js
index a68af700f7..becbc18e7b 100644
--- a/dashboard-ui/scripts/livetvsettings.js
+++ b/dashboard-ui/scripts/livetvsettings.js
@@ -7,7 +7,7 @@
 
         $('#selectGuideDays', page).val(config.GuideDays || '').selectmenu('refresh');
 
-        $('#chkMovies', page).checked(config.EnableMovieProviders).checkboxradio("refresh");
+        $('#chkMovies', page).checked(config.EnableMovieProviders);
 
         $('#txtRecordingPath', page).val(config.RecordingPath || '');
 
diff --git a/dashboard-ui/scripts/livetvsuggested.js b/dashboard-ui/scripts/livetvsuggested.js
index 5b55411bdd..e63ce499c8 100644
--- a/dashboard-ui/scripts/livetvsuggested.js
+++ b/dashboard-ui/scripts/livetvsuggested.js
@@ -119,6 +119,31 @@
             elem.innerHTML = html;
             ImageLoader.lazyChildren(elem);
         });
+
+        ApiClient.getLiveTvRecommendedPrograms({
+
+            userId: Dashboard.getCurrentUserId(),
+            IsAiring: false,
+            HasAired: false,
+            limit: 8,
+            IsKids: true
+
+        }).done(function (result) {
+
+            var html = LibraryBrowser.getPosterViewHtml({
+                items: result.Items,
+                shape: "auto",
+                showTitle: false,
+                coverImage: true,
+                overlayText: false,
+                lazy: true,
+                overlayMoreButton: true
+            });
+
+            var elem = page.querySelector('.upcomingKidsItems');
+            elem.innerHTML = html;
+            ImageLoader.lazyChildren(elem);
+        });
     }
 
     function renderSuggestedTab(page, tabContent) {
diff --git a/dashboard-ui/strings/html/server.json b/dashboard-ui/strings/html/server.json
index 40ac632085..3d6f74b2f1 100644
--- a/dashboard-ui/strings/html/server.json
+++ b/dashboard-ui/strings/html/server.json
@@ -1523,5 +1523,6 @@
     "OptionSyncLosslessAudioOriginal": "Sync lossless audio at original quality",
     "HeaderMetadata": "Metadata",
     "HeaderRecordingOptions": "Recording Options",
-    "ButtonShare": "Share"
+    "ButtonShare": "Share",
+    "HeaderUpcomingForKids": "Upcoming for Kids"
 }
diff --git a/dashboard-ui/thirdparty/paper-button-style.css b/dashboard-ui/thirdparty/paper-button-style.css
index 5eff3c66d2..f1251b0102 100644
--- a/dashboard-ui/thirdparty/paper-button-style.css
+++ b/dashboard-ui/thirdparty/paper-button-style.css
@@ -384,6 +384,10 @@ paper-menu-item {
     color: #858585 !important;
 }
 
+.ui-page-theme-a .label-is-highlighted label {
+    color: green !important;
+}
+
 .ui-page-theme-b .label-is-highlighted label {
     color: #52B54B !important;
 }
@@ -392,7 +396,7 @@ paper-menu-item {
     color: #fff !important;
 }
 
-paper-input .focused-line, .ui-page-theme-b paper-textarea .focused-line {
+paper-input .focused-line, paper-textarea .focused-line {
     background-color: #52B54B !important;
 }
 
diff --git a/dashboard-ui/vulcanize-out.html b/dashboard-ui/vulcanize-out.html
index 263056bf82..4926828ef6 100644
--- a/dashboard-ui/vulcanize-out.html
+++ b/dashboard-ui/vulcanize-out.html
@@ -15753,7 +15753,8 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
     is: 'paper-tab',
 
     behaviors: [
-      Polymer.IronControlState
+      Polymer.IronControlState,
+      Polymer.IronButtonState
     ],
 
     properties: {
@@ -15775,7 +15776,11 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
     },
 
     listeners: {
-      down: '_onDown'
+      down: '_updateNoink'
+    },
+
+    attached: function() {
+      this._updateNoink();
     },
 
     get _parentNoink () {
@@ -15783,7 +15788,7 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
       return !!parent && !!parent.noink;
     },
 
-    _onDown: function(e) {
+    _updateNoink: function() {
       this.noink = !!this.noink || !!this._parentNoink;
     }
   });