From ed1c7d95398c90263db74937a780e71f43475012 Mon Sep 17 00:00:00 2001
From: Chris Undercoffer <undercofferch18@gmail.com>
Date: Wed, 11 Dec 2019 15:23:04 -0500
Subject: add shoppingcart base functionality

can add items but not remove, not able to print list yet
---
 .../app/shopping-cart/shopping-cart.component.html | 28 ++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 recipeBuddy/src/app/shopping-cart/shopping-cart.component.html

(limited to 'recipeBuddy/src/app/shopping-cart/shopping-cart.component.html')

diff --git a/recipeBuddy/src/app/shopping-cart/shopping-cart.component.html b/recipeBuddy/src/app/shopping-cart/shopping-cart.component.html
new file mode 100644
index 0000000..a4e87ab
--- /dev/null
+++ b/recipeBuddy/src/app/shopping-cart/shopping-cart.component.html
@@ -0,0 +1,28 @@
+<div class="row">
+  <div class="column">
+    <h1> Recipes </h1>
+    <mat-selection-list #rlist>
+	  <mat-list-option *ngFor="let recipe of recipes" [value]="recipe">
+        {{recipe.name}}		
+      </mat-list-option>
+    </mat-selection-list>
+  </div>
+  <div class="column">
+    <h1> Ingredients </h1>
+		<div *ngFor="let selectedRecipe of rlist.selectedOptions.selected">
+			<h3>{{selectedRecipe.value.name}}</h3>
+			<mat-selection-list #ilist>
+			  <mat-list-option *ngFor="let ing of selectedRecipe.value.ingredients" [value]="ing" (click)="addIngredient(ing)">
+				{{ing.name}} {{ing.amount}} {{ing.unit}}
+			  </mat-list-option>
+			</mat-selection-list>
+		</div>
+  </div>
+  <div class="column">
+    <h1> Shopping List </h1>
+	<mat-list #clist *ngFor="let cartItem of ingredients">
+	<mat-list-item>{{cartItem.name}} {{cartItem.amount}} {{cartItem.unit}}</mat-list-item>
+	<mat-divider></mat-divider>
+	</mat-list>
+  </div>
+</div>
\ No newline at end of file
-- 
cgit v1.1