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

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