Add extract progress bar

This commit is contained in:
Girish Ramakrishnan
2020-10-19 21:38:15 -07:00
parent 1e6ea77a8f
commit c7c16ee167
2 changed files with 52 additions and 1 deletions

View File

@@ -200,6 +200,31 @@
</div>
</div>
<!-- Modal extract -->
<div class="modal fade" id="extractModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Extracting {{ extractStatus.fileName }}</h4>
</div>
<div class="modal-body">
<div ng-show="extractStatus.error">
<p class="text-danger">{{ extractStatus.error }}</p>
</div>
<div class="progress progress-striped active" ng-hide="extractStatus.error">
<div class="progress-bar" role="progressbar" style="width: 100%">
</div>
</div>
<p class="no-wrap" ng-hide="extractStatus.error">{{ extractStatus.fileName }}</p>
</div>
<div class="modal-footer" style="text-align: left;">
<small ng-hide="extractStatus.error">Do not refresh the page until extract has finished.</small>
<button class="btn btn-primary pull-right" ng-show="extractStatus.error" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal editor close -->
<div class="modal fade" id="textEditorCloseModal" tabindex="-1" role="dialog">
<div class="modal-dialog">