xtool/contrib/mORMot/SQLite3/Samples/ThirdPartyDemos/DigDiver/AngularJS/partials/modal-upload-attachment.html

31 lines
1.2 KiB
HTML

<div class="modal-header">
<button type="button" class="close" ng-click="close()" aria-hidden="true">&times;</button>
<h4 class="modal-title">Select a File to Upload</h4>
</div>
<div class="modal-body">
<table class="em-table-fixed em-table-upload">
<tbody>
<tr ng-repeat="f in files">
<td>{{f.fileName}}</td>
<td>
<div class="progress progress-striped" ng-class="{'em-progress-bar-fallback': (!f.progressEnabled && f.status == 'uploading'), 'em-progress-bar-fallback-done': (!f.progressEnabled && f.status == 'done'), 'active': (f.progressEnabled && f.status == 'uploading') }">
<div class="progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: {{f.uploadedPct}}%">
<span class="sr-only">{{f.uploadedPct}}% Complete</span>
</div>
</div>
</td>
<td>{{f.status}}</td>
</tr>
</tbody>
</table>
<div class="file-upload-dropzone">
Drop Files here or <div grf-upload-button="1" class="btn btn-default" id="choose-files">Click to Add</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" ng-click="close()">Done</button>
</div>