From 23592cae5cdfe61f742151204a98334fa693569f Mon Sep 17 00:00:00 2001
From: schencej <schencej@clarkson.edu>
Date: Wed, 11 Dec 2019 18:15:48 -0500
Subject: added styling to cook pages

---
 recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.css  | 1 +
 recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html | 4 ++--
 recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.ts   | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

(limited to 'recipeBuddy/src/app/pre-cook-pop-up')

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);
 	});
   }
 
-- 
cgit v1.1