diff options
| author | Chris Undercoffer <undercofferch18@gmail.com> | 2019-12-11 15:23:04 -0500 |
|---|---|---|
| committer | Chris Undercoffer <undercofferch18@gmail.com> | 2019-12-11 15:23:04 -0500 |
| commit | ed1c7d95398c90263db74937a780e71f43475012 (patch) | |
| tree | e647bfb03886a89a0a8b7d188413a44fbb70ab50 /recipeBuddy/src/app/shopping-cart/shopping-cart.component.html | |
| parent | d04ec02a64e85d13f04e8a5567d82ae2bcce3ff0 (diff) | |
add shoppingcart base functionality
can add items but not remove, not able to print list yet
Diffstat (limited to 'recipeBuddy/src/app/shopping-cart/shopping-cart.component.html')
| -rw-r--r-- | recipeBuddy/src/app/shopping-cart/shopping-cart.component.html | 28 |
1 files changed, 28 insertions, 0 deletions
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 |