Mirrors/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2024-11-05 10:32:35 +01:00
Code Issues Releases Wiki Activity

Building the progress bar manually

Browse Source
This commit is contained in:
Mark McDowall 2012-10-11 17:19:20 -07:00
parent 8acdc1ba0f
commit 845c19bbcc
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
NzbDrone.Web/Views/Series/Index.cshtml
View File

@ -6,8 +6,7 @@
@Html.IncludeCss("Settings.css") @Html.IncludeCss("Settings.css")
} }
<style> <style>
.ui-progressbar .ui-progressbar, .progressbar {
{
position:relative; position:relative;
width: 125px; width: 125px;
height: 20px; height: 20px;
@ -16,22 +15,19 @@
margin: 2px; margin: 2px;
} }
.progressBarText .progressBarText, .progressbar-text {
{
position: absolute; position: absolute;
display: block; display: block;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.ui-progressbar-value .ui-progressbar-value {
{
overflow: hidden; overflow: hidden;
border: 1px solid #065EFE; border: 1px solid #065EFE;
} }
.ui-progressbar-value .progressBarText .ui-progressbar-value .progressBarText, .ui-progressbar-value .progressbar-text {
{
font-weight: normal; font-weight: normal;
color: white; color: white;
} }
@ -171,13 +167,17 @@
var progress = 100; var progress = 100;
if (row.aData["EpisodeCount"] > 0) if (row.aData["EpisodeCount"] > 0)
progress = row.aData["EpisodeFileCount"] / row.aData["EpisodeCount"] * 100; progress = row.aData["EpisodeFileCount"] / row.aData["EpisodeCount"] * 100;
var result = "<div class='progressBar' data-value='" + progress + "'>" +
"<span class='progressBarText'>" + row.aData["EpisodeFileCount"] + " / " + row.aData["EpisodeCount"] +"</span>" +
"</div>";
return result; var progressbar =
} '<div class="progressbar ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="92" data-value="' + progress + '">' +
'<span class="progressbar-text">' + row.aData["EpisodeFileCount"] + ' / ' + row.aData["EpisodeCount"] + '</span>' +
'<div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: ' + Math.round(progress) + '%">' +
'<span class="progressbar-text" style="width: 125px">' + row.aData["EpisodeFileCount"] + ' / ' + row.aData["EpisodeCount"] + '</span>' +
'</div>' +
'</div>';
return progressbar;
}
}, //Episodes }, //Episodes
{ {
sClass: "commandsColumn", sClass: "commandsColumn",