All files / src/app/shared/components/basket/basket-error-message basket-error-message.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
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- target element to scroll to the messages -->
@if (error; as basketError) {
<div [ishScroll]="scrollToMessage$ | async" [scrollSpacing]="scrollSpacing">
  @if (basketError.errors?.length) { @for (error of basketError.errors; track $index) {
  <div [class]="cssClass" data-testing-id="basket-errors">
    <strong>{{ error.message }}</strong>
    @if (error.causes; as causes) { @for (cause of causes; track $index) {
    <p role="alert">
      <span> {{ cause.message }}</span>
      @if (cause.parameters?.sku) {
      <span class="product-id"
        ><br />
        <span class="product-id-label">{{ 'product.itemNumber.label' | translate }}</span>
        <span itemprop="sku">{{ cause.parameters.sku }}</span>
      </span>
      }
    </p>
    } }
  </div>
  } } @else {
  <ish-error-message [error]="error" [toast]="false" />
  }
</div>
}