Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | <div class="progress-bar-container">
<div class="circle-container" [class.active]="stage() > 0" (click)="moveToStep(1)" style="cursor: pointer;"
[class.done]="stepCompleted && stepCompleted > '0'">
<div class="circle">
<span class="step">STEP 1</span>
</div>
<div class="title">Destinations</div>
</div>
<div class="line" [class.active]="stage() > 0"> </div>
<div class="circle-container" [class.active]="stage() > 1" style="cursor: pointer;" (click)="moveToStep(2)" [class.done]="stepCompleted && stepCompleted > '1'" >
<div class="circle" [ngStyle]="stepCompleted && stepCompleted > '1' ? { border: 'none' } : null">
<span class="step">STEP 2</span>
</div>
<div class="title">Interests</div>
</div>
<div class="line" [class.active]="stage() > 1"> </div>
<div class="circle-container" [class.active]="stage() > 2" (click)="moveToStep(3)" style="cursor: pointer;" [class.done]="stepCompleted && stepCompleted > '2'">
<div class="circle" [ngStyle]="stepCompleted && stepCompleted > '2' ? { border: 'none' } : null">
<span class="step">STEP 3</span>
</div>
<div class="title">Logistics</div>
</div>
<div class="line" [class.active]="stage() > 2"> </div>
<div (click)="moveToStep(4)" class="circle-container" [class.active]="stage() > 3" style="cursor: pointer;">
<div class="circle">
<span class="step">STEP 4</span>
</div>
<div class="title">Ready</div>
</div>
</div> |