mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

added recording progress bars

Browse source
This commit is contained in:
Luke Pulverenti 2014-01-14 15:24:56 -05:00
parent 32386e817b
commit e3b57e4c97
2 changed files with 22 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

20
dashboard-ui/css/librarybrowser.css
View file

@ -925,6 +925,18 @@ a.itemTag:hover {
background-color: #52B54B; background-color: #52B54B;
} }
.recordingProgressBar::-moz-progress-bar {
background-color: #cc3333;
}
.recordingProgressBar::-webkit-progress-value {
background-color: #cc3333;
}
.recordingProgressBar[aria-valuenow]:before {
background-color: #cc3333;
}
.userDataIcons .itemProgressBar { .userDataIcons .itemProgressBar {
vertical-align: top; vertical-align: top;
position: relative; position: relative;
@ -1012,9 +1024,9 @@ a.itemTag:hover {
@media all and (min-height: 800px) { @media all and (min-height: 800px) {
.alphabetPicker a { .alphabetPicker a {
padding: 5px 0; padding: 5px 0;
} }
} }
@media all and (min-height: 900px) { @media all and (min-height: 900px) {
@ -1054,4 +1066,4 @@ a.itemTag:hover {
.viewCollageImage { .viewCollageImage {
width: 32.95%; width: 32.95%;
} }
} }

6
dashboard-ui/scripts/librarybrowser.js
View file

@ -1532,6 +1532,12 @@
getItemProgressBarHtml: function (item) { getItemProgressBarHtml: function (item) {
if (item.Type == "Recording" && item.CompletionPercentage) {
return '<progress class="itemProgressBar recordingProgressBar" min="0" max="100" value="' + item.CompletionPercentage + '"></progress>';
}
if (item.UserData && item.UserData.PlaybackPositionTicks && item.RunTimeTicks) { if (item.UserData && item.UserData.PlaybackPositionTicks && item.RunTimeTicks) {
var tooltip = Dashboard.getDisplayTime(item.UserData.PlaybackPositionTicks) + " / " + Dashboard.getDisplayTime(item.RunTimeTicks); var tooltip = Dashboard.getDisplayTime(item.UserData.PlaybackPositionTicks) + " / " + Dashboard.getDisplayTime(item.RunTimeTicks);