diff options
| author | Frederick Muriuki Muriithi | 2022-11-16 05:03:16 +0300 |
|---|---|---|
| committer | Frederick Muriuki Muriithi | 2022-11-16 05:03:16 +0300 |
| commit | 8284ebe14f60cd6c2858b802839392c0c6da0edd (patch) | |
| tree | 4c8ee71cf59c2beaa0beb9d39c4c16b7b95017db /qc_app | |
| parent | 6377ed8375b7a9cd05c7cb4c5d97fd2e4599b680 (diff) | |
| download | gn-uploader-8284ebe14f60cd6c2858b802839392c0c6da0edd.tar.gz | |
ui: provide error messaging if file is not selected.
Diffstat (limited to 'qc_app')
| -rw-r--r-- | qc_app/static/js/upload_progress.js | 2 | ||||
| -rw-r--r-- | qc_app/templates/index.html | 3 |
2 files changed, 5 insertions, 0 deletions
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" |