<!--<h1 mat-dialog-title class="prevent-select">Orden #{{ idOrder }}</h1>
<div mat-dialog-content class="prevent-select">
  <div class="is-loading animated fadeIn fast" *ngIf="isLoading">
    <mat-spinner align="center"></mat-spinner>
    <h3>Cargando datos ...</h3>
  </div>
  <div class="has-error animated fadeIn mt-50" *ngIf="!isLoading && hasError">
    <mat-icon class="red_primary_font">error</mat-icon>
    <h2>{{ errorStr }}</h2>
  </div>
  <div class="event-details animated fadeIn" *ngIf="!isLoading && !hasError">
    <div class="event-displayed-title bold animated fadeIn">{{ workOrder!.TITULO }}</div>
    <div class="event-displayed-info animated fadeIn">
      <div class="event-info-container">
        <div>
          <p><span class="bold">Fecha de inicio:</span> {{ orderDate(workOrder!.FECHAINICIO) }}</p>
        </div>
        <div>
          <p><span class="bold">Repeticiones:</span> {{ getRepeat(workOrder!.REPETICION, workOrder!.FECHAINICIO) }}</p>
        </div>
        <div>
          <p><span class="bold">Hora de inicio:</span> {{ getStartHour(workOrder!.HORAINICIO) }}</p>
        </div>
        <div>
          <p><span class="bold">Tiempo estimado de ejecución:</span> {{ workOrder!.TIEMPOESTIMADO }} h</p>
        </div>
        <div>
          <p><span class="bold">Detalles:</span> {{ workOrder!.DETALLE }}</p>
        </div>
        <div>
          <p><span class="bold">Análisis:</span> {{ workOrder!.ANALISIS }}</p>
        </div>
        <div>
          <p><span class="bold">Equipo:</span> {{ workOrder!.CODIGOEQUIPO }}</p>
        </div>
        <div>
          <p><span class="bold">Personal:</span><br>
            <span *ngFor="let item of getPersonal(workOrder!.PERSONAL)">
              <span style="margin-left: 8px;">Especialidad; {{ item.specialty }}</span><br>
              <span style="margin-left: 8px;">Tipo: {{ item.type }}</span><br>
              <span style="margin-left: 8px;">Personal:</span><br>
              <span style="margin-left: 16px;" *ngFor="let pers of item.staff; let i = index">
                <span>&bull; {{ pers }}</span><br *ngIf="i < item.staff.length - 1">
              </span>
            </span>
          </p>
        </div>
        <div>
          <p><span class="bold">Clasificación:</span> {{ workOrder!.CLASIFICACION }}</p>
        </div>
        <div>
          <p><span class="bold">Prioridad:</span> {{ getPriority(workOrder!.PRIORIDAD) }}</p>
        </div>
        <div>
          <p><span class="bold">Documentación:</span>
            <span *ngIf="getDocumentation(workOrder!.DOCUMENTACION).length == 0"> Sin documentación</span>
            <span *ngIf="getDocumentation(workOrder!.DOCUMENTACION).length > 0"></span>
          </p>
        </div>
        <div>
          <p><span class="bold">Estado:</span> {{ workOrder!.ESTADO }}</p>
        </div>
        <div>
          <p><span class="bold">Usuario de última actualización:</span> {{ getUser(workOrder!.USUARIOREGISTRA, workOrder!.USUARIOMODIFICA) }}</p>
        </div>
        <div>
          <p><span class="bold">Fecha de última actualización:</span> {{ getDate(workOrder!.FECHAREGISTRO, workOrder!.FECHAMODIFICACION) }}</p>
        </div>
      </div>
    </div>
  </div>
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close>Cerrar</button>
</div>-->