diff --git a/dashboard-ui/css/images/remote.png b/dashboard-ui/css/images/remote.png
new file mode 100644
index 0000000000..66f8a55271
Binary files /dev/null and b/dashboard-ui/css/images/remote.png differ
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 5ab21f8bbe..08833be252 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -484,7 +484,7 @@ a.itemTag:hover {
display: inline-block;
}
- .viewMenuImageLink {
+ .viewMenuImageLink:not(.remoteControlMenuLink) {
display: none;
}
diff --git a/dashboard-ui/css/remotecontrol.css b/dashboard-ui/css/remotecontrol.css
index 4a4d1ad376..56cb86ddf6 100644
--- a/dashboard-ui/css/remotecontrol.css
+++ b/dashboard-ui/css/remotecontrol.css
@@ -52,6 +52,10 @@
height: 50px;
}
+.nowPlaying .ui-slider-track {
+ margin-left: 15px!important;
+}
+
@media all and (max-width: 550px) {
.nowPlayingCell + .nowPlayingCell {
display: none;
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index 84bb702f55..1ba81aa05a 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -883,7 +883,7 @@
$('#btnRemote', page).on('click', function () {
- RemoteControl.showMenu({
+ RemoteControl.showMenuForItem({
item: currentItem,
context: getContext(currentItem),
diff --git a/dashboard-ui/scripts/itembynamedetailpage.js b/dashboard-ui/scripts/itembynamedetailpage.js
index a70908315d..99223f9a9d 100644
--- a/dashboard-ui/scripts/itembynamedetailpage.js
+++ b/dashboard-ui/scripts/itembynamedetailpage.js
@@ -489,7 +489,7 @@
$('#btnRemote', page).on('click', function () {
- RemoteControl.showMenu({ item: currentItem, context: getParameterByName('context') || '' });
+ RemoteControl.showMenuForItem({ item: currentItem, context: getParameterByName('context') || '' });
});
$('#btnEdit', page).on('click', function () {
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 0c3fe87aeb..adb0b7fc9a 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -1815,6 +1815,8 @@
html += '' + (view == 'games' ? selectedHtml : '') + 'Games';
}
+ html += '';
+
html += '
There are currently no available media browser sessions to control.
'); @@ -536,7 +537,7 @@ return html; } - function refreshSessions(sessions, elem) { + function updateSessionsInPlayMenu(sessions, elem) { for (var i = 0, length = sessions.length; i < length; i++) { @@ -612,12 +613,240 @@ $('.chkSelectItem:first', elem).checked(true); } + function showMenu(sessions) { + + var html = ''; + + html += ''; + + html += '
'; + + html += '