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

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