Project

General

Profile

1
<p-fieldset legend="Record's Data"
2
            [toggleable]="false">
3
  <p-table [value]="config.data"
4
           [autoLayout]="true"
5
           styleClass="p-datatable-gridlines"
6
           [rowHover]="true">
7
    <ng-template pTemplate="header">
8
      <tr>
9
        <th>Invoice Number</th>
10
        <th>Invoice Type</th>
11
        <th>Invoice Issue Date</th>
12
        <th>Client Name</th>
13
        <th>Supplier Name</th>
14
        <th>Total_Price</th>
15
        <th>Vat_Rate</th>
16
        <th>Total_Amount</th>
17
      </tr>
18
    </ng-template>
19
    <ng-template pTemplate="body"
20
                 let-receivedException>
21
      <tr>
22
        <td>{{receivedException.record.invoiceMasterData.invoiceNumber}}</td>
23
        <td>{{receivedException.record.invoiceMasterData.invoiceType}}</td>
24
        <td>{{receivedException.record.invoiceMasterData.invoiceIssueDate}}</td>
25
        <td>{{receivedException.record.invoiceMasterData.customerName}}</td>
26
        <td>{{receivedException.record.invoiceMasterData.supplierName}}</td>
27
        <td>{{receivedException.record.invoiceMasterData.totalPriceBeforeVat}}</td>
28
        <td>{{receivedException.record.invoiceMasterData.vatRate}}</td>
29
        <td>{{receivedException.record.invoiceMasterData.totalAmount}}</td>
30
      </tr>
31
    </ng-template>
32
  </p-table>
33
</p-fieldset>
34
<p-fieldset legend="Exception's Data"
35
            [toggleable]="false">
36
  <p-table [value]="config.data"
37
           [autoLayout]="true"
38
           styleClass="p-datatable-gridlines"
39
           [rowHover]="true">
40
    <ng-template pTemplate="header">
41
      <tr>
42
        <th>Routine ID</th>
43
        <th>Routine Name</th>
44
        <th>Description</th>
45
        <th>Status</th>
46
      </tr>
47
    </ng-template>
48
    <ng-template pTemplate="body"
49
                let-receivedException>
50
      <tr>
51
        <td>{{receivedException.alteryxRoutineId}}</td>
52
        <td></td>
53
        <td>{{receivedException.alteryxExceptionDescription}}</td>
54
        <td>{{receivedException.alteryxExceptionStatus.name}}</td>
55
      </tr>
56
    </ng-template>
57
  </p-table>
58
</p-fieldset>
59

    
60
<div class="demo-container p-p-4">
61
  <div class="p-formgroup-inline p-grid p-jc-center">
62
      <button pButton
63
              pRipple
64
              type="button"
65
              label="Cancel"
66
              class="p-button-warning p-mr-2"
67
              (click)="this.ref.close()">
68
      </button>
69
      <button pButton
70
              pRipple
71
              type="button"
72
              label="Recalculation"
73
              class="p-button-secondary p-button-rounded p-button-outlined"
74
              (click)="recalculation()">
75
      </button>
76
  </div>        
77
</div>
78
 
79

    
(1-1/4)