From 532e7873ef4f96aa17883137f553fad6d7f65922 Mon Sep 17 00:00:00 2001
From: Ben Roberts <ben@sihnon.net>
Date: Sat, 24 Sep 2011 17:58:56 +0100
Subject: [PATCH] Show progress bars on the home page for running jobs

---
 webui/source/templates/home.tpl | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/webui/source/templates/home.tpl b/webui/source/templates/home.tpl
index 8e3b714..4856fe0 100644
--- a/webui/source/templates/home.tpl
+++ b/webui/source/templates/home.tpl
@@ -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}