vid-webpack-master/src/app/healthStatus/health-status.component.html

   1 <div class="row">
   2   <div class="health-status-header">
   3     <div>
   4       <div class="row" style="margin-left: 0;">
   5         <div>
   6           <span class="title">Health Status </span>
   7         </div>
   8         <div class="lastUpdate">
   9           <div style="float: left;margin-top: 3px;"><span>Last update:  {{lastUpdatedDate | date:'MMM. dd, yyyy | HH:mm'}}</span>
  10           </div>
  11           <div class="refresh-btn" [ngClass]="{'spin' : !dataIsReady}" (click)="refreshData()">
  12             <span class="icon-refresh"></span>
  13           </div>
  14         </div>
  15       </div>
  16     </div>
  17   </div>
  18 </div>
  19 <div class="row">
  20   <table id="health-status-table" class="table table-bordered">
  21     <tbody>
  22       <tr class="row spaceUnder" *ngFor="let componentStatus of componentStatuses" [attr.data-tests-id]="'component-'+componentStatus?.component">
  23         <td class="col-md-1 col-xs-1 component-name"
  24             [attr.data-tests-id]="'component-name-'+componentStatus?.component"
  25             [ngClass]="isAvailable(componentStatus) ? 'border-is-ok': 'border-not-ok'">
  26           {{componentStatus?.component}}
  27         </td>
  28         <td class="col-md-11 col-xs-3 component-metadata-cell"
  29             [attr.data-tests-id]="'component-metadata-'+componentStatus?.component"
  30             [ngClass]="isAvailable(componentStatus) ? 'border-is-ok': 'border-not-ok'">
  31           <pre class="component-metadata">{{getMetadata(componentStatus) | json}}</pre>
  32         </td>
  33       </tr>
  34     </tbody>
  35   </table>
  36 </div>