LP1821382 Angular grid inline load progress indicator.

Display an indeterminate progress indicator while the grid is waiting
for data to arrive.

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Dan Wells <dbw2@calvin.edu>

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid.component.html b/Open-ILS/src/eg2/src/app/share/grid/grid.component.html
index dd46246..4a6ae6e 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid.component.html
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid.component.html
@@ -16,15 +16,15 @@
   </eg-grid-print>
 
   <ng-container *ngIf="dataSource.data.length == 0">
-    <div class="row">>
+    <div class="row">
       <ng-container *ngIf="dataSource.requestingData">
         <div class="col-lg-6 offset-lg-3 text-center mt-3">
-         <eg-progress-inline></eg-progress-inline>
+          <eg-progress-inline></eg-progress-inline>
         </div>
       </ng-container>
       <ng-container *ngIf="!dataSource.requestingData">
-        <div class="col-lg-12 text-center alert alert-light font-italic" i18n>
-          Nothing to Display
+        <div class="col-lg-12 text-center alert alert-light font-italic">
+          <span i18n>Nothing to Display</span>
         </div>
       </ng-container>
     </div>