update now playing screen

dashboard-ui/bower_components/emby-webcomponents/.bower.json

@@ -14,12 +14,12 @@
   },
   "devDependencies": {},
   "ignore": [],
-  "version": "1.4.473",
+  "version": "1.4.474",
-  "_release": "1.4.473",
+  "_release": "1.4.474",
   "_resolution": {
     "type": "version",
-    "tag": "1.4.473",
+    "tag": "1.4.474",
-    "commit": "5480407d7cc7201e3310cb892c5d2779507d7240"
+    "commit": "6e74a88452ec9dee906696b042c969dcc1aee842"
   },
   "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
   "_target": "^1.2.1",

dashboard-ui/bower_components/emby-webcomponents/chromecastplayer.js

@@ -971,6 +971,18 @@
             });
         };
 
+        self.getCurrentPlaylistIndex = function () {
+            return 0;
+        };
+
+        self.setCurrentPlaylistIndex = function (index) {
+            return Promise.resolve();
+        };
+
+        self.removeFromPlaylist = function (index) {
+            return Promise.resolve();
+        };
+
         self.getPlayerState = function () {
 
             return Promise.resolve(self.getPlayerStateInternal() || {});

dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css

@@ -16,7 +16,7 @@ _:-ms-input-placeholder, :root .mdl-slider {
     -ms-user-select: none;
     user-select: none;
     outline: 0;
-    padding: 1.5em 0;
+    padding: 1em 0;
     color: #52B54B;
     -webkit-align-self: center;
     -ms-flex-item-align: center;

dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.css

@@ -23,11 +23,10 @@
 }
 
 .itemSelectionCount {
-    font-size: 28px;
     vertical-align: middle;
     color: #fff;
-    display: inline-block;
+    opacity: 1 !important;
-    padding-top: 1px;
+    margin: 0;
 }
 
 .multiSelectCheckboxOutline {

dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.js

@@ -126,10 +126,8 @@
 
             var html = '';
 
-            html += '<div style="float:left;">';
             html += '<button is="paper-icon-button-light" class="btnCloseSelectionPanel autoSize"><i class="md-icon">close</i></button>';
-            html += '<span class="itemSelectionCount"></span>';
+            html += '<h1 class="itemSelectionCount"></h1>';
-            html += '</div>';
 
             var moreIcon = appHost.moreIcon === 'dots-horiz' ? '&#xE5D3;' : '&#xE5D4;';
             html += '<button is="paper-icon-button-light" class="btnSelectionPanelOptions autoSize" style="margin-left:auto;"><i class="md-icon">' + moreIcon + '</i></button>';

dashboard-ui/bower_components/emby-webcomponents/sessionplayer.js

@@ -283,6 +283,18 @@
             return state.MediaType === 'Audio';
         };
 
+        self.getCurrentPlaylistIndex = function () {
+            return 0;
+        };
+
+        self.setCurrentPlaylistIndex = function (index) {
+            return Promise.resolve();
+        };
+
+        self.removeFromPlaylist = function (index) {
+            return Promise.resolve();
+        };
+
         self.getPlayerState = function () {
 
             var apiClient = getCurrentApiClient();

dashboard-ui/components/remotecontrol.js

@@ -540,13 +540,15 @@
             });
         }
 
-        function onPlaybackStopped(e, state) {
+        function onPlaybackStopped(e, stopInfo) {
 
             console.log('remotecontrol event: ' + e.type);
-
             var player = this;
-            updatePlayerState(dlg, {});
+
-            loadPlaylist(dlg);
+            if (!stopInfo.nextMediaType) {
+                updatePlayerState(dlg, {});
+                loadPlaylist(dlg);
+            }
         }
 
         function onPlayPauseStateChanged(e) {

dashboard-ui/css/nowplaying.css

@@ -17,7 +17,7 @@
 }
 
 .nowPlayingPositionSliderContainer {
-    margin: .7em 1em .7em;
+    margin: .7em 0 .7em 1em;
 }
 
 .nowPlayingInfoButtons {
@@ -101,8 +101,7 @@
 
     .nowPlayingPageImage {
         width: auto;
-        max-width: 100%;
+        height: 40vh;
-        max-height: 36vh;
     }
 }
 
@@ -120,7 +119,8 @@
 @media all and (min-width: 800px) {
 
     .nowPlayingSecondaryButtons {
-        margin-left: auto;
+        flex-grow: 1;
+        justify-content: flex-end;
     }
 }
 
@@ -157,3 +157,7 @@
 .nowPlayingCastIcon {
     font-size: 86%;
 }
+
+.nowPlayingVolumeSliderContainer {
+    width: 6em;
+}