<h2 mat-dialog-title *ngIf="dialogData.action == 'REG'" style="text-align:
  center;">Registrar Equipo de Trabajo</h2>
<h2 mat-dialog-title *ngIf="dialogData.action == 'UPD'" style="text-align:
  center;">Modificación Equipo de Trabajo</h2>
<h2 mat-dialog-title *ngIf="dialogData.action == 'DET'" style="text-align:
  center;">Detalles Equipo de Trabajo</h2>
<mat-dialog-content style="padding: 0 24px 0 24px !important;">
  <div class="is-loading" *ngIf="isLoading">
    <mat-spinner></mat-spinner>
    <h1>Cargando...</h1>
  </div>
  <div [formGroup]="formGroup" *ngIf="!isLoading">
    <p>
      <mat-form-field appearance="outline" style="width: 100%; padding-top:
        10px;">
        <mat-label>Nombre del Equipo</mat-label>
        <input formControlName="name" matInput placeholder="Equipo de reparación" style="width: 100%!important;" maxlength="100"
          [readonly]="enable == '1' ? false : true">
        <mat-error>El Campo Nombre del Equipo es Obligatorio</mat-error>
      </mat-form-field>
    </p>
    <p>
      <mat-form-field appearance="outline" style="width: 100%;">
        <mat-label>Especialidad</mat-label>
        <input formControlName="speciality" matInput placeholder="Soldar equipos pesados" maxlength="100" [readonly]="enable == '1' ? false : true">
        <mat-error>El Campo Especialidad es Obligatorio</mat-error>
      </mat-form-field>
    </p>
    <div *ngIf="enable == '0'">
      <h3 style="font-weight:bold; margin-bottom: 0px;">Miembros del equipo</h3>
      <mat-list>
        <mat-list-item *ngFor="let member of members" style="margin: 0px">
          <span matListItemTitle>{{ member.NAME }}</span>
        </mat-list-item>
      </mat-list>
    </div>
  </div>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button mat-dialog-close color="warn" style="margin-right: 10px;">Cerrar</button>
  <button *ngIf="dialogData.action != 'DET'" mat-button color="primary"
    class="override-no-shadow"
    (click)="this.alert(dialogData.action)" [disabled]="formGroup.invalid">{{dialogData.action
    == "REG" ? "Registrar" : "Guardar"}}</button>
</mat-dialog-actions>
