summaryrefslogtreecommitdiff
path: root/recipeBuddy/src/app/cook-page/cook-page.component.ts
blob: fea2611f9ffe6f4e91fc656966fc7bbc2e540903 (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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
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 {
	recipe:Recipe;
	steps: Step[];
	stepNum: number;
	name: string;

	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() {
		this.recipe = this.recipePass.getRecipe();
		this.name = this.recipe.name;
		this.steps = this.recipe.steps;
		this.servingSize = this.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*60;
		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*60;
		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);
	}

	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*60;
		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);
	}
	
	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.timeLeft--;
				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)
	}
}