3 <!-- <div class="centerdiv"></div> -->
5 <app-toolbar></app-toolbar>
7 <div class="mat-elevation-z8">
8 <div class="whole-features">
11 <button color="primary" mat-fab aria-label matTooltip="UPDATE">
12 <!-- <mat-icon (click)="getPodsNamespace(value)">update</mat-icon> -->
13 <mat-icon>update</mat-icon>
15 <mat-form-field class="filter">
17 <mat-select placeholder="Edgewise Filter" [(ngModel)]="selectedNode"
18 (ngModelChange)="onNodeSelection()">
19 <mat-option *ngFor="let node of nodesArray" [value]="node.value">
27 <div class="tablepage">
29 <mat-form-field class="filter">
30 <input matInput (keyup)="podFilter($event.target.value)" placeholder="Filter">
34 <div class="podtable">
36 <table mat-table [dataSource]="podDataSource">
38 <ng-container matColumnDef="namespace">
39 <th mat-header-cell *matHeaderCellDef> Namespace </th>
40 <td mat-cell *matCellDef="let eliot"> {{eliot.namespace}} </td>
43 <ng-container matColumnDef="name">
44 <th mat-header-cell *matHeaderCellDef> Name </th>
45 <td mat-cell *matCellDef="let eliot"> {{eliot.name}} </td>
48 <ng-container matColumnDef="ready">
49 <th mat-header-cell *matHeaderCellDef> Ready </th>
50 <td mat-cell *matCellDef="let eliot"> {{eliot.ready}} </td>
53 <ng-container matColumnDef="status">
54 <th mat-header-cell *matHeaderCellDef> Status </th>
55 <td mat-cell *matCellDef="let eliot"> {{eliot.status}} </td>
58 <ng-container matColumnDef="restarts">
59 <th mat-header-cell *matHeaderCellDef> Restarts </th>
60 <td mat-cell *matCellDef="let eliot"> {{eliot.restarts}} </td>
63 <ng-container matColumnDef="age">
64 <th mat-header-cell *matHeaderCellDef> Age </th>
65 <td mat-cell *matCellDef="let eliot"> {{eliot.age}} </td>
68 <ng-container matColumnDef="ip">
69 <th mat-header-cell *matHeaderCellDef> IP </th>
70 <td mat-cell *matCellDef="let eliot"> {{eliot.ip}} </td>
73 <ng-container matColumnDef="node">
74 <th mat-header-cell *matHeaderCellDef> Node </th>
75 <td mat-cell *matCellDef="let eliot"> {{eliot.node}} </td>
78 <ng-container matColumnDef="nominated">
79 <th mat-header-cell *matHeaderCellDef> Nominated Node </th>
80 <td mat-cell *matCellDef="let eliot"> {{eliot.nominated}} </td>
83 <ng-container matColumnDef="readiness">
84 <th mat-header-cell *matHeaderCellDef> Readiness Gates </th>
85 <td mat-cell *matCellDef="let eliot"> {{eliot.readiness}} </td>
88 <tr mat-header-row *matHeaderRowDef="podColumns"></tr>
89 <tr mat-row *matRowDef="let row; columns: podColumns;"></tr>
92 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>