Use modals instead of toasts for progress indication.

This commit is contained in:
Patrick Jentsch
2019-09-17 10:56:56 +02:00
parent 70c97d44f9
commit 07c4e31510
3 changed files with 56 additions and 24 deletions

View File

@ -121,7 +121,22 @@
</form>
</div>
</div>
<div id="progress-modal" class="modal">
<div class="modal-content">
<h4 class="title"></h4>
<p>Uploading files... <span class="loaded"></span>/<span class="total"></span></p>
<div class="progress">
<div class="determinate" style="width: 0%"></div>
</div>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat disabled">Cancel</a>
</div>
</div>
<script>
initNewJobForm(document.getElementById("new-nlp-job-form"));
initNewJobForm(document.getElementById("new-nlp-job-form"),
document.getElementById("progress-modal"));
</script>
{% endblock %}

View File

@ -138,7 +138,22 @@
</form>
</div>
</div>
<div id="progress-modal" class="modal">
<div class="modal-content">
<h4 class="title"></h4>
<p>Uploading files... <span class="loaded"></span>/<span class="total"></span></p>
<div class="progress">
<div class="determinate" style="width: 0%"></div>
</div>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat disabled">Cancel</a>
</div>
</div>
<script>
initNewJobForm(document.getElementById("new-ocr-job-form"));
initNewJobForm(document.getElementById("new-ocr-job-form"),
document.getElementById("progress-modal"));
</script>
{% endblock %}