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

   1 <div class="maindiv">
   2
   3     <div class="centerdiv">
   4         <div class="tablepage" *ngIf="display">
   5
   6             <div class="nodetable">
   7                 <mat-form-field >
   8                       <input matInput (keyup)="nodeFilter($event.target.value)" placeholder="Filter">
   9                 </mat-form-field>
  10
  11                 <table mat-table [dataSource]="nodeDataSource">
  12
  13                     <ng-container matColumnDef="nodeName">
  14                         <th mat-header-cell *matHeaderCellDef> Node Name </th>
  15                         <td mat-cell *matCellDef="let eliot"> {{eliot.nodeName}} </td>
  16                     </ng-container>
  17
  18                     <ng-container matColumnDef="nodeStatus">
  19                         <th mat-header-cell *matHeaderCellDef> Status </th>
  20                         <td mat-cell *matCellDef="let eliot"> {{eliot.nodeStatus}} </td>
  21                     </ng-container>
  22
  23                     <ng-container matColumnDef="nodeRole">
  24                         <th mat-header-cell *matHeaderCellDef> Roles </th>
  25                         <td mat-cell *matCellDef="let eliot"> {{eliot.nodeRole}} </td>
  26                     </ng-container>
  27
  28                     <ng-container matColumnDef="age">
  29                         <th mat-header-cell *matHeaderCellDef> age </th>
  30                         <td mat-cell *matCellDef="let eliot"> {{eliot.age}} </td>
  31                     </ng-container>
  32
  33                     <ng-container matColumnDef="version">
  34                         <th mat-header-cell *matHeaderCellDef> version </th>
  35                         <td mat-cell *matCellDef="let eliot"> {{eliot.version}} </td>
  36                     </ng-container>
  37
  38                     <ng-container matColumnDef="internalIp">
  39                         <th mat-header-cell *matHeaderCellDef> Internal IP </th>
  40                         <td mat-cell *matCellDef="let eliot"> {{eliot.internalIp}} </td>
  41                     </ng-container>
  42
  43                     <ng-container matColumnDef="externalIp">
  44                         <th mat-header-cell *matHeaderCellDef> External IP </th>
  45                         <td mat-cell *matCellDef="let eliot"> {{eliot.externalIp}} </td>
  46                     </ng-container>
  47
  48                     <ng-container matColumnDef="osImage">
  49                         <th mat-header-cell *matHeaderCellDef> OS Image </th>
  50                         <td mat-cell *matCellDef="let eliot"> {{eliot.osImage}} </td>
  51                     </ng-container>
  52
  53                     <ng-container matColumnDef="kernel">
  54                         <th mat-header-cell *matHeaderCellDef> Kernel Version </th>
  55                         <td mat-cell *matCellDef="let eliot"> {{eliot.kernel}} </td>
  56                     </ng-container>
  57
  58                     <ng-container matColumnDef="containerRuntime">
  59                         <th mat-header-cell *matHeaderCellDef> Container Runtime </th>
  60                         <td mat-cell *matCellDef="let eliot"> {{eliot.containerRuntime}} </td>
  61                     </ng-container>
  62
  63                     <tr mat-header-row *matHeaderRowDef="nodeColumns"></tr>
  64                     <tr mat-row *matRowDef="let row; columns: nodeColumns;"></tr>
  65                 </table>
  66
  67                 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
  68
  69             </div>
  70
  71         </div>
  72
  73
  74     </div>
  75 </div>