start of progress indicator and animation

2020-04-05 11:50:05 -04:00
parent 8199e0a7a9
commit f205ce14c1
5 changed files with 58 additions and 4 deletions
@@ -7,7 +7,8 @@
    <span>Tech UI</span>
  </div>
 </div>
-<div fxLayout="column" fxLayoutGap="16px" class="grid-container">
+<mat-progress-bar mode="determinate" value="20"></mat-progress-bar>
+<div fxLayout="column" fxLayoutGap="16px" class="grid-container" [@loading]="isLoading ? 'start' : 'done'">
  <div fxLayout="row" fxLayoutGap="16px" fxLayoutAlign="space-between stretch">
    <app-chart [type]=folderChart fxFlex="50"></app-chart>
    <app-chart [type]=deviceChart fxFlex="50"></app-chart>