All files / src/app/shared/components/basket/basket-validation-results basket-validation-results.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
43
44
45
46
47
48
49
7x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- target element to scroll to the messages -->
<div [ishScroll]="scrollToMessage$ | async" [scrollSpacing]="scrollSpacing"></div>
<!-- error messages -->
@for (message of errorMessages$ | async; track message) {
  <div class="alert alert-danger" data-testing-id="validation-error-message" role="alert">
    {{ message }}
  </div>
}
 
<!-- info messages -->
@for (message of infoMessages$ | async; track message) {
  <div class="alert alert-info" data-testing-id="validation-info-message" role="alert">
    {{ message }}
  </div>
}
@if (hasGeneralBasketError$ | async) {
  <div class="alert alert-danger" data-testing-id="general-validation-message">
    {{ 'basket.validation.general.error' | translate }}
  </div>
}
 
<!-- undeliverable items -->
@if (undeliverableItems$ | async; as undeliverableItems) {
  @if (undeliverableItems.length) {
    <div class="alert alert-box" data-testing-id="undeliverable-items-message" role="alert">
      <div class="alert-box-header">
        <p>
          {{ 'restricted-items.error.message1' | translate }}<br />
          {{ 'shipping.restriction.shippingMethod' | translate }} {{ 'shipping.restriction.region' | translate }}
        </p>
        {{ 'restricted-items.error.message2' | translate }}
      </div>
      <div class="alert-box-body">
        <ish-basket-validation-items [lineItems]="undeliverableItems" (deleteItem)="deleteItem($event)" />
      </div>
    </div>
  }
}
 
<!-- removed items messages -->
@if (removedItems$ | async; as removedItems) {
  @if (removedItems.length) {
    <div class="alert alert-danger" data-testing-id="validation-removed-message">
      {{ 'shopping_cart.adjusted_items.warnung' | translate }}
    </div>
  }
  <ish-basket-validation-products [items]="removedItems" />
}