<h1>
  Federated Storage Infrastructure for IoT Sensor Data
  <span *ngFor="let storage of storageHealth | keyvalue" style="font-size: 11px;">
    <span *ngIf="storage.key; else healthFailure" style="color: green; float: right">{{storage.key}} ✓ </span>
    <ng-template #healthFailure style="color: red; float: right">{{storage.key}} x </ng-template>
  </span>
</h1>

<mat-tab-group *ngIf="storageHealth; else loading">
  <mat-tab label="Images">
    <app-images [images]="images" (reload)="loadImages()"></app-images>
  </mat-tab>
  <mat-tab label="Map">
    <app-map [images]="images"></app-map>
  </mat-tab>
</mat-tab-group>

<ng-template #loading>
  Loading ...
</ng-template>
