Open-ILS/src/templates/staff/share/t_progress_dialog.tt2

   1 <!--
   2   Generic progress bar wrapped in a modal dialog.
   3 -->
   4
   5 <div>
   6   <div class="modal-header"></div>
   7   <div class="modal-body">
   8     <div class="row eg-modal-progress">
   9
  10       <div ng-if="data.label">
  11         <div class="col-md-12">
  12           <h2>{{data.label}}</h2>
  13         </div>
  14       </div>
  15
  16       <div ng-if="data.hasvalue() && data.hasmax()">
  17         <!-- determinate progress bar.  shows max/value progress -->
  18         <div class="col-md-10">
  19           <progress max="{{data.max}}" value="{{data.value}}"></progress>
  20         </div>
  21         <div class="col-md-2">{{data.percent()}}%</div>
  22       </div>
  23
  24       <div ng-if="data.hasvalue() && !data.hasmax()">
  25         <!-- semi-determinate progress bar.  shows value -->
  26         <div class="col-md-10"><progress max="1"></progress></div>
  27         <div class="col-md-2">{{data.value}}...</div>
  28       </div>
  29
  30       <div ng-if="!data.hasvalue()">
  31         <!-- indeterminate -->
  32         <div class="col-md-12"><progress max="1"></progress></div>
  33       </div>
  34     </div>
  35   </div>
  36 </div>