recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<div *ngIf="cookedRecipe" class="outer-box">
	<h1>{{cookedRecipe.name}}</h1>

	<div class="input-box">
		Serving<input placeholder={{cookedRecipe.servingSize}} (keyup)="updateRecipe($event)">
	</div>

	<h4>Ingredients:</h4>
	<div class="ingredients-list">
		<li *ngFor="let ing of cookedRecipe.ingredients">
			{{ing.name}}, {{ing.amount}} {{ing.unit}}

	</div>
</div>

<button mat-stroked-button class="button" routerLink="/cook"> Ready </button>