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
68
69
70
71
72
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (approval?.approvalRequired) {
  <div class="text-end pb-2">
    <i class="bi bi-person-check-fill fs-3"></i>
    <span class="ps-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"
      [ngClass]="'details-link'"
      [options]="{ titleText: 'approval.details.heading' | translate }"
    >
      <p>
        {{ 'approval.details.conditions' | translate }}
      </p>
      <ul>
        <li>{{ 'approval.details.conditions.order_spend_limit' | translate }}</li>
        <li>{{ 'approval.details.conditions.budget_limit' | translate }}</li>
        @if (approval.costCenterApproval) {
          <li>{{ 'approval.details.conditions.cost_center' | translate }}</li>
        }
        <li>{{ 'approval.details.conditions.recurring_order' | translate }}</li>
      </ul>
      <p>
        {{ 'approval.details.place_order' | translate }}
      </p>
      <p
        [callbacks]="{ callbackHideDialogModal: callbackHideDialogModal }"
        [ishServerHtml]="
          'approval.details.after' | translate: { '0': 'route://account/requisitions/buyer', '1': 'route://account' }
        "
      ></p>
      <!-- display approvers -->
      @if (approval.customerApproval?.approvers?.length || approval.costCenterApproval?.approvers?.length) {
        <h3>
          {{ 'approval.details.contacts.heading' | translate }}
        </h3>
      }
      @if (approval.customerApproval?.approvers?.length) {
        <p>{{ 'approval.details.customer_approvers.people_allowed' | translate }}</p>
        <table class="table table-sm">
          @for (approver of approval.customerApproval.approvers; track approver.email) {
            <tr>
              <td class="w-50">{{ approver.firstName }} {{ approver.lastName }}</td>
              <td>
                <a class="link-primary" href="mailto:{{ approver.email }}">{{ approver.email }}</a>
              </td>
            </tr>
          }
        </table>
      }
      @if (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">
          @for (approver of approval.costCenterApproval.approvers; track approver.email) {
            <tr>
              <td class="w-50">{{ approver.firstName }} {{ approver.lastName }}</td>
              <td>
                <a class="link-primary" href="mailto:{{ approver.email }}">{{ approver.email }}</a>
              </td>
            </tr>
          }
        </table>
      }
    </ish-modal-dialog-link>
  </div>
}