diff options
Diffstat (limited to 'recipeBuddy/src/app/cook-page/cook-page.component.html')
| -rw-r--r-- | recipeBuddy/src/app/cook-page/cook-page.component.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/recipeBuddy/src/app/cook-page/cook-page.component.html b/recipeBuddy/src/app/cook-page/cook-page.component.html new file mode 100644 index 0000000..39bef2e --- /dev/null +++ b/recipeBuddy/src/app/cook-page/cook-page.component.html @@ -0,0 +1,22 @@ +<div class="container"> + <div class="previous"> + <h1>Step {{step -1}}</h1> + <p>{{previousStep}}</p> + </div> + + <div class="current"> + <h1>Step {{step}}</h1> + <p>{{currentStep}}</p> + <p>{{timeLeft}}</p> + <div> + <button (click)="startTimer()">Start Timer</button> + </div> + <button (click)="previous()">Previous</button> + <button (click)="next()">next</button> + </div> + + <div class="next"> + <h1>Step {{step +1}}</h1> + <p>{{nextStep}}</p> + </div> +</div> |