src/app/components/app-status/app-status.component.html [24:32]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  <div class="status-wrapper flex-grid">
    <div class="chart-wrapper flex-primary">
      <app-donut-chart [data]="chartData"></app-donut-chart>
    </div>
    <div class="chart-legend flex-primary">
      <div *ngFor="let data of chartData">
        <span class="fa fa-circle" [style.color]="data.color"></span>
        <span class="legend-label">{{ data.name }}</span>
        <span class="legend-value">{{ data.value }}</span>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



src/app/components/container-status/container-status.component.html [24:32]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  <div class="status-wrapper flex-grid">
    <div class="chart-wrapper flex-primary">
      <app-donut-chart [data]="chartData"></app-donut-chart>
    </div>
    <div class="chart-legend flex-primary">
      <div *ngFor="let data of chartData">
        <span class="fa fa-circle" [style.color]="data.color"></span>
        <span class="legend-label">{{ data.name }}</span>
        <span class="legend-value">{{ data.value }}</span>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -