+++ /dev/null
-<div class="maindiv">
- <div class="refresh">
- <button (click)="refreshPage()" mat-raised-button color="primary" type="submit">Refresh</button>
- </div>
- <div style="display:flex; justify-content: center;">
- <h3>SHELF STATUS</h3>
- </div>
- <div class="tablepage">
- <div class="monitortable">
-
- <table mat-table [dataSource]="monitorDataSource">
-
- <ng-container matColumnDef="shelfName">
- <th mat-header-cell *matHeaderCellDef> Shelf Name </th>
- <td mat-cell *matCellDef="let monitor" [ngStyle]="{'color': getColor(monitor.status)}" > {{monitor.shelfName}} </td>
- </ng-container>
-
- <ng-container matColumnDef="objType">
- <th mat-header-cell *matHeaderCellDef> Object Type </th>
- <td mat-cell *matCellDef="let monitor" [ngStyle]="{'color': getColor(monitor.status)}"> {{monitor.ObjType}} </td>
- </ng-container>
-
- <ng-container matColumnDef="currentCount">
- <th mat-header-cell *matHeaderCellDef> Current Count </th>
- <td mat-cell *matCellDef="let monitor" [ngStyle]="{'color': getColor(monitor.status)}"> {{monitor.currentCount}} </td>
- </ng-container>
-
- <ng-container matColumnDef="maxCount">
- <th mat-header-cell *matHeaderCellDef> Max Count </th>
- <td mat-cell *matCellDef="let monitor" [ngStyle]="{'color': getColor(monitor.status)}"> {{monitor.maxCount}} </td>
- </ng-container>
-
- <ng-container matColumnDef="status">
- <th mat-header-cell *matHeaderCellDef> Status </th>
- <td mat-cell *matCellDef="let monitor" [ngStyle]="{'color': getColor(monitor.status)}"> {{monitor.status}}
- </td>
- </ng-container>
-
- <ng-container matColumnDef="time">
- <th mat-header-cell *matHeaderCellDef> Time </th>
- <td mat-cell *matCellDef="let monitor" [ngStyle]="{'color': getColor(monitor.status)}" > {{monitor.time}} </td>
- </ng-container>
-
- <tr mat-header-row *matHeaderRowDef="monitorColumns"></tr>
- <tr mat-row *matRowDef="let row; columns: monitorColumns;"></tr>
- </table>
-
- <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
-
- </div>
- </div>
- <div class="image-card">
- <mat-card>
- <img id="myimage" [src]="thumbnail" style="display:block; margin-left: auto; margin-right: auto;" />
- </mat-card>
- </div>
-
-</div>
\ No newline at end of file