3 <app-toolbar></app-toolbar>
5 <div class="centerdiv">
6 <div class="mat-elevation-z8">
11 <button color="primary" mat-fab aria-label matTooltip="UPDATE">
13 <mat-icon (click)="getServices()">update</mat-icon>
17 <mat-form-field class="filter">
19 <mat-select placeholder="Edgewise Filter" [(ngModel)]="selectedNode"
20 (ngModelChange)="onNodeSelection()">
21 <mat-option *ngFor="let node of nodesArray" [value]="node.value">
30 <div class="tablepage">
32 <mat-form-field class="filter">
33 <input matInput (keyup)="serviceFilter($event.target.value)" placeholder="Filter">
37 <div class="podtable">
39 <table mat-table [dataSource]="serviceDataSource">
41 <ng-container matColumnDef="serviceName">
42 <th mat-header-cell *matHeaderCellDef> Name </th>
43 <td mat-cell *matCellDef="let eliot"> {{eliot.serviceName}} </td>
46 <ng-container matColumnDef="serviceType">
47 <th mat-header-cell *matHeaderCellDef> Type </th>
48 <td mat-cell *matCellDef="let eliot"> {{eliot.serviceType}} </td>
51 <ng-container matColumnDef="clusterIp">
52 <th mat-header-cell *matHeaderCellDef> Cluster IP </th>
53 <td mat-cell *matCellDef="let eliot"> {{eliot.clusterIp}} </td>
56 <ng-container matColumnDef="externalIp">
57 <th mat-header-cell *matHeaderCellDef> External IP </th>
58 <td mat-cell *matCellDef="let eliot"> {{eliot.externalIp}} </td>
61 <ng-container matColumnDef="ports">
62 <th mat-header-cell *matHeaderCellDef> Ports </th>
63 <td mat-cell *matCellDef="let eliot"> {{eliot.ports}} </td>
66 <ng-container matColumnDef="age">
67 <th mat-header-cell *matHeaderCellDef> Age </th>
68 <td mat-cell *matCellDef="let eliot"> {{eliot.age}} </td>
71 <ng-container matColumnDef="selector">
72 <th mat-header-cell *matHeaderCellDef> Selector </th>
73 <td mat-cell *matCellDef="let eliot"> {{eliot.selector}} </td>
77 <tr mat-header-row *matHeaderRowDef="serviceColumns"></tr>
78 <tr mat-row *matRowDef="let row; columns: serviceColumns;"></tr>
81 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>