diff options
| author | Frederick Muriuki Muriithi | 2024-02-14 10:56:08 +0300 |
|---|---|---|
| committer | Frederick Muriuki Muriithi | 2024-02-14 10:56:08 +0300 |
| commit | e9e3b1efc33b35280464ba2f40d96fdd6560e3c1 (patch) | |
| tree | 8eda1bc024f1a3d598045651a6508036ff23e99e /qc_app/templates/upload_progress_indicator.html | |
| parent | 1fda6924b4ac792e4fea42179f8e2242c1cd6dd5 (diff) | |
| download | gn-uploader-e9e3b1efc33b35280464ba2f40d96fdd6560e3c1.tar.gz | |
Extract upload progress indication code
* Extract the UI elements and code for indicating upload progress into separate, reusable "modules". * Fix bugs arising from changes.
Diffstat (limited to 'qc_app/templates/upload_progress_indicator.html')
| -rw-r--r-- | qc_app/templates/upload_progress_indicator.html | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/qc_app/templates/upload_progress_indicator.html b/qc_app/templates/upload_progress_indicator.html new file mode 100644 index 0000000..9855c2d --- /dev/null +++ b/qc_app/templates/upload_progress_indicator.html @@ -0,0 +1,16 @@ +{%macro upload_progress_indicator()%} +<div id="upload-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> + <form id="frm-cancel-upload" style="border-style: none;"> + <button id="btn-cancel-upload" type="submit" class="btn btn-danger"> + Cancel + </button> + </form> +</div> +{%endmacro%} |