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