3 <div class="centerdiv">
4 <div class="tablepage" *ngIf="display">
6 <div class="nodetable">
8 <input matInput (keyup)="nodeFilter($event.target.value)" placeholder="Filter">
11 <table mat-table [dataSource]="nodeDataSource">
13 <ng-container matColumnDef="nodeName">
14 <th mat-header-cell *matHeaderCellDef> Node Name </th>
15 <td mat-cell *matCellDef="let eliot"> {{eliot.nodeName}} </td>
18 <ng-container matColumnDef="nodeStatus">
19 <th mat-header-cell *matHeaderCellDef> Status </th>
20 <td mat-cell *matCellDef="let eliot"> {{eliot.nodeStatus}} </td>
23 <ng-container matColumnDef="nodeRole">
24 <th mat-header-cell *matHeaderCellDef> Roles </th>
25 <td mat-cell *matCellDef="let eliot"> {{eliot.nodeRole}} </td>
28 <ng-container matColumnDef="age">
29 <th mat-header-cell *matHeaderCellDef> age </th>
30 <td mat-cell *matCellDef="let eliot"> {{eliot.age}} </td>
33 <ng-container matColumnDef="version">
34 <th mat-header-cell *matHeaderCellDef> version </th>
35 <td mat-cell *matCellDef="let eliot"> {{eliot.version}} </td>
38 <ng-container matColumnDef="internalIp">
39 <th mat-header-cell *matHeaderCellDef> Internal IP </th>
40 <td mat-cell *matCellDef="let eliot"> {{eliot.internalIp}} </td>
43 <ng-container matColumnDef="externalIp">
44 <th mat-header-cell *matHeaderCellDef> External IP </th>
45 <td mat-cell *matCellDef="let eliot"> {{eliot.externalIp}} </td>
48 <ng-container matColumnDef="osImage">
49 <th mat-header-cell *matHeaderCellDef> OS Image </th>
50 <td mat-cell *matCellDef="let eliot"> {{eliot.osImage}} </td>
53 <ng-container matColumnDef="kernel">
54 <th mat-header-cell *matHeaderCellDef> Kernel Version </th>
55 <td mat-cell *matCellDef="let eliot"> {{eliot.kernel}} </td>
58 <ng-container matColumnDef="containerRuntime">
59 <th mat-header-cell *matHeaderCellDef> Container Runtime </th>
60 <td mat-cell *matCellDef="let eliot"> {{eliot.containerRuntime}} </td>
63 <tr mat-header-row *matHeaderRowDef="nodeColumns"></tr>
64 <tr mat-row *matRowDef="let row; columns: nodeColumns;"></tr>
67 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>