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">
    <li
      *ngFor="let checkoutStep of checkoutSteps"
      [ngClass]="{
        'progress-active': checkoutStep.step === step,
        'progress-complete': checkoutStep.step < step
      }"
    >
      <ng-container *ngIf="checkoutStepLink(checkoutStep.step); else noLink">
        <a [routerLink]="checkoutStep.link">
          <div class="progress-number"><fa-icon [icon]="['fas', 'check']" /></div>
          <span class="progress-label"> {{ checkoutStep.labelKey | translate }} </span>
        </a>
      </ng-container>
      <ng-template #noLink>
        <div class="progress-number">{{ checkoutStep.stepKey | translate }}</div>
        <span class="progress-label"> {{ checkoutStep.labelKey | translate }} </span>
      </ng-template>
    </li>
  </ul>
</div>