blueprints/common/eliot-ui/frontend-src/src/app/nodes/dialog-overview-example-dialog.html

   1 <h1 mat-dialog-title>{{credential}}</h1>
   2
   3 <div mat-dialog-content >
   4     <mat-form-field style="width: 100%;justify-content: center;">
   5         <input matInput placeholder="IP of edge node" required>
   6     </mat-form-field>
   7
   8     <mat-form-field style="width: 100%;justify-content: center;">
   9         <input matInput placeholder="Username of edge node" required>
  10     </mat-form-field>
  11
  12     <mat-form-field style="width: 100%;justify-content: center;">
  13         <input matInput placeholder="Password of edge node"  required [type]="hide ? 'password' : 'text'">
  14         <mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility_off':'visibility'}}</mat-icon>
  15     </mat-form-field>
  16
  17 </div>
  18
  19 <div mat-dialog-content *ngIf="deleteNode">
  20     <mat-form-field style="width: 100%;justify-content: center;">
  21         <input matInput placeholder="IP of edge node" required>
  22     </mat-form-field>
  23 </div>
  24
  25 <div mat-dialog-content *ngIf="editNode">
  26     <mat-form-field style="width: 100%;justify-content: center;">
  27         <input matInput placeholder="IP of edge node" required>
  28     </mat-form-field>
  29 </div>
  30
  31 <div mat-dialog-actions style="display:flex; justify-content: center;">
  32     <button mat-button [mat-dialog-close]="data.animal" cdkFocusInitial >Submit</button>
  33     <button mat-button (click)="onNoClick()">Cancel</button>
  34 </div>