All files / src/app/pages/checkout-address checkout-address-page.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div data-testing-id="checkout-address-page">
  <ng-container *ngIf="basket$ | async as basket">
    <ng-container
      *ngIf="
        (currentUser$ | async) || (validBasketAddresses$ | async) || nextStepRequested;
        else anonymousCheckoutStart
      "
    >
      <h1>
        <span id="page-main-content" tabindex="-1">{{ 'checkout.addresses.heading' | translate }}</span>
      </h1>
      <ish-checkout-address
        [basket]="basket"
        [error]="(basketError$ | async) || (addressesError$ | async)"
        (nextStep)="nextStep()"
      />
    </ng-container>
    <ng-template #anonymousCheckoutStart>
      <h1>
        <span id="page-main-content" tabindex="-1">{{ 'checkout.addresses.heading.anonymous' | translate }}</span>
      </h1>
      <!-- empty h1 to provide space -->
      <ish-checkout-address-anonymous
        [basket]="basket"
        [error]="(basketError$ | async) || (addressesError$ | async)"
        (nextStep)="nextStep()"
      />
    </ng-template>
  </ng-container>
 
  <ish-loading *ngIf="(basketLoading$ | async) || (addressesLoading$ | async)" />
</div>