Add transcode progress and speed to dashboard activity

This commit is contained in:
Jonathan Wong 2015-09-06 21:10:47 -07:00
parent 56f601e2a5
commit 56b717b1a1
3 changed files with 33 additions and 2 deletions

View file

@ -683,6 +683,13 @@ a:hover .dashboard-activity-poster {
-webkit-transition: all 0s;
transition: all 0s;
}
.dashboard-activity-progress .bufferbar {
padding-top: 6px;
background-color: #444;
position: absolute;
height: 6px;
overflow: hidden;
}
.dashboard-activity-progress .bar {
padding-top: 6px;
background-color: #faa732;
@ -693,6 +700,9 @@ a:hover .dashboard-activity-poster {
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
position: absolute;
height: 6px;
overflow: hidden;
}
.dashboard-activity-metadata-wrapper {
position: relative;

View file

@ -117,7 +117,8 @@ DOCUMENTATION :: END
Stream &nbsp;<strong>Direct Play</strong>
% else:
Stream &nbsp;<strong>Transcoding
% if a['throttled'] == 1:
(Speed: ${a['transcode_speed']})
% if a['throttled'] == '1':
(Throttled)
% endif
</strong>
@ -135,7 +136,8 @@ DOCUMENTATION :: END
Stream &nbsp;<strong>Direct Play</strong>
% else:
Stream &nbsp;<strong>Transcoding
% if a['throttled']:
(Speed: ${a['transcode_speed']})
% if a['throttled'] == '1':
(Throttled)
% endif
</strong>
@ -171,6 +173,7 @@ DOCUMENTATION :: END
% endif
<div class="dashboard-activity-progress">
<div class="dashboard-activity-progress-bar">
<div class="bufferbar" style="width: ${a['transcode_progress']}%">${a['transcode_progress']}%</div>
<div class="bar" style="width: ${a['progress_percent']}%">${a['progress_percent']}%</div>
</div>
</div>