From f726c71bf1636a838f45363d1613763a2926e34f Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Wed, 12 Jun 2024 16:38:54 -0500
Subject: Update html templates to use bootstrap for styling

---
 qc_app/templates/insert_progress.html | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

(limited to 'qc_app/templates/insert_progress.html')

diff --git a/qc_app/templates/insert_progress.html b/qc_app/templates/insert_progress.html
index 0e1a9e0..52177d6 100644
--- a/qc_app/templates/insert_progress.html
+++ b/qc_app/templates/insert_progress.html
@@ -10,8 +10,12 @@
 {%block contents%}
 <h1 class="heading">{{job_name}}</h1>
 
-<label for="job_status">status:</label>
-<span>{{job_status}}: {{message}}</span><br />
+<div class="row">
+  <form>
+    <div class="form-group">
+      <label for="job_status" class="form-label">status:</label>
+      <span class="form-text">{{job_status}}: {{message}}</span>
+    </div>
 
 {%if job.get("stdout", "").split("\n\n") | length < 3 %}
 {%set lines = 0%}
@@ -25,9 +29,16 @@
 {%set fraction = (lines/totallines)%}
 {%endif%}
 
-<label for="job_{{job_id}}">inserting: </label>
-<progress id="jobs_{{job_id}}" value="{{(fraction)}}">{{fraction*100}}</progress>
-<span>{{"%.2f" | format(fraction * 100 | float)}}%</span><br />
+    <div class="form-group">
+      <label for="job_{{job_id}}" class="form-label">inserting: </label>
+      <progress id="jobs_{{job_id}}"
+                value="{{(fraction)}}"
+                class="form-control">{{fraction*100}}</progress>
+      <span class="form-text text-muted">
+        {{"%.2f" | format(fraction * 100 | float)}}%</span>
+    </div>
+  </form>
+</div>
 
 
 {{stdout_output(job)}}
-- 
cgit v1.2.3