Merged PR 1113: #2872 Listenbestellung Warenkorb Abhol- und Lieferdatum anzeigen

#2872 Listenbestellung Warenkorb Abhol- und Lieferdatum anzeigen

Related work items: #2872
This commit is contained in:
Andreas Schickinger
2022-03-17 13:13:39 +00:00
committed by Nino Righi
parent cb447e13f9
commit 29181469db
2 changed files with 13 additions and 0 deletions

View File

@@ -40,6 +40,15 @@
{{ item?.product?.volume }} <span *ngIf="item?.product?.volume && item?.product?.publicationDate">|</span>
{{ item?.product?.publicationDate | date }}
<div class="item-date" *ngIf="orderType === 'Abholung'">Abholung ab {{ item?.availability?.estimatedShippingDate | date }}</div>
<div class="item-date" *ngIf="orderType === 'Versand' || orderType === 'B2B-Versand' || orderType === 'DIG-Versand'">
<ng-container *ngIf="item?.availability?.estimatedDelivery; else estimatedShippingDate">
Zustellung zwischen {{ (item?.availability?.estimatedDelivery?.start | date: 'EEE, dd.MM')?.replace('.', '') }} und
{{ (item?.availability?.estimatedDelivery?.stop | date: 'EEE, dd.MM')?.replace('.', '') }}
</ng-container>
<ng-template #estimatedShippingDate> Versand {{ item?.availability?.estimatedShippingDate | date }} </ng-template>
</div>
<div class="item-availability-message" *ngIf="olaError$ | async">
Artikel nicht verfügbar
</div>

View File

@@ -104,6 +104,10 @@
.item-info {
grid-area: item-info;
.item-date {
@apply font-bold;
}
.item-availability-message {
@apply text-dark-goldenrod font-bold text-sm whitespace-nowrap;
}