<h1 mat-dialog-title class="prevent-select">Notificación #{{ idNotification }}</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="dialog_details_column animated fadeIn" *ngIf="!isLoading && !hasError">
    <h2>{{ notification!.TITULO }}</h2>
    <h3>{{ notification!.MODULO }}</h3><br>
    <p>{{ notification!.CUERPO_NOTIFICACION }}</p>
  </div>
</div>
<div mat-dialog-actions align="end" *ngIf="notification == null">
  <button mat-button mat-dialog-close>Cerrar</button>
</div>
<div mat-dialog-actions align="end" *ngIf="notification != null">
  <button mat-button mat-dialog-close>Cerrar</button>
  <button mat-button *ngFor="let item of notification.ACCIONES_ARR!" (click)="executeNotificationAction(item.FUNCION, item.PARAMETROS)">
    {{ item.BOTON }}
  </button>
</div>