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
26
27
28
29
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 data-testing-id="basket-errors" [class]="cssClass">
          <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>
}