1 <h1 mat-dialog-title>{{credential}}</h1>
3 <div mat-dialog-content >
4 <mat-form-field style="width: 100%;justify-content: center;">
5 <input matInput placeholder="IP of edge node" required>
8 <mat-form-field style="width: 100%;justify-content: center;">
9 <input matInput placeholder="Username of edge node" required>
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>
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>
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>
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>