Open-ILS/src/eg2/src/app/share/dialog/progress.component.html

   1 <ng-template #dialogContent>
   2   <div class="modal-header">
   3     <h4 *ngIf="dialogTitle" class="modal-title">{{dialogTitle}}</h4>
   4     <button type="button" class="btn-close btn-close-white"
   5       i18n-aria-label aria-label="Close"
   6       (click)="close()"></button>
   7   </div>
   8
   9   <div class="modal-body eg-progress-dialog">
  10
  11     <div *ngIf="hasValue() && hasMax()">
  12       <!-- determinate progress bar.  shows max/value progress -->
  13       <div class="col-lg-10">
  14         <progress max="{{max}}" value="{{value}}"></progress>
  15       </div>
  16       <div class="col-lg-2">{{percent()}}%</div>
  17     </div>
  18
  19     <div *ngIf="hasValue() && !hasMax()">
  20       <!-- semi-determinate progress bar.  shows value -->
  21       <div class="col-lg-10"><progress max="1"></progress></div>
  22       <div class="col-lg-2">{{value}}...</div>
  23     </div>
  24
  25     <div *ngIf="!hasValue()">
  26       <!-- indeterminate -->
  27       <div class="col-lg-12"><progress max="1"></progress></div>
  28     </div>
  29
  30   </div>
  31 </ng-template>