Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 | 1x | <!-- Error message -->
<ish-error-message [error]="wishlistError$ | async" />
<ng-container *ngIf="wishlist$ | async as wishlist">
<ng-template #WishlistDescription>
<span innerHTML="{{ 'account.wishlists.heading.tooltip.content' | translate }}"></span>
</ng-template>
<div>
<a
[ngbPopover]="WishlistDescription"
placement="bottom"
popoverTitle="{{ 'account.wishlists.heading.tooltip.headline' | translate }}"
>{{ 'account.wishlists.heading.tooltip.link' | translate }} <fa-icon [icon]="['fas', 'info-circle']"
/></a>
</div>
<div class="row align-items-center">
<h1 class="col">{{ wishlist?.title }}</h1>
<ul class="col list-unstyled d-flex justify-content-end mb-0">
<li class="p-2">
<button
*ngIf="wishlist.shared"
type="button"
class="btn-tool btn-link"
title="{{ 'account.wishlist.header.stop_wishlist_sharing.label' | translate }}"
(click)="unshareWishlist(wishlist.id)"
data-testing-id="wishlist-stop-sharing"
>
<fa-icon [icon]="['fas', 'pause']" />
</button>
</li>
<li class="p-2">
<button
type="button"
class="btn-tool btn-link"
title="{{ 'account.wishlist.header.send_wishlist.label' | translate }}"
(click)="shareWishlistDialog.show()"
data-testing-id="wishlist-sharing"
>
<fa-icon [icon]="['fas', 'paper-plane']" />
</button>
</li>
<li class="p-2">
<button
type="button"
class="btn-tool btn-link"
title="{{ 'account.wishlist.header.edit_wishlist.label' | translate }}"
(click)="editWishlistDialog.show()"
data-testing-id="wishlist-details-edit"
>
<fa-icon [icon]="['fas', 'pencil-alt']" />
</button>
</li>
</ul>
</div>
<p *ngIf="wishlist?.preferred" data-testing-id="preferred-wishlist-text">
{{ 'account.wishlist.header.preferred_wishlist' | translate }}
</p>
<div class="container">
<ng-container *ngIf="wishlist.itemsCount && wishlist.itemsCount > 0; else noItems">
<div class="list-header row">
<div class="col-3 col-sm-3 list-header-item">{{ 'wishlist.table.header.item' | translate }}</div>
<div class="col-sm-9 col-9 list-header-item column-price">
{{ 'wishlist.table.header.price' | translate }}
</div>
</div>
<div class="list-body">
<ng-container *ngFor="let item of wishlist.items; trackBy: trackByFn">
<div class="list-item-row">
<ish-wishlist-line-item
ishProductContext
[sku]="item.sku"
[wishlistItemData]="item"
[currentWishlist]="wishlist"
/>
</div>
</ng-container>
</div>
</ng-container>
</div>
<ng-template #noItems>
<p>{{ 'account.wishlist.no_entries' | translate }}</p>
</ng-template>
<ish-wishlist-preferences-dialog
#editWishlistDialog
[wishlist]="wishlist"
(submitWishlist)="editPreferences($event, wishlist.id)"
/>
<ish-wishlist-sharing-dialog
#shareWishlistDialog
[wishlist]="wishlist"
(submitWishlistSharing)="shareWishlist($event, wishlist.id)"
/>
</ng-container>
<a routerLink="/account/wishlists">{{ 'account.wishlist.searchform.return.link' | translate }}</a>
<ish-loading *ngIf="wishlistLoading$ | async" />
|