update now playing page

dashboard-ui/bower_components/iron-menu-behavior/.bower.json

@@ -35,7 +35,7 @@
     "tag": "v1.0.1",
     "commit": "3809f0eb7461c8ca63640aaa238775b3a25aa578"
   },
-  "_source": "git://github.com/polymerelements/iron-menu-behavior.git",
+  "_source": "git://github.com/PolymerElements/iron-menu-behavior.git",
   "_target": "^1.0.0",
-  "_originalSource": "polymerelements/iron-menu-behavior"
+  "_originalSource": "PolymerElements/iron-menu-behavior"
 }

dashboard-ui/bower_components/iron-selector/.bower.json

@@ -28,14 +28,14 @@
     "web-component-tester": "*",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
-  "homepage": "https://github.com/PolymerElements/iron-selector",
+  "homepage": "https://github.com/polymerelements/iron-selector",
   "_release": "1.0.2",
   "_resolution": {
     "type": "version",
     "tag": "v1.0.2",
     "commit": "ea22d91d11ba6f72c01faa952d5e600f9d1773cf"
   },
-  "_source": "git://github.com/PolymerElements/iron-selector.git",
+  "_source": "git://github.com/polymerelements/iron-selector.git",
   "_target": "^1.0.0",
-  "_originalSource": "PolymerElements/iron-selector"
+  "_originalSource": "polymerelements/iron-selector"
 }

dashboard-ui/bower_components/paper-button/.bower.json

@@ -1,6 +1,6 @@
 {
   "name": "paper-button",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Material design button",
   "authors": [
     "The Polymer Authors"
@@ -36,14 +36,13 @@
     "web-component-tester": "*",
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
-  "_release": "1.0.1",
+  "_release": "1.0.2",
   "_resolution": {
     "type": "version",
-    "tag": "v1.0.1",
+    "tag": "v1.0.2",
-    "commit": "e11a0603feaaedd8cf6c7e0d533bdc67de24c8de"
+    "commit": "e804f62099c79f909ec9f94d78b790bff7b88682"
   },
   "_source": "git://github.com/PolymerElements/paper-button.git",
   "_target": "~1.0.1",
-  "_originalSource": "PolymerElements/paper-button",
+  "_originalSource": "PolymerElements/paper-button"
-  "_direct": true
 }

dashboard-ui/bower_components/paper-button/bower.json

@@ -1,6 +1,6 @@
 {
   "name": "paper-button",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Material design button",
   "authors": [
     "The Polymer Authors"

dashboard-ui/bower_components/paper-button/paper-button.html

@@ -31,7 +31,7 @@ You may use custom DOM in the button body to create a variety of buttons. For ex
 create a button with an icon and some text:
 
     <paper-button>
-      <core-icon icon="favorite"></core-icon>
+      <iron-icon icon="favorite"></iron-icon>
       custom button content
     </paper-button>
 

dashboard-ui/nowplaying.html

@@ -14,7 +14,6 @@
                 <paper-fab mini icon="cast" class="blue nowPlayingCastIcon" onclick="MediaController.showPlayerSelection();" style="vertical-align:middle;"></paper-fab>
             </div>
 
-            <template is="dom-bind" id="scope">
             <neon-animated-pages selected="{{selected}}" entry-animation="slide-from-right-animation" exit-animation="slide-left-animation">
                 <neon-animatable>
                     <div style="text-align:center;padding-bottom:100px;">
@@ -28,7 +27,7 @@
 
                             <div class="nowPlayingTimeContainer">
                                 <div>
-                                        <div class="positionSliderContainer sliderContainer" style="margin: 0 auto;">
+                                    <div class="positionSliderContainer sliderContainer requiresJqmCreate" style="margin: 0 auto;">
                                         <input type="range" style="display: none;" class="mediaSlider positionSlider slider" step=".001" min="0" max="100" value="0" data-mini="true" data-theme="a" data-highlight="true" />
                                     </div>
                                 </div>
@@ -95,7 +94,7 @@
                             <paper-fab icon="videocam" class="btnScreenshot btnCommand subdued" title="${ButtonTakeScreenshot}" data-command="TakeScreenshot"></paper-fab>
                         </div>
                     </div>
-                        <div class="readOnlyContent" style="margin: 2em auto 0; padding: 0 1em 100px;">
+                    <div class="readOnlyContent requiresJqmCreate" style="margin: 2em auto 0; padding: 0 1em 100px;">
 
                         <div data-role="collapsible">
                             <h2>${HeaderSendMessage}</h2>
@@ -151,7 +150,6 @@
                 <paper-tab>${TabPlaylist}</paper-tab>
 
             </paper-tabs>
-            </template>
 
         </div>
 

dashboard-ui/scripts/nowplayingpage.js

@@ -703,29 +703,31 @@
         $('.sendMessageForm').off('submit', NowPlayingPage.onMessageSubmit).on('submit', NowPlayingPage.onMessageSubmit);
         $('.typeTextForm').off('submit', NowPlayingPage.onSendStringSubmit).on('submit', NowPlayingPage.onSendStringSubmit);
 
-        $('iron-pages,neon-animatable', this).trigger('create');
+        $('.requiresJqmCreate', this).trigger('create');
 
         $(page).on('swipeleft', function () {
 
             var pages = this.querySelectorAll('neon-animated-pages')[0];
+            var tabs = this.querySelectorAll('paper-tabs')[0];
 
             var selected = parseInt(pages.selected || '0');
             if (selected < 2) {
                 pages.entryAnimation = 'slide-from-right-animation';
                 pages.exitAnimation = 'slide-left-animation';
-                pages.selectNext();
+                tabs.selectNext();
             }
         });
 
         $(page).on('swiperight', function () {
 
             var pages = this.querySelectorAll('neon-animated-pages')[0];
+            var tabs = this.querySelectorAll('paper-tabs')[0];
 
             var selected = parseInt(pages.selected || '0');
             if (selected > 0) {
                 pages.entryAnimation = 'slide-from-left-animation';
                 pages.exitAnimation = 'slide-right-animation';
-                pages.selectPrevious();
+                tabs.selectPrevious();
             }
         });
 
@@ -733,6 +735,10 @@
             updateCastIcon(page);
         });
 
+        $('paper-tabs').on('iron-select', function () {
+            page.querySelectorAll('neon-animated-pages')[0].selected = this.selected;
+        });
+
     }).on('pagebeforeshowready', "#nowPlayingPage", function () {
 
         $(document.body).addClass('hiddenViewMenuBar');
@@ -755,7 +761,8 @@
         loadPlaylist(page);
 
         var tab = getParameterByName('tab');
-        this.querySelectorAll('#scope')[0].selected = tab == 'Playlist' ? 2 : 0;
+        var selected = tab == 'Playlist' ? 2 : 0;;
+        this.querySelectorAll('paper-tabs')[0].selected = selected;
 
         updateCastIcon(page);
 

dashboard-ui/themes/ios.css

@@ -1,9 +1,14 @@
-html, body {
+html {
     font-family: Helvetica Neue;
     /* Setting it here will help prevent white flashes */
     background-color: #1c1c1c;
 }
 
+html, body {
+    font-family: Helvetica Neue;
+}
+
+
 .viewMenuBar, .libraryViewNav {
     background-color: rgba(28,28,28,.97);
 }

dashboard-ui/vulcanize-in.html

@@ -15,5 +15,4 @@
 <link rel="import" href="bower_components/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="bower_components/paper-drawer-panel/paper-drawer-panel.html">
 <link rel="import" href="bower_components/paper-tabs/paper-tabs.html">
-<link rel="import" href="bower_components/iron-pages/iron-pages.html">
 <link rel="import" href="thirdparty/emby-icons.html">

dashboard-ui/vulcanize-out.html

@@ -11252,8 +11252,6 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
 
 
 
-
-
 </head><body><div hidden="" by-vulcanize=""><dom-module id="paper-material" assetpath="bower_components/paper-material/">
   <style>
     :host {
@@ -14788,61 +14786,6 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
 
   });
 
-</script>
-<dom-module id="iron-pages" assetpath="bower_components/iron-pages/">
-
-  <style>
-
-    :host {
-      display: block;
-    }
-
-    :host > ::content > :not(.iron-selected) {
-      display: none !important;
-    }
-
-  </style>
-
-  <template>
-
-    <content></content>
-
-  </template>
-
-</dom-module>
-
-<script>
-
-  Polymer({
-
-    is: 'iron-pages',
-
-    behaviors: [
-      Polymer.IronResizableBehavior,
-      Polymer.IronSelectableBehavior
-    ],
-
-    properties: {
-
-      // as the selected page is the only one visible, activateEvent
-      // is both non-sensical and problematic; e.g. in cases where a user
-      // handler attempts to change the page and the activateEvent
-      // handler immediately changes it back
-      activateEvent: {
-        value: null
-      }
-
-    },
-
-    observers: [
-      '_selectedPageChanged(selected)'
-    ],
-
-    _selectedPageChanged: function(selected, old) {
-      this.async(this.notifyResize);
-    }
-  });
-
 </script>
 <iron-iconset-svg name="icons" size="24">
     <svg>