blueprints/common/eliot-ui/frontend-src/src/app/pods/pods.component.html

   1 <div class="maindiv">
   2
   3     <!-- <div class="centerdiv"></div> -->
   4
   5         <div class="dropdown">
   6             <div class="options">
   7                 <button color="primary" mat-fab aria-label matTooltip="UPDATE">
   8                     <mat-icon (click)="getPodsNamespace(value)">update</mat-icon>
   9                 </button>
  10                 <mat-form-field class="filter">
  11
  12                     <mat-select placeholder="Edgewise Filter" [(ngModel)]="selectedNode"
  13                         (ngModelChange)="onNodeSelection()">
  14                         <mat-option *ngFor="let node of nodesArray" [value]="node.value">
  15                             {{ node.viewValue }}
  16                         </mat-option>
  17                     </mat-select>
  18                 </mat-form-field>
  19             </div>
  20         </div>
  21         <div class="tablepage">
  22             <div>
  23                 <mat-form-field class="filter">
  24                     <input matInput (keyup)="podFilter($event.target.value)" placeholder="Filter">
  25                 </mat-form-field>
  26             </div>
  27
  28             <div class="podtable">
  29
  30                 <table mat-table [dataSource]="podDataSource">
  31
  32
  33
  34
  35                     <ng-container matColumnDef="namespace">
  36                         <th mat-header-cell *matHeaderCellDef> Namespace </th>
  37                         <td mat-cell *matCellDef="let eliot"> {{eliot.namespace}} </td>
  38                     </ng-container>
  39
  40                     <ng-container matColumnDef="name">
  41                         <th mat-header-cell *matHeaderCellDef> Name </th>
  42                         <td mat-cell *matCellDef="let eliot"> {{eliot.name}} </td>
  43                     </ng-container>
  44
  45                     <ng-container matColumnDef="ready">
  46                         <th mat-header-cell *matHeaderCellDef> Ready </th>
  47                         <td mat-cell *matCellDef="let eliot"> {{eliot.ready}} </td>
  48                     </ng-container>
  49
  50                     <ng-container matColumnDef="status">
  51                         <th mat-header-cell *matHeaderCellDef> Status </th>
  52                         <td mat-cell *matCellDef="let eliot"> {{eliot.status}} </td>
  53                     </ng-container>
  54
  55                     <ng-container matColumnDef="restarts">
  56                         <th mat-header-cell *matHeaderCellDef> Restarts </th>
  57                         <td mat-cell *matCellDef="let eliot"> {{eliot.restarts}} </td>
  58                     </ng-container>
  59
  60                     <ng-container matColumnDef="age">
  61                         <th mat-header-cell *matHeaderCellDef> Age </th>
  62                         <td mat-cell *matCellDef="let eliot"> {{eliot.age}} </td>
  63                     </ng-container>
  64
  65                     <ng-container matColumnDef="ip">
  66                         <th mat-header-cell *matHeaderCellDef> IP </th>
  67                         <td mat-cell *matCellDef="let eliot"> {{eliot.ip}} </td>
  68                     </ng-container>
  69
  70                     <ng-container matColumnDef="node">
  71                         <th mat-header-cell *matHeaderCellDef> Node </th>
  72                         <td mat-cell *matCellDef="let eliot"> {{eliot.node}} </td>
  73                     </ng-container>
  74
  75                     <ng-container matColumnDef="nominated">
  76                         <th mat-header-cell *matHeaderCellDef> Nominated Node </th>
  77                         <td mat-cell *matCellDef="let eliot"> {{eliot.nominated}} </td>
  78                     </ng-container>
  79
  80                     <ng-container matColumnDef="readiness">
  81                         <th mat-header-cell *matHeaderCellDef> Readiness Gates </th>
  82                         <td mat-cell *matCellDef="let eliot"> {{eliot.readiness}} </td>
  83                     </ng-container>
  84
  85                     <tr mat-header-row *matHeaderRowDef="podColumns"></tr>
  86                     <tr mat-row *matRowDef="let row; columns: podColumns;"></tr>
  87                 </table>
  88
  89                 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
  90
  91             </div>
  92         </div>
  93
  94 </div>