blob: db1c0a8cb6c73449b30450cbb8ef20ccb52b86f6 (
plain)
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
|
<div class="container">
<div class="previous" *ngIf="!firstStep">
<h1>Step {{stepNum -1}}</h1>
<p>{{previousStep}}</p>
</div>
<div class="current">
<h1>Step {{stepNum}}</h1>
<p>{{currentStep}}</p>
<div *ngIf="hasTimer()">
<p>{{timeLeft}}</p>
<button (click)="startTimer()">Start Timer</button>
</div>
<button *ngIf="!firstStep" (click)="previous()">Previous</button>
<button *ngIf="!lastStep" (click)="next()">next</button>
</div>
<div class="next" *ngIf="!lastStep">
<h1>Step {{stepNum +1}}</h1>
<p>{{nextStep}}</p>
</div>
</div>
<div class="step-count">
<h1>Step: {{stepNum}}/{{steps.length}}</h1>
</div>
|
