<h1 mat-dialog-title class="prevent-select">Documentos del usuario {{ employeeName }}</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 pt-64" *ngIf="!isLoading && hasError">
    <mat-icon class="red_primary_font">error</mat-icon>
    <h2>{{ errorStr }}</h2>
  </div>
  <div class="animated fadeIn documents-details-column" *ngIf="!isLoading && !hasError">
    <div class="attached-header">
      <div class="attached-cell expanded">Nombre</div>
      <div class="attached-cell w-100p">Peso</div>
      <div class="attached-cell w-85p">Acciones</div>
    </div>
    <div class="attached-row" *ngFor="let file of attached">
      <div class="attached-cell expanded">
        {{ file.name }}
      </div>
      <div class="attached-cell w-100p">
        {{ file.size }}
      </div>
      <div class="attached-cell w-85p">
        <button mat-mini-fab class="green_primary_background white_font override_no_shadow" matTooltip="Descargar archivo" (click)="downloadFile(file.id)">
          <mat-icon>download</mat-icon>
        </button>
      </div>
    </div>
    <a class="hidden" id="file"></a>
  </div>
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close>Cerrar</button>
</div>
