bptlab/scylla-ui

<mat-card>
  <mat-card-title>Details: <strong>{{resource.type}}</strong></mat-card-title>
  <mat-card-content>
    This is a detailed overview of the <strong>{{resource.type}}</strong> resource. See the KPIs of the whole simulation
    scenario and the values for the resource instances below.
  </mat-card-content>
</mat-card>
<mat-card>
  <mat-card-title>{{resource.type}}</mat-card-title>
  <mat-card-content>
    <app-resource-kpi [statistics]="resource" [timeUnit]="timeUnit"></app-resource-kpi>
  </mat-card-content>
</mat-card>
<div *ngFor="let instance of resource.instances">
  <mat-card>
    <mat-card-title>
      Instance {{ instance.id }}
    </mat-card-title>
    <mat-card-content>
      Cost: {{instance.cost}},
      Time available: {{instance.time.available | number:'1.2-2'}},
      Workload: {{instance.time.workload | number:'1.2-2'}}
    </mat-card-content>
  </mat-card>
</div>