<h1 mat-dialog-title>{{type == 'new' ? 'Registrar nuevo' : 'Editar'}} SCADA</h1>
<div mat-dialog-content>
  <mat-form-field appearance="outline" class="w-100 mt-8">
    <mat-label>Nombre del SCADA</mat-label>
    <input matInput placeholder="Ingrese el nombre del SCADA" [(ngModel)]="nombreSCADA">
    <mat-icon matSuffix>sensors</mat-icon>
  </mat-form-field>
</div>
<mat-dialog-actions align="end">
  <button mat-button mat-dialog-close cdkFocusInitial>Cancelar</button>
  <button mat-button (click)="validateName()">{{type == 'new' ? 'Registrar SCADA' : 'Guardar cambios'}}</button>
  <button [mat-dialog-close]="nombreSCADA + '|' + type" class="hidden" #regButton></button>
</mat-dialog-actions>