blob: a3a1dfeab07559528798220fb2bde2adf1134e31 (
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
import {Component, OnInit} from '@angular/core';
import {Recipe} from '../DataModels/recipe';
import {Step} from '../DataModels/step';
import {RecipePassService} from '../recipePass/recipe-pass.service'
@Component({
selector: 'app-cook-page',
templateUrl: './cook-page.component.html',
styleUrls: ['./cook-page.component.css']
})
export class CookPageComponent implements OnInit {
steps: Step[];
stepNum: number;
firstStep: boolean = true;
lastStep: boolean = false;
servingSize: number;
previousStep: string;
currentStep: string;
nextStep: string;
timeLeft: number;
timeHoursFirst: number;
timeHoursSecond: number;
timeMinutesFirst: number;
timeMinutesSecond: number;
timeSecondsFirst: number;
timeSecondsSecond: number;
timerInterval;
constructor(private recipePass: RecipePassService){}
ngOnInit() {
var recipe: Recipe = this.recipePass.getRecipe();
this.steps = recipe.steps;
this.servingSize = recipe.servingSize;
this.stepNum = 1;
this.currentStep = this.steps[this.stepNum-1].instruction;
if(this.steps.length > 1)
this.nextStep = this.steps[this.stepNum].instruction;
else
this.lastStep = true;
this.timeLeft = this.steps[this.stepNum-1].timer;
this.timeHoursFirst = Math.floor(this.timeLeft/3600/10);
this.timeHoursSecond = Math.floor(this.timeLeft/3600%10);
this.timeMinutesFirst = Math.floor(this.timeLeft%3600/60/10);
this.timeMinutesSecond = Math.floor(this.timeLeft%3600/60%10);
this.timeSecondsFirst = Math.floor(this.timeLeft%3600%60/10);
this.timeSecondsSecond = Math.floor(this.timeLeft%3600%60%10);
}
next(): void {
this.firstStep = false;
clearInterval(this.timerInterval);
this.stepNum++;
if(this.stepNum == this.steps.length) {
this.lastStep = true;
} else {
this.nextStep = this.steps[this.stepNum].instruction;
}
this.previousStep = this.steps[this.stepNum-2].instruction;
this.currentStep = this.steps[this.stepNum-1].instruction;
this.timeLeft = this.steps[this.stepNum-1].timer;
}
previous(): void {
this.lastStep = false;
clearInterval(this.timerInterval);
this.stepNum--;
if(this.stepNum == 1) {
this.firstStep = true;
} else {
this.previousStep = this.steps[this.stepNum-2].instruction;
}
this.currentStep = this.steps[this.stepNum-1].instruction;
this.nextStep = this.steps[this.stepNum].instruction;
this.timeLeft = this.steps[this.stepNum-1].timer;
}
hasTimer(): boolean {
if(this.steps[this.stepNum-1].timer > 0)
return true;
else
return false;
}
startTimer(): void {
console.log("timerStarted");
this.timerInterval = setInterval(() => {
if(this.timeLeft > 0) {
this.timeHoursFirst = Math.floor(this.timeLeft/3600/10);
this.timeHoursSecond = Math.floor(this.timeLeft/3600%10);
this.timeMinutesFirst = Math.floor(this.timeLeft%3600/60/10);
this.timeMinutesSecond = Math.floor(this.timeLeft%3600/60%10);
this.timeSecondsFirst = Math.floor(this.timeLeft%3600%60/10);
this.timeSecondsSecond = Math.floor(this.timeLeft%3600%60%10);
}
else {
clearInterval(this.timerInterval);
}
}, 1000)
}
}
|