Bernd-L/exDateMan

<mat-card>
  <mat-card-header>
    <mat-card-title>{{ thing.name }}</mat-card-title>

    <mat-card-subtitle>
      <span *ngIf="thing.categoryUuids.length === 0">
        No categories set
      </span>
      <span *ngFor="let category of thing.categoryUuids">
        <!-- {{ category.name }}, -->
        {{ category }},
      </span>
    </mat-card-subtitle>
  </mat-card-header>

  <mat-card-content>
    <span *ngFor="let stock of stocks">
      {{ stock.quantity }} ({{ stock.percentLeft }}% left) *
      {{ ss.calculateExDate(stock) | date }}
      <br />
    </span>
  </mat-card-content>

  <mat-card-content *ngIf="loading">
    We're loading your stocks...
  </mat-card-content>

  <mat-card-content *ngIf="!loading && stocks.length === 0">
    There aren't any stocks yet.
  </mat-card-content>

  <mat-card-actions>
    <button
      mat-raised-button
      routerLink="{{ thing.uuid }}/stocks"
      color="accent"
    >
      Stocks
    </button>
    &nbsp;
    <button mat-stroked-button routerLink="{{ thing.uuid }}" color="basic">
      Edit
    </button>
  </mat-card-actions>
</mat-card>