jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add upload progress dialog

Browse Source
This commit is contained in:
Johannes Zellner
2020-07-10 19:10:29 +02:00
parent 4564e501d3
commit 779c3ba75b
4 changed files with 66 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/filemanager.html
View File

@@ -126,6 +126,26 @@
</div>
</div>
<!-- Modal upload -->
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Uploading files ({{ uploadStatus.countDone }}/{{ uploadStatus.count }})</h4>
</div>
<div class="modal-body">
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ uploadStatus.percentDone || 0 }}%"></div>
</div>
<p class="no-wrap">{{ uploadStatus.fileName }}</p>
</div>
<div class="modal-footer" style="text-align: left;">
<small>Do not refresh the page until upload has finished.</small>
</div>
</div>
</div>
</div>
<div class="main-container animateMe ng-hide layout-root" ng-show="initialized">
<div class="layout-content container">
<br/>
@@ -161,12 +181,6 @@
<br/>
<div ng-show="uploadStatus.busy">
<div class="progress progress-striped active animateMeOpacity">
<div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ uploadStatus.percentDone || 5 }}%">Uploading files</div>
</div>
</div>
<table class="table table-hover" style="margin: 0;">
<thead>
<tr>