<h1 mat-dialog-title class="prevent-select">{{ data.TITULO }}</h1>
<div mat-dialog-content class="prevent-select">
  <p>
    <span *ngIf="data.USRMOD == null">
      {{ data.USRREG }} publicó el siguiente aviso:<br><br>
    </span>
    <span *ngIf="data.USRMOD != null">
      {{ data.USRMOD }} publicó el siguiente aviso:<br><br>
    </span>
    <span [innerHTML]="data.CONTENIDO"></span>
  </p>
  <h2 *ngIf="dataSource.length > 0">Archivos adjuntos</h2>
  <table [hidden]="!(dataSource.length > 0)" mat-table [dataSource]="dataSource!" style="width: 350px;">
    <ng-container matColumnDef="name">
      <th mat-header-cell *matHeaderCellDef>Nombre</th>
      <td mat-cell *matCellDef="let row">{{ row.name }}</td>
    </ng-container>

    <ng-container matColumnDef="size">
      <th mat-header-cell *matHeaderCellDef>Peso</th>
      <td mat-cell *matCellDef="let row">{{ formatBytes(row.size) }}</td>
    </ng-container>

    <ng-container matColumnDef="actions">
      <th mat-header-cell *matHeaderCellDef>Acciones</th>
      <td mat-cell *matCellDef="let row">
        <button mat-mini-fab class="no_shadow" matTooltip="Descargar archivo" (click)="downloadFile(row.id)" [disabled]="!downloadEnabled" 
        [ngClass]="{ green_primary_background: downloadEnabled, white_font: downloadEnabled }">
          <mat-icon>download</mat-icon>
        </button>
        <a target="_blank" [id]="'download-' + row.id"></a>
      </td>
    </ng-container>

    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>

    <tr class="mat-row" *matNoDataRow>
      <td class="mat-cell" colspan="5">No se adjuntaron archivos</td>
    </tr>
  </table>
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close>Cerrar</button>
</div>
