2020-03-28 02:51:40 +01:00
|
|
|
<!--<div class="grid-container" gdAreas="header header | folders devices | status-list status-list | footer footer"
|
|
|
|
gdGap="16px" gdRows="auto auto auto"> -->
|
|
|
|
<!--<div class="grid-container" fxLayout="row" fxLayoutGap="16px grid" fxLayoutAlign="stretch">-->
|
2020-03-30 20:44:52 +02:00
|
|
|
<div class="header" fxLayout="row" fxLayoutAlign="space-between center">
|
|
|
|
<div fxLayout="row" fxLayoutGap="16px" fxLayoutAlign="start center">
|
|
|
|
<img src="assets/logo-horizontal.svg" width="150px" />
|
|
|
|
<span>Tech UI</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-04-05 17:47:25 +02:00
|
|
|
<div class="progress">
|
|
|
|
<mat-progress-bar mode="determinate" value="{{progressValue}}" [@progressBar]="isLoading ? 'start' : 'done'">
|
|
|
|
</mat-progress-bar>
|
|
|
|
</div>
|
2020-04-03 22:08:07 +02:00
|
|
|
<div fxLayout="column" fxLayoutGap="16px" class="grid-container" [@loading]="isLoading ? 'start' : 'done'">
|
2020-03-28 02:51:40 +01:00
|
|
|
<div fxLayout="row" fxLayoutGap="16px" fxLayoutAlign="space-between stretch">
|
2020-03-30 19:44:54 +02:00
|
|
|
<app-chart [type]=folderChart fxFlex="50"></app-chart>
|
|
|
|
<app-chart [type]=deviceChart fxFlex="50"></app-chart>
|
2020-03-15 22:01:19 +01:00
|
|
|
</div>
|
|
|
|
<app-status-list gdArea="status-list"></app-status-list>
|
2020-03-28 02:51:40 +01:00
|
|
|
<div></div>
|
2020-03-15 22:01:19 +01:00
|
|
|
</div>
|