Open-ILS/src/eg2/src/app/staff/cat/vandelay/recent-imports.component.html

   1 <div class="row mb-2">
   2   <div class="col-lg-6">
   3     <div class="input-group">
   4       <span class="input-group-text" i18n>Show Sessions Since: </span>
   5       <eg-date-select
   6         [initialIso]="sinceDate"
   7         (onChangeAsIso)="dateFilterChange($event)">
   8       </eg-date-select>
   9     </div>
  10   </div>
  11 </div>
  12
  13 <div *ngIf="trackers.length === 0">
  14     <div class="row">
  15         <div class="col-lg-6">
  16             <div class="alert alert-info">
  17                 <span i18n>No Import Sessions To Display</span>
  18             </div>
  19         </div>
  20     </div>
  21 </div>
  22
  23   <div class="row mb-4" *ngFor="let tracker of trackers">
  24     <div class="col-lg-12">
  25       <div class="card tight-card">
  26         <div class="card-header">
  27           <div class="panel-title">
  28             <span i18n>
  29               {{tracker.create_time() | date:'short'}} :
  30               <span class="fw-bold">{{tracker.name()}}</span>
  31             </span>
  32           </div>
  33         </div>
  34         <div class="card-body">
  35           <div class="row">
  36             <div class="col-lg-6">
  37               <!-- ensure the progress shows 100% when complete -->
  38               <eg-progress-inline
  39                 [max]="tracker.state() === 'complete' ? tracker.actions_performed() : tracker.total_actions() || null"
  40                 [value]="tracker.actions_performed()">
  41               </eg-progress-inline>
  42             </div>
  43             <div class="col-lg-6">
  44               <!-- .id (not .id()) check to see if it's fleshed yet -->
  45               <span i18n *ngIf="tracker.queue().id">
  46                 <a class="fw-bold"
  47                   routerLink="/staff/cat/vandelay/queue/{{tracker.record_type()}}/{{tracker.queue().id()}}">
  48                   Queue {{tracker.queue().name()}}
  49                 </a>
  50               </span>
  51               <span class="ps-2" *ngIf="tracker.action_type() === 'enqueue'" i18n>Enqueuing... </span>
  52               <span class="ps-2" *ngIf="tracker.action_type() === 'import'" i18n>Importing... </span>
  53               <span *ngIf="tracker.state() === 'active'" i18n>Active</span>
  54               <span *ngIf="tracker.state() === 'complete'" i18n>Complete</span>
  55               <span *ngIf="tracker.state() === 'error'" i18n>Error</span>
  56               <span class='ps-3' *ngIf="tracker.state() === 'complete'">
  57                 <span class="material-icons text-success" aria-hidden="true">thumb_up</span>
  58                 <span class="visually-hidden" i18n>Success</span>
  59               </span>
  60             </div>
  61           </div>
  62         </div>
  63       </div>
  64     </div>
  65   </div>
  66