From c2fa70ec8503d10b990575a547036bfd70a53825 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Mon, 13 Jun 2022 15:02:19 +0300
Subject: Add upload progress indicator

---
 qc_app/templates/index.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

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

diff --git a/qc_app/templates/index.html b/qc_app/templates/index.html
index b14f3d4..18eb784 100644
--- a/qc_app/templates/index.html
+++ b/qc_app/templates/index.html
@@ -35,4 +35,22 @@
 
   <input type="submit" value="upload file" class="btn btn-main" />
 </form>
+
+<div id="progress-indicator" class="hidden">
+  <h3>Uploading file</h3>
+  <p id="progress-filename">the-file</p>
+  <progress id="progress-bar" value="0" max="100">
+    0
+  </progress>
+  <p id="progress-text">Uploading 0%</p>
+  <p id="progress-extra-text">Processing</p>
+</div>
+{%endblock%}
+
+
+{%block javascript%}
+<script type="text/javascript" src="static/js/upload_progress.js"></script>
+<script type="text/javascript">
+  setup_upload_handlers();
+</script>
 {%endblock%}
-- 
cgit v1.2.3