summaryrefslogtreecommitdiff
path: root/recipeBuddy/src/app/cook-page/cook-page.component.html
blob: 4744ed15758fc214b895a7ccfe77cc5c66cfaa13 (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
27
28
<div class="container">
	Serving {{servingSize}}
	<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()">

<h4>{{timeHoursFirst}}{{timeHoursSecond}}:{{timeMinutesFirst}}{{timeMinutesSecond}}:{{timeSecondsFirst}}{{timeSecondsSecond}}</h4>
			<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>