D-Net

<p-table [value]="documentsBatch" [lazy]="true" (onLazyLoad)="loadDocuments($event)" [paginator]="true" [rows]="5"

  styleClass="p-datatable-gridlines" [rowHover]="true" [totalRecords]="totalRecords" [loading]="loading"

  [autoLayout]="true" [lazyLoadOnInit]="false">

  <ng-template pTemplate="header">

    <tr>

      <th>Received Date</th>

      <th>File Code</th>

      <th>File Name</th>

      <th>File Type</th>

      <th>iPower Client Code</th>

      <th>Personal Data</th>

      <th>Status</th>

      <th class="four-buttons">Actions</th>

    </tr>

  </ng-template>

  <ng-template let-document pTemplate="body">

    <tr>

      <td>{{document?.receivedFile?.rtaReceivedDate | date: "dd/MM/yyyy HH:mm"}}</td>

      <td>{{document?.receivedFile?.dmsDocumentNumber}}</td>

      <td>{{document?.receivedFile?.dmsFileName}}</td>

      <td>{{document?.receivedFile?.dmsFileType}}</td>

      <td>{{document?.receivedFile?.dmsClientCode}}</td>

      <td>{{document?.receivedFile?.dmsPersonalData}}</td>

      <td>{{document?.documentCurrentStatusId?.name}}</td>

      <td>

        <p-button (onClick)="showOrDownloadFile(document?.receivedFile)" icon="pi pi-file-o"

          styleClass="p-button-secondary p-button-rounded p-button-outlined"

          pTooltip="{{'PREVIEW-DOCUMENT' | translate}}">

        </p-button>

        <p-button (onClick)="forwardDialog(document)" icon="pi pi-directions"

          styleClass="p-button-secondary p-button-rounded p-button-outlined p-ml-2"

          pTooltip="{{'SEND-TO-ABBY' | translate}}">

        </p-button>

        <p-button (onClick)="editClassDialog(document, 'Classification of Document')" icon="pi pi-tag"

          styleClass="p-button-secondary p-button-rounded p-button-outlined p-ml-2" [disabled]="!canPreviewByUA()"

          pTooltip="{{'EDIT-CATEGORY' | translate}}">

        </p-button>

        <p-button (onClick)="ignoreDialog(document)"

          styleClass="p-button-secondary p-button-rounded p-button-outlined p-ml-2" [disabled]="!canPreviewByUA()"

          [icon]="changeIcon(document)" pTooltip="{{'EDIT-IGNORE-STATUS' | translate}}">

        </p-button>

      </td>

    </tr>

  </ng-template>

</p-table>