LP1821382 Angular grid inline load progress indicator.
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / share / grid / grid.component.html
1
2 <div class="eg-grid" role="grid">
3
4   <eg-grid-toolbar
5     [gridContext]="context"
6     [gridPrinter]="gridPrinter"
7     [colWidthConfig]="colWidthConfig">
8   </eg-grid-toolbar>
9
10   <eg-grid-header [context]="context"></eg-grid-header>
11
12   <eg-grid-column-width #colWidthConfig [gridContext]="context">
13   </eg-grid-column-width>
14
15   <eg-grid-print #gridPrinter [gridContext]="context">
16   </eg-grid-print>
17
18   <ng-container *ngIf="dataSource.data.length == 0">
19     <div class="row">
20       <ng-container *ngIf="dataSource.requestingData">
21         <div class="col-lg-6 offset-lg-3 text-center mt-3">
22           <eg-progress-inline></eg-progress-inline>
23         </div>
24       </ng-container>
25       <ng-container *ngIf="!dataSource.requestingData">
26         <div class="col-lg-12 text-center alert alert-light font-italic">
27           <span i18n>Nothing to Display</span>
28         </div>
29       </ng-container>
30     </div>
31   </ng-container>
32
33   <eg-grid-body [context]="context"></eg-grid-body>
34 </div>
35