All files / src/app/shared/components/basket/basket-approval-info basket-approval-info.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div *ngIf="approval?.approvalRequired" class="text-right pb-2">
  <fa-icon [icon]="['fas', 'user-check']" />
  <span class="pl-2" data-testing-id="approval-required">{{ 'approval.cart.approval_required' | translate }}</span>
 
  <!-- details link and dialog -->
  <ish-modal-dialog-link
    linkText="approval.cart.link.details"
    [options]="{ titleText: 'approval.details.heading' | translate }"
    [ngClass]="'details-link'"
  >
    <p>
      {{ 'approval.details.conditions' | translate }}
    </p>
    <ul>
      <li>{{ 'approval.details.conditions.order_spend_limit' | translate }}</li>
      <li>{{ 'approval.details.conditions.budget_limit' | translate }}</li>
      <li *ngIf="approval.costCenterApproval">{{ 'approval.details.conditions.cost_center' | translate }}</li>
    </ul>
    <p>
      {{ 'approval.details.place_order' | translate }}
    </p>
    <p
      [ishServerHtml]="
        'approval.details.after' | translate : { '0': 'route://account/requisitions/buyer', '1': 'route://account' }
      "
      [callbacks]="{ callbackHideDialogModal: callbackHideDialogModal }"
    ></p>
 
    <!-- display approvers -->
    <h3 *ngIf="approval.customerApproval?.approvers?.length || approval.costCenterApproval?.approvers?.length">
      {{ 'approval.details.contacts.heading' | translate }}
    </h3>
 
    <ng-container *ngIf="approval.customerApproval?.approvers?.length">
      <p>{{ 'approval.details.customer_approvers.people_allowed' | translate }}</p>
 
      <table class="table table-sm">
        <tr *ngFor="let approver of approval.customerApproval.approvers">
          <td class="w-50">{{ approver.firstName }} {{ approver.lastName }}</td>
          <td>
            <a href="mailto:{{ approver.email }}">{{ approver.email }}</a>
          </td>
        </tr>
      </table>
    </ng-container>
 
    <ng-container *ngIf="approval.costCenterApproval?.approvers?.length">
      <p>
        {{
          'approval.details.cost_center_approvers.people_allowed'
            | translate
              : { '0': approval.costCenterApproval.costCenterName || approval.costCenterApproval.costCenterID }
        }}
      </p>
 
      <table class="table table-sm">
        <tr *ngFor="let approver of approval.costCenterApproval.approvers">
          <td class="w-50">{{ approver.firstName }} {{ approver.lastName }}</td>
          <td>
            <a href="mailto:{{ approver.email }}">{{ approver.email }}</a>
          </td>
        </tr>
      </table>
    </ng-container>
  </ish-modal-dialog-link>
</div>