All files / src/app/pages/checkout/checkout-progress-bar checkout-progress-bar.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
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="progress-bar-panel">
  <ul class="progress-steps">
    @for (checkoutStep of checkoutSteps; track $index) {
    <li
      [ngClass]="{
        'progress-active': checkoutStep.step === step,
        'progress-complete': checkoutStep.step < step
      }"
    >
      @if (checkoutStepLink(checkoutStep.step)) {
      <a [routerLink]="checkoutStep.link" class="link-decoration-hover">
        <div class="progress-number"><i class="bi bi-check-lg"></i></div>
        <span class="progress-label">{{ checkoutStep.labelKey | translate }} </span>
      </a>
      } @else {
      <div class="progress-number">{{ checkoutStep.stepKey | translate }}</div>
      <span class="progress-label">{{ checkoutStep.labelKey | translate }} </span>
      }
    </li>
    }
  </ul>
</div>