All files / src/app/extensions/order-templates/shared/product-add-to-order-template product-add-to-order-template.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- display addToOrderTemplate Icon/animated Icon or link-->
<div class="d-grid">
  @if (visible$ | async) {
    <button
      class="btn"
      data-testing-id="addToOrderTemplateButton"
      name="addProduct"
      type="button"
      [attr.aria-hidden]="ariaHidden"
      [disabled]="disabled$ | async"
      [ngClass]="cssClass"
      [tabindex]="ariaHidden ? -1 : 0"
      [title]="
        displayType === 'icon'
          ? ('account.order_template.add_to_template.button.add_to_template.label' | translate)
          : ''
      "
      (click)="openModal(modal)"
    >
      @switch (displayType) {
        @case ('animated') {
          <i class="bi bi-list-ul"></i>
          <span class="share-label">{{
            'account.order_template.add_to_template.button.add_to_template.label' | translate
          }}</span>
        }
        @case ('icon') {
          <i class="bi bi-list-ul"></i>
        }
        @default {
          {{ 'account.order_template.add_to_template.button.add_to_template.label' | translate }}
        }
      }
    </button>
  }
</div>
 
<ish-select-order-template-modal #modal (submitEmitter)="addProductToOrderTemplate($event)" />