| Sonsino, Ofir (os0695) | ff76b5e | 2018-07-10 15:57:37 +0300 | [diff] [blame] | 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> |