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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- display addToOrderTemplate Icon/animated Icon or link-->
<div class="d-grid">
  <button
    *ngIf="visible$ | async"
    type="button"
    name="addProduct"
    class="btn"
    [disabled]="disabled$ | async"
    [ngClass]="cssClass"
    [title]="
      displayType === 'icon' ? ('account.order_template.add_to_template.button.add_to_template.label' | translate) : ''
    "
    [tabindex]="ariaHidden ? -1 : 0"
    [attr.aria-hidden]="ariaHidden"
    (click)="openModal(modal)"
    data-testing-id="addToOrderTemplateButton"
  >
    <ng-container [ngSwitch]="displayType">
      <ng-template [ngSwitchCase]="'animated'">
        <fa-icon [icon]="['fas', 'list']" />
        <span class="share-label">{{
          'account.order_template.add_to_template.button.add_to_template.label' | translate
        }}</span>
      </ng-template>
      <ng-template [ngSwitchCase]="'icon'">
        <fa-icon [icon]="['fas', 'list']" />
      </ng-template>
      <ng-template ngSwitchDefault>
        {{ 'account.order_template.add_to_template.button.add_to_template.label' | translate }}
      </ng-template>
    </ng-container>
  </button>
</div>
 
<ish-select-order-template-modal #modal (submitEmitter)="addProductToOrderTemplate($event)" />