All files / src/app/shared/components/product/product-add-to-basket product-add-to-basket.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
7x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (visible$ | async) {
<div class="add-to-cart">
  <button
    type="submit"
    name="addProduct"
    class="btn"
    [ngClass]="cssClass"
    [class.btn-primary]="!displayIcon"
    [disabled]="buttonDisabled$ | async"
    [title]="displayIcon ? (translationKey$ | async | translate) : ''"
    [tabindex]="ariaHidden ? -1 : 0"
    [attr.aria-hidden]="ariaHidden"
    (click)="addToBasket()"
    data-testing-id="addToCartButton"
  >
    @if ((displaySpinner$ | async) !== true) {
    <!-- Add to Cart button -->
    @if (displayIcon) {
    <i class="bi bi-cart-fill"></i>
    } @else {{{ translationKey$ | async | translate }}} } @else {
    <!-- button with spinning animation after Add to Cart -->
    <i class="bi bi-arrow-clockwise spin-icon"></i>
    @if (!displayIcon) {
    <span>{{ 'common.button.spinning.label' | translate }}</span>
    } }
  </button>
</div>
}