qc_app/templates/upload_progress_indicator.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

{%macro upload_progress_indicator()%}
<div id="upload-progress-indicator" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h3 class="modal-title">Uploading file</h3>
      </div>

      <div class="modal-body">
        <form id="frm-cancel-upload" style="border-style: none;">
          <div class="form-group">
            <span id="progress-filename" class="form-text">No file selected!</span>
            <progress id="progress-bar" value="0" max="100" class="form-control">
              0</progress>
          </div>

          <div class="form-group">
            <span class="form-text text-muted" id="progress-text">
              Uploading 0%</span>
            <span class="form-text text-muted" id="progress-extra-text">
              Processing</span>
          </div>
        </form>
      </div>

      <div class="modal-footer">
        <button id="btn-cancel-upload"
                type="button"
                class="btn btn-danger"
                data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>
{%endmacro%}