sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 979: #2413 PDP IsPrebooked Badge wieder entfernt

Browse Source 
#2413 PDP IsPrebooked Badge wieder entfernt

Related work items: #2413
This commit is contained in:
Andreas Schickinger
2021-11-22 14:31:32 +00:00
committed by Lorenz Hilpert
parent f088098159
commit 9050f33fcc
3 changed files with 12 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/page/catalog/src/lib/article-details/article-details.component.html
View File

@@ -1,25 +1,15 @@
<div #detailsContainer class="product-card">
<ng-container *ngIf="store.item$ | async; let item">
<div class="product-details">
<div class="bookmark">
<div *ngIf="item?.features && (item?.features)[0]?.key === 'PFO'">
<button [uiOverlayTrigger]="subscribtionTooltip" class="bookmark-badge">
<img src="/assets/images/bookmark_subscription.svg" alt="Fortsetzungsartikel Badge" />
</button>
<ui-tooltip yPosition="above" xPosition="after" [yOffset]="-11" [xOffset]="-8" #subscribtionTooltip [closeable]="true"
>Artikel ist ein Fortsetzungsartikel,<br />
Artikel muss über eine Aboabteilung<br />
bestellt werden.
</ui-tooltip>
</div>
<div *ngIf="isPrebooked$ | async">
<button [uiOverlayTrigger]="prebookedTooltip" class="bookmark-badge">
<img src="/assets/images/tag_icon_preorder.svg" alt="Vorgemerkt Badge" />
</button>
<ui-tooltip yPosition="above" xPosition="after" [yOffset]="-11" [xOffset]="-8" #prebookedTooltip [closeable]="true">
Artikel wird für Sie vorgemerkt.
</ui-tooltip>
</div>
<div class="bookmark" *ngIf="item?.features && (item?.features)[0]?.key === 'PFO'">
<button [uiOverlayTrigger]="subscribtionTooltip" class="bookmark-badge">
<img src="/assets/images/bookmark_subscription.svg" alt="Fortsetzungsartikel Badge" />
</button>
<ui-tooltip yPosition="above" xPosition="after" [yOffset]="-11" [xOffset]="-8" #subscribtionTooltip [closeable]="true"
>Artikel ist ein Fortsetzungsartikel,<br />
Artikel muss über eine Aboabteilung<br />
bestellt werden.
</ui-tooltip>
</div>
<div class="product-image">
@@ -36,7 +26,7 @@
</div>
<div class="product-info">
<div class="row" [class.bookmark-badge-gap]="(item?.features && (item?.features)[0]?.key === 'PFO') || (isPrebooked$ | async)">
<div class="row" [class.bookmark-badge-gap]="item?.features && (item?.features)[0]?.key === 'PFO'">
<div>
<a
*ngFor="let contributor of contributors$ | async; let last = last"

2
apps/page/catalog/src/lib/article-details/article-details.component.scss
View File

@@ -11,7 +11,7 @@
@apply flex flex-row p-5;
.bookmark {
@apply flex absolute;
@apply absolute;
right: 37px;
top: 57px;
}

7
apps/page/catalog/src/lib/article-details/article-details.component.ts
View File

@@ -9,7 +9,7 @@ import { ModalReviewsComponent } from '@modal/reviews';
import { PurchasingOptionsModalComponent, PurchasingOptionsModalData } from 'apps/page/checkout/src/lib/modals/purchasing-options-modal';
import { PurchasingOptions } from 'apps/page/checkout/src/lib/modals/purchasing-options-modal/purchasing-options-modal.store';
import { combineLatest, Subscription } from 'rxjs';
import { filter, first, map, shareReplay } from 'rxjs/operators';
import { filter, first, map } from 'rxjs/operators';
import { ArticleDetailsStore } from './article-details.store';
import { ModalImagesComponent } from 'apps/modal/images/src/public-api';
import { ProductImageService } from 'apps/cdn/product-image/src/public-api';
@@ -57,11 +57,6 @@ export class ArticleDetailsComponent implements OnInit, OnDestroy {
this.store.isDeliveryB2BAvailabilityAvailable$,
]).pipe(map(([digDelivery, b2bDelivery]) => b2bDelivery && !digDelivery));
isPrebooked$ = this.store.pickUpAvailability$.pipe(
map((storeAvailability) => storeAvailability?.isPrebooked),
shareReplay()
);
contributors$ = this.store.item$.pipe(map((item) => item?.product?.contributors?.split(';').map((m) => m.trim())));
constructor(