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
50
51
52
53
54
55
56
7x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- target element to scroll to the messages -->
<div [ishScroll]="scrollToMessage$ | async" [scrollSpacing]="scrollSpacing"></div>
<!-- error messages -->
<div
  *ngFor="let message of errorMessages$ | async"
  class="alert alert-danger"
  role="alert"
  data-testing-id="validation-error-message"
>
  {{ message }}
</div>
 
<!-- info messages -->
<div
  *ngFor="let message of infoMessages$ | async"
  class="alert alert-info"
  role="alert"
  data-testing-id="validation-info-message"
>
  {{ message }}
</div>
 
<div *ngIf="hasGeneralBasketError$ | async" class="alert alert-danger" data-testing-id="general-validation-message">
  {{ 'basket.validation.general.error' | translate }}
</div>
 
<!-- undeliverable items -->
<ng-container *ngIf="undeliverableItems$ | async as undeliverableItems">
  <div
    *ngIf="undeliverableItems.length"
    class="alert alert-box"
    role="alert"
    data-testing-id="undeliverable-items-message"
  >
    <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>
</ng-container>
 
<!-- removed items messages -->
<ng-container *ngIf="removedItems$ | async as removedItems">
  <div *ngIf="removedItems.length" class="alert alert-danger" data-testing-id="validation-removed-message">
    {{ 'shopping_cart.adjusted_items.warnung' | translate }}
  </div>
  <ish-basket-validation-products [items]="removedItems" />
</ng-container>