All files / src/app/extensions/wishlists/shared/product-add-to-wishlist product-add-to-wishlist.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- display addToCart Icon/animated Icon or link-->
<button
  *ngIf="visible$ | async"
  type="button"
  name="addProduct"
  class="btn add-to-wishlist"
  [ngClass]="cssClass"
  [title]="displayType === 'icon' ? ('product.add_to_wishlist.link' | translate) : ''"
  [tabindex]="ariaHidden ? -1 : 0"
  [attr.aria-hidden]="ariaHidden"
  (click)="openModal(modal)"
  data-testing-id="addToWishlistButton"
>
  <ng-container [ngSwitch]="displayType">
    <ng-template [ngSwitchCase]="'animated'">
      <fa-icon [icon]="['fas', 'heart']" />
      <span class="share-label">{{ 'product.add_to_wishlist.link' | translate }}</span>
    </ng-template>
    <ng-template [ngSwitchCase]="'icon'"><fa-icon [icon]="['fas', 'heart']" /></ng-template>
    <ng-template ngSwitchDefault>
      {{ 'product.add_to_wishlist.link' | translate }}
    </ng-template>
  </ng-container>
</button>
 
<ish-select-wishlist-modal #modal (submitEmitter)="addProductToWishlist($event)" />