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.hasvalue() && data.hasmax()">
  11         <!-- determinate progress bar.  shows max/value progress -->
  12         <div class="col-md-10">
  13           <progress max="{{data.max}}" value="{{data.value}}"></progress>
  14         </div>
  15         <div class="col-md-2">{{data.percent()}}%</div>
  16       </div>
  17
  18       <div ng-if="data.hasvalue() && !data.hasmax()">
  19         <!-- semi-determinate progress bar.  shows value -->
  20         <div class="col-md-10"><progress max="1"></progress></div>
  21         <div class="col-md-2">{{data.value}}...</div>
  22       </div>
  23
  24       <div ng-if="!data.hasvalue()">
  25         <!-- indeterminate -->
  26         <div class="col-md-12"><progress max="1"></progress></div>
  27       </div>
  28     </div>
  29   </div>
  30 </div>