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
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- target element to scroll to the messages -->
<div *ngIf="error as basketError" [ishScroll]="scrollToMessage" [scrollSpacing]="scrollSpacing">
  <ng-container *ngIf="basketError.errors?.length; else generalError">
    <div *ngFor="let error of basketError.errors" [class]="cssClass" data-testing-id="basket-errors">
      <strong>{{ error.message }}</strong>
      <ng-container *ngIf="error.causes as causes">
        <p *ngFor="let cause of causes" role="alert">
          <span> {{ cause.message }}</span>
          <span *ngIf="cause.parameters?.sku" class="product-id"
            ><br />
            <span class="product-id-label">{{ 'product.itemNumber.label' | translate }}</span>
            <span itemprop="sku">{{ cause.parameters.sku }}</span>
          </span>
        </p>
      </ng-container>
    </div>
  </ng-container>
  <ng-template #generalError> <ish-error-message [error]="error" [toast]="false" /></ng-template>
</div>