Project

General

Profile

1
<div class="p-grid"
2
     id="tableContainer">
3
  <div class="p-col-12">
4
    <p-table [value]="receivedFiles"
5
             [autoLayout]="true"
6
             styleClass="p-datatable-gridlines"
7
             [rowHover]="true">
8
      <ng-template pTemplate="header">
9
        <tr>
10
          <th>Received Date</th>
11
          <th>Doc Code</th>
12
          <th>Doc Name</th>
13
          <th>Doc Type</th>
14
          <th>iPower Client Name</th>
15
          <th>iPower Client Code</th>
16
          <th>Personal Data</th>
17
          <th>Status</th>
18
          <th class="one-button">Preview Document</th>
19
        </tr>
20
      </ng-template>
21
      <ng-template let-receivedFiles pTemplate="body">
22
        <tr>
23
          <td>{{receivedFiles?.rtaReceivedDate|date: "dd/MM/yyyy HH:mm"}}</td>
24
          <td>{{receivedFiles?.dmsDocumentNumber}}</td>
25
          <td>{{receivedFiles?.dmsFileName}}</td>
26
          <td>{{receivedFiles?.dmsFileType}}</td>
27
          <td>{{receivedFiles?.iPowerClientName}}</td>
28
          <td>{{receivedFiles?.dmsClientCode}}</td>
29
          <td>{{!receivedFiles?.dmsPersonalData ? 'No': 'Yes'}}</td>
30
          <td>{{receivedFiles?.statusPerDocument?.documentCurrentStatusId?.name}}</td>
31
          <td>
32
            <p-button (onClick)="showOrDownloadFile(receivedFiles)"
33
                      icon="pi pi-file-o"
34
                      styleClass="p-button-secondary p-button-rounded p-button-outlined"
35
                      pTooltip="{{'PREVIEW-DOCUMENT' | translate}}">
36
            </p-button>
37
          </td>
38
        </tr>
39
      </ng-template>
40
    </p-table>
41
  </div>
42
</div>
(1-1/4)