summaryrefslogtreecommitdiff
path: root/recipeBuddy/src/app/pre-cook-pop-up
diff options
context:
space:
mode:
authorschencej <schencej@clarkson.edu>2019-12-11 18:15:48 -0500
committerschencej <schencej@clarkson.edu>2019-12-11 18:15:48 -0500
commit23592cae5cdfe61f742151204a98334fa693569f (patch)
treee83d3574a1025e27e5e0b872077a2d5a14fd155b /recipeBuddy/src/app/pre-cook-pop-up
parent77f57229c02521f00be16fe27e8e672f06809dbc (diff)
added styling to cook pages
Diffstat (limited to 'recipeBuddy/src/app/pre-cook-pop-up')
-rw-r--r--recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css1
-rw-r--r--recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html4
-rw-r--r--recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.ts4
3 files changed, 5 insertions, 4 deletions
diff --git a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css
index 809e58b..7c98c34 100644
--- a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css
+++ b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css
@@ -6,6 +6,7 @@ h4 { text-align: center;
display:grid;
width: 400px;
margin: auto;
+ margin-top: 30px;
padding: 10px;
border: solid;
align-content: center;
diff --git a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html
index c1ef1ef..0f046ad 100644
--- a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html
+++ b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html
@@ -2,7 +2,7 @@
<h1>{{cookedRecipe.name}}</h1>
<div class="input-box">
- Serving<input (keyup)="updateRecipe($event)">
+ Serving<input placeholder={{cookedRecipe.servingSize}} (keyup)="updateRecipe($event)">
</div>
<h4>Ingredients:</h4>
@@ -13,4 +13,4 @@
</div>
</div>
-<button class="button" routerLink="/cook"> Ready </button>
+<button mat-stroked-button class="button" routerLink="/cook"> Ready </button>
diff --git a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.ts b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.ts
index 208993f..cee624e 100644
--- a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.ts
+++ b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.ts
@@ -21,14 +21,14 @@ export class PreCookPopUpComponent implements OnInit {
constructor(private recipePass: RecipePassService, private backend: BackendService, private router: Router) { }
ngOnInit() {
- this.backend.getRecipe(15).subscribe(res =>
+ this.backend.getRecipe(20).subscribe(res =>
{
- console.log(res);
this.cookedRecipe = res;
this.originalSize = this.cookedRecipe.servingSize;
for(var _i = 0; _i < this.cookedRecipe.ingredients.length; _i++) {
this.originalAmounts[_i] = this.cookedRecipe.ingredients[_i].amount;
}
+ this.recipePass.setRecipe(this.cookedRecipe);
});
}