diff options
| author | schencej <schencej@clarkson.edu> | 2019-12-12 10:41:08 -0500 |
|---|---|---|
| committer | schencej <schencej@clarkson.edu> | 2019-12-12 10:41:08 -0500 |
| commit | 946512c32a3b94079c9d2aaf48ef16d09fd14e3d (patch) | |
| tree | 39869562d6defa06096dfdb31148ab45948fd3af /recipeBuddy/src/app/shopping-cart/shopping-cart.component.html | |
| parent | 2685a5d6838cf5572998d57eb391f86f4f797199 (diff) | |
| parent | 09aea62746e50d8284dc234692e7641cca03cc42 (diff) | |
merged with master
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 |