From 8284ebe14f60cd6c2858b802839392c0c6da0edd Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Wed, 16 Nov 2022 05:03:16 +0300
Subject: ui: provide error messaging if file is not selected.

---
 qc_app/static/js/upload_progress.js | 2 ++
 qc_app/templates/index.html         | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/qc_app/static/js/upload_progress.js b/qc_app/static/js/upload_progress.js
index fdcbe68..049dbfe 100644
--- a/qc_app/static/js/upload_progress.js
+++ b/qc_app/static/js/upload_progress.js
@@ -75,6 +75,8 @@ function upload_data(event) {
     if(the_file === undefined) {
 	form.querySelector("#file_upload").parentElement.setAttribute(
 	    "class", "invalid-input");
+	form.querySelector("#no-file-error").setAttribute(
+	    "style", "display: block;");
 	return false;
     }
     pindicator.setAttribute("class", "modal");
diff --git a/qc_app/templates/index.html b/qc_app/templates/index.html
index 74e4694..9111af0 100644
--- a/qc_app/templates/index.html
+++ b/qc_app/templates/index.html
@@ -33,6 +33,9 @@
   </fieldset>
 
   <fieldset>
+    <span id="no-file-error" class="alert-error" style="display: none;">
+      No file selected
+    </span>
     <label for="file_upload" class="form-col-1">select file</label>
     <input type="file" name="qc_text_file" id="file_upload"
 	   accept="text/plain, text/tab-separated-values, application/zip"
-- 
cgit v1.2.3