web: Show some activity when jobs are running

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/modules/jobs/list.html b/src/templates/modules/jobs/list.html
index b5db2094b0211b284d02b87b673ab218eeaa14d3..ba352b523bee49a7803afd7f5a23092f0c1e1899 100644 (file)
--- a/src/templates/modules/jobs/list.html
+++ b/src/templates/modules/jobs/list.html
@@ -29,17 +29,25 @@
                                                {% end %}
                                        </div>
 
-                                       {% if job.is_running() %}
-                                               <div class="column is-2">
-                                                       {{ format_time(job.duration, shorter=True) }}
-                                               </div>
-                                       {% elif job.has_finished() %}
+                                       {% if job.has_finished() %}
                                                <div class="column is-3">
                                                        {{ _("Finished %s") % \
                                                                locale.format_date(job.finished_at, shorter=True) }}
                                                </div>
                                        {% end %}
                                </div>
+
+                               {% if job.is_running() %}
+                                       <div class="columns is-vcentered">
+                                               <div class="column">
+                                                       <progress class="progress is-small is-light" max="100"></progress>
+                                               </div>
+
+                                               <div class="column is-2">
+                                                       {{ format_time(job.duration, shorter=True) }}
+                                               </div>
+                                       </div>
+                               {% end %}
                        </div>
 
                        {# Show all packages that have been built #}