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 class="link-decoration-hover" [routerLink]="checkoutStep.link">
            <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>