apps/workbench/app/views/collections/_show_upload.html.erb

   1 <div class="arv-log-refresh-control"
   2      data-load-throttle="86486400000" <%# 1001 nights %>
   3      ></div>
   4 <div ng-cloak ng-controller="UploadToCollection" arv-uuid="<%= @object.uuid %>">
   5   <div class="panel panel-primary">
   6     <div class="panel-body">
   7       <div class="row">
   8         <div class="col-sm-4">
   9           <input type="file" multiple ng-model="incoming" onchange="angular.element(this).scope().addFilesToQueue(this.files); $(this).val('');">
  10           <div class="btn-group btn-group-sm" role="group" style="margin-top: 1.5em">
  11             <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>
  12             <button type="button" class="btn btn-primary" ng-click="go()" ng-disabled="uploader.state == 'Running' || uploadQueue.length == 0"><i class="fa fa-fw fa-play"></i> Start</button>
  13           </div>
  14         </div>
  15         <div class="col-sm-8">
  16           <div ng-show="uploader.state == 'Running'"
  17                class="alert alert-info"
  18                ><i class="fa fa-gear"></i>
  19             Upload in progress.
  20             <span ng-show="countDone() > 0">
  21               {{countDone()}} file{{countDone()>1?'s':''}} finished.
  22             </span>
  23           </div>
  24           <div ng-show="uploader.state == 'Idle' && uploader.stateReason"
  25                class="alert alert-success"
  26                ><i class="fa fa-flag-checkered"></i> {{uploader.stateReason}}
  27           </div>
  28           <div ng-show="uploader.state == 'Failed'"
  29                class="alert alert-danger"
  30                ><i class="fa fa-warning"></i> {{uploader.stateReason}}
  31           </div>
  32         </div>
  33       </div>
  34     </div>
  35   </div>
  36   <div ng-repeat="upload in uploadQueue" class="row" ng-class="{lighten: upload.committed}">
  37     <div class="col-sm-1">
  38       <button class="btn btn-xs btn-default"
  39               ng-show="!upload.committed"
  40               ng-click="removeFileFromQueue($index)"
  41               title="cancel"><i class="fa fa-fw fa-times"></i></button>
  42       <span class="label label-success label-info"
  43             ng-show="upload.committed">finished</span>
  44     </div>
  45     <div class="col-sm-4 nowrap" style="overflow-x:hidden;text-overflow:ellipsis">
  46       <span title="{{upload.file.name}}">
  47         {{upload.file.name}}
  48       </span>
  49     </div>
  50     <div class="col-sm-1" style="text-align: right">
  51       {{upload.file.size/1024 | number:0}}K
  52     </div>
  53     <div class="col-sm-2">
  54       <div class="progress">
  55         <span class="progress-bar" style="width: {{upload.progress}}%"></span>
  56       </div>
  57     </div>
  58     <div class="col-sm-4" ng-class="{lighten: upload.state != 'Uploading'}">
  59       {{upload.statistics}}
  60     </div>
  61   </div>
  62 </div>