Show progress bars on the home page for running jobs

This commit is contained in:
2011-09-24 17:58:56 +01:00
parent 920d392f99
commit 532e7873ef

View File

@@ -4,8 +4,26 @@
{if $running_jobs}
{foreach from=$running_jobs item=job}
<li><a href="{$base_uri}jobs/details/id/{$job->id()}" title="View job details">{$job->name()} ({$job->currentStatus()->ripProgress()}%)</a></li>
<li><a href="{$base_uri}jobs/details/id/{$job->id()}" title="View job details">{$job->name()}</a> <span class="progressBar" id="job_progress_{$job->id()}">{$job->currentStatus()->ripProgress()}%</span></li>
{/foreach}
<script type="text/javascript">
$('.progressBar').each(
function() {
$(this).progressBar({
steps: 100,
width: 120,
height: 12,
boxImage: '{$base_uri}images/jquery.progressbar/progressbar.gif',
barImage: {
0: '{$base_uri}images/jquery.progressbar/progressbg_red.gif',
25: '{$base_uri}images/jquery.progressbar/progressbg_orange.gif',
50: '{$base_uri}images/jquery.progressbar/progressbg_yellow.gif',
75: '{$base_uri}images/jquery.progressbar/progressbg_green.gif',
}
});
}
);
</script>
{else}
<em>There are no currently running jobs.</em>
{/if}