All files / src/app/shared/components/basket/mini-basket-content mini-basket-content.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (lineItems$ | async; as lineItems) {
  <div class="product-rows-block">
    @if (basketError$ | async; as basketError) {
      <ish-basket-error-message cssClass="text-danger" [error]="basketError" />
    }
    @for (lineItem of lineItems | slice: 0 : maxItemNumber; track lineItem.id) {
      <div class="product-row">
        <ng-container ishProductContext [sku]="lineItem.productSKU">
          <div class="mini-product-img">
            <ish-product-image imageType="S" [link]="true" />
          </div>
          <div class="mini-product-info">
            <ish-product-name />
            <div class="product-price">{{ lineItem.price | ishPrice }}</div>
            <div class="cart-pli-data">
              <span>{{ 'shopping_cart.pli.qty.label' | translate }}</span> {{ lineItem.quantity.value }}
            </div>
          </div>
        </ng-container>
      </div>
    }
    @if (maxItemNumber && lineItems.length >= maxItemNumber + 1) {
      <div class="alert alert-info mb-0" data-testing-id="show-all-cart-items-hint">
        {{ 'shopping_cart.ministatus.show_all_items.text' | translate }}
      </div>
    }
  </div>
  <div class="d-grid">
    <a class="view-cart btn btn-primary btn-lg" routerLink="/basket">
      {{ 'shopping_cart.ministatus.view_cart.link' | translate }}
    </a>
  </div>
} @else {
  @if (basketError$ | async; as basketError) {
    <ish-basket-error-message cssClass="text-danger" [error]="basketError" />
  }
  {{ 'shopping_cart.ministatus.empty_cart.text' | translate }}
}