<div class="panel-body">
<div class="row">
<div class="col-sm-4">
- <input type="file" multiple ng-model="incoming" onchange="angular.element(this).scope().addFilesToQueue(this.files); $(this).val('');">
+ <input type="file" multiple id="file_selector" ng-model="incoming" onchange="angular.element(this).scope().addFilesToQueue(this.files); $(this).val('');">
<div class="btn-group btn-group-sm" role="group" style="margin-top: 1.5em">
<button type="button" class="btn btn-default" ng-click="stop()" ng-disabled="uploader.state !== 'Running'"><i class="fa fa-fw fa-pause"></i> Pause</button>
<button type="button" class="btn btn-primary" ng-click="go()" ng-disabled="uploader.state === 'Running' || countInStates(['Paused', 'Queued']) === 0"><i class="fa fa-fw fa-play"></i> Start</button>
</div>
<div ng-show="uploader.state === 'Idle' && uploader.stateReason"
class="alert alert-success"
- ><i class="fa fa-flag-checkered"></i> {{uploader.stateReason}}
+ ><i class="fa fa-fw fa-flag-checkered"></i> {{uploader.stateReason}}
</div>
<div ng-show="uploader.state === 'Failed'"
class="alert alert-danger"
- ><i class="fa fa-warning"></i> {{uploader.stateReason}}
+ ><i class="fa fa-fw fa-warning"></i> {{uploader.stateReason}}
+ </div>
+ <div ng-show="uploader.state === 'Stopped'"
+ class="alert alert-info"
+ ><i class="fa fa-fw fa-info"></i> Paused. Click the Start button to resume uploading.
</div>
</div>
</div>
</div>
</div>
- <div ng-repeat="upload in uploadQueue" class="row" ng-class="{lighten: upload.committed}">
+ <div ng-repeat="upload in uploadQueue" class="row" ng-class="{lighten: upload.state==='Done'}">
<div class="col-sm-1">
<button class="btn btn-xs btn-default"
- ng-show="!upload.committed"
+ ng-show="upload.state!=='Done'"
ng-click="removeFileFromQueue($index)"
title="cancel"><i class="fa fa-fw fa-times"></i></button>
<span class="label label-success label-info"
- ng-show="upload.committed">finished</span>
+ ng-show="upload.state==='Done'">finished</span>
</div>
<div class="col-sm-4 nowrap" style="overflow-x:hidden;text-overflow:ellipsis">
<span title="{{upload.file.name}}">