diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css
index 4ce699dd..4fe763c5 100644
--- a/data/interfaces/default/css/plexpy.css
+++ b/data/interfaces/default/css/plexpy.css
@@ -611,7 +611,7 @@ textarea.form-control:focus {
a .poster-face:hover,
a .cover-face:hover,
a .users-poster-face:hover {
- webkit-box-shadow: inset 0 0 0 2px #e9a049;
+ -webkit-box-shadow: inset 0 0 0 2px #e9a049;
-moz-box-shadow: inset 0 0 0 2px #e9a049;
box-shadow: inset 0 0 0 2px #e9a049;
}
@@ -642,7 +642,8 @@ a .users-poster-face:hover {
box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 2px #e9a049;
}
.dashboard-instance.hover .dashboard-activity-poster-info-bar,
-.dashboard-instance.hover .dashboard-activity-terminate-bar {
+.dashboard-instance.hover .dashboard-activity-terminate-bar,
+.dashboard-instance.hover .dashboard-activity-terminate-session {
opacity: 1;
}
.dashboard-instance.hover .dashboard-activity-progress-bar {
@@ -793,7 +794,7 @@ a .users-poster-face:hover {
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s;
- z-index: 0W;
+ z-index: -2;
}
.dashboard-activity-terminate-session {
width: 50px;
@@ -803,9 +804,12 @@ a .users-poster-face:hover {
left: 0;
font-size: 30px;
color: #eee;
- z-index: 1;
text-align: center;
padding-top: 5px;
+ opacity: 0;
+ -webkit-transition: all .2s;
+ transition: all .2s;
+ z-index: 1;
}
.dashboard-activity-terminate-session:hover {
color: #e9a049;
diff --git a/data/interfaces/default/current_activity_instance.html b/data/interfaces/default/current_activity_instance.html
index 868ba38b..dc2355e8 100644
--- a/data/interfaces/default/current_activity_instance.html
+++ b/data/interfaces/default/current_activity_instance.html
@@ -106,20 +106,18 @@ DOCUMENTATION :: END
% else:
@@ -131,11 +129,11 @@ DOCUMENTATION :: END
${data['player']}
% if data['state'] == 'playing':
- State Playing ${'(' + data['quality_profile'] + ')' if data['media_type'] != 'track' else ''}
+ State Playing
% elif data['state'] == 'paused':
- State Paused ${'(' + data['quality_profile'] + ')' if data['media_type'] != 'track' else ''}
+ State Paused
% elif data['state'] == 'buffering':
- State Buffering ${'(' + data['quality_profile'] + ')' if data['media_type'] != 'track' else ''}
+ State Buffering
% endif
@@ -195,24 +193,29 @@ DOCUMENTATION :: END
+
- % if data['ip_address']:
- IP: ${data['ip_address']}
- % else:
- IP: N/A
- % endif
+ Quality:
+
+ ${data['quality_profile'] if data['media_type'] != 'track' else ''}
+
+ % if data['ip_address']:
+ IP: ${data['ip_address']} (${data['location'].upper()} - ${data['bandwidth']} kbps)
+ % else:
+ IP: N/A
+ % endif
+
+
ETA:
-
-
-
-
+
diff --git a/data/interfaces/default/index.html b/data/interfaces/default/index.html
index 5c930fb8..7bd2b56b 100644
--- a/data/interfaces/default/index.html
+++ b/data/interfaces/default/index.html
@@ -267,8 +267,7 @@
var overlay_state = 'State Unknown';
var state_icon = ' ';
}
- var q = (s.media_type != 'track') ? ' (' + s.quality_profile + ')' : '';
- $('#overlay-play-state-' + key).html(overlay_state + q);
+ $('#overlay-play-state-' + key).html(overlay_state);
$('#play-state-' + key).html(state_icon);
% if config['pms_use_bif']:
@@ -351,6 +350,10 @@
}
$('#transcode-state-' + key).html(ts);
+ // update the stream quality profile and bandwidth
+ $('#stream-quality-' + key).html((s.media_type != 'track') ? s.quality_profile : '');
+ $('#stream-bandwidth-' + key).html(s.bandwidth);
+
// update the stream progress times
$('#stream-eta-' + key).html(moment().add(parseInt(s.duration) - parseInt(s.view_offset), 'milliseconds').format(time_format));
$('#stream-view-offset-' + key).html(millisecondsToMinutes(s.view_offset, false));
@@ -426,15 +429,11 @@
$('#currentActivity').on('mouseover', '.dashboard-hover-container', function () {
$(this).closest('.dashboard-instance').addClass('hover');
var key = $(this).closest('.dashboard-instance').data('key');
- if (!($('#stream-' + key).is(':visible'))) {
- $('#terminate-button-' + key).fadeIn(200);
- }
});
$('#currentActivity').on('mouseleave', '.dashboard-hover-container', function () {
var key = $(this).closest('.dashboard-instance').data('key');
if (!($('#stream-' + key).is(':visible'))) {
$(this).closest('.dashboard-instance').removeClass('hover');
- $('#terminate-button-' + key).fadeOut(200);
}
});