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
28
29
30
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- display addToCart Icon/animated Icon or link-->
@if (visible$ | async) {
  <button
    class="btn add-to-wishlist"
    data-testing-id="addToWishlistButton"
    name="addProduct"
    type="button"
    [attr.aria-hidden]="ariaHidden"
    [ngClass]="cssClass"
    [tabindex]="ariaHidden ? -1 : 0"
    [title]="displayType === 'icon' ? ('product.add_to_wishlist.link' | translate) : ''"
    (click)="openModal(modal)"
  >
    @switch (displayType) {
      @case ('animated') {
        <i class="bi bi-heart-fill"></i>
        <span class="share-label">{{ 'product.add_to_wishlist.link' | translate }}</span>
      }
      @case ('icon') {
        <i class="bi bi-heart-fill"></i>
      }
      @default {
        {{ 'product.add_to_wishlist.link' | translate }}
      }
    }
  </button>
}
 
<ish-select-wishlist-modal #modal (submitEmitter)="addProductToWishlist($event)" />