D-Net

<div id="content">

<!--  //TODO make this and the other tables a generic Component-->

  <div class="p-grid" id="tableContainer">

    <div class="p-col-12">

      <p-table [lazy]="true"

               [value]="documents"

               styleClass="p-datatable-gridlines"

               [rowHover]="true"

               [autoLayout]="true">

        <ng-template pTemplate="header">

          <tr>

            <th>Received Date</th>

            <th>Doc Name</th>

            <th>Doc Type</th>

            <th>Doc Code</th>

            <th>iPower Client Code</th>

            <th class="one-button">Preview Document</th>

          </tr>

        </ng-template>

        <ng-template let-document

                     pTemplate="body">

          <tr>

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

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

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

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

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

            <td>

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

                        icon="pi pi-file-o"

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

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

              </p-button>

            </td>

          </tr>

        </ng-template>

      </p-table>

    </div>

  </div>

  <div class="p-grid p-justify-center">

    <div class="p-m-4"

         id="title">

      Forward the document to ABBY for data capturing?

    </div>

    <div class="p-col-12"

         style="text-align: center;">

      <button class="p-button-warning"

                id="cancelBtn"

                label="Cancel"

                type="button"

                pButton

                (click)="closeDialog()">

      </button>

      <button class="p-button-primary"

                label="Forward"

                type="button"

                pButton

                (click)="onForward()">

      </button>

    </div>

  </div>

</div>