All files / src/app/extensions/wishlists/pages/account-wishlist account-wishlist-page.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="wishlist">
  <div class="d-flex align-items-center justify-content-between flex-wrap">
    <h1>
      {{ 'account.wishlists.heading' | translate }}
      <ng-template #WishlistDescription>
        <span innerHTML="{{ 'account.wishlists.heading.tooltip.content' | translate }}"></span>
      </ng-template>
      <button
        type="button"
        class="btn btn-link details-tooltip header-note mt-1"
        [ngbPopover]="WishlistDescription"
        placement="bottom"
        popoverTitle="{{ 'account.wishlists.heading.tooltip.headline' | translate }}"
      >
        {{ 'account.wishlists.heading.tooltip.link' | translate }}
        <fa-icon [icon]="['fas', 'info-circle']" />
      </button>
    </h1>
 
    <button
      type="button"
      class="btn btn-secondary m-0"
      data-testing-id="add-wishlist"
      (click)="addWishlistDialog.show()"
    >
      {{ 'account.wishlists.add_wishlist' | translate }}
    </button>
  </div>
  <!-- Error message -->
  <ish-error-message [error]="wishlistError$ | async" />
 
  <div class="section">
    <ish-account-wishlist-list [wishlists]="wishlists$ | async" (deleteWishlist)="deleteWishlist($event)" />
  </div>
 
  <a routerLink="/home">{{ 'account.wishlist.searchform.continue_shopping.link' | translate }}</a>
</div>
 
<ish-wishlist-preferences-dialog #addWishlistDialog (submitWishlist)="addWishlist($event)" />
 
<ish-loading *ngIf="wishlistLoading$ | async" />