diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index d8be5d98d5..c70ceada2c 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -610,7 +610,8 @@ form, .readOnlyContent { /* Dashboard home */ .tblConnections td { - padding: .5em 0 .5em 1.25em; + padding: 1em 0 1em 1.5em; + vertical-align: top; } .tblConnections td:first-child { @@ -618,7 +619,7 @@ form, .readOnlyContent { } .tblConnections img { - height: 54px; + height: 48px; } .clientNowPlayingImage { diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js index 372b283e37..4be0a35a7f 100644 --- a/dashboard-ui/scripts/dashboardpage.js +++ b/dashboard-ui/scripts/dashboardpage.js @@ -85,6 +85,8 @@ var table = $('.tblConnections', page); $('.trSession', table).addClass('deadSession'); + + var deviceId = ApiClient.deviceId(); for (var i = 0, length = dashboardInfo.ActiveConnections.length; i < length; i++) { @@ -106,7 +108,16 @@ html += ''; html += ''; - html += '
' + connection.Client + '
'; + + html += '
'; + + if (deviceId == connection.DeviceId) { + html += connection.Client; + } else { + html += '' + connection.Client + ''; + } + html += '
'; + html += '
' + connection.ApplicationVersion + '
'; html += '
' + connection.DeviceName + '
'; html += ''; diff --git a/dashboard-ui/scripts/remotecontrol.js b/dashboard-ui/scripts/remotecontrol.js index 45860a581c..21f0f60323 100644 --- a/dashboard-ui/scripts/remotecontrol.js +++ b/dashboard-ui/scripts/remotecontrol.js @@ -653,7 +653,7 @@ $('.chkSelectItem:first', elem).checked(true); } - function showMenu(sessions) { + function showMenu(sessions, options) { var html = '
'; @@ -700,9 +700,9 @@ html += '
'; - html += '
'; + html += ''; - html += ''; + html += ''; html += '

'; @@ -726,8 +726,8 @@ $(this).off("popupafterclose").remove(); }); - renderSessionsInControlMenu(popup, sessions); - updateSessionInfo(popup, sessions); + renderSessionsInControlMenu(popup, sessions, options); + updateSessionInfo(popup, sessions, options); if (ApiClient.isWebSocketOpen()) { ApiClient.sendWebSocketMessage("SessionsStart", "1000,1000"); @@ -983,8 +983,10 @@ } } - function renderSessionsInControlMenu(popup, sessions) { + function renderSessionsInControlMenu(popup, sessions, options) { + options = options || {}; + var deviceId = ApiClient.deviceId(); // don't display the current session @@ -994,7 +996,7 @@ var elem = $('#selectSession', popup); - var currentValue = elem.val(); + var currentValue = options.sessionId || elem.val(); if (currentValue) { @@ -1044,10 +1046,10 @@ showMenuForItem(options, ApiClient.getSessions(sessionQuery)); }; - self.showMenu = function () { + self.showMenu = function (options) { ApiClient.getSessions(sessionQuery).done(function (sessions) { - showMenu(sessions); + showMenu(sessions, options); }); };