diff options
| author | Jacob <gatelyjm@clarkson.edu> | 2019-12-03 08:58:29 -0500 |
|---|---|---|
| committer | Tucker Evans <tuckerevans24@gmail.com> | 2019-12-07 15:02:44 -0500 |
| commit | 33ff048f5efb30e767780f24424588af562ea400 (patch) | |
| tree | e37e66274d43269bc4d606aa325477ffa37aca67 /recipeBuddy/src/app/recipe-card/recipe-card.component.html | |
| parent | 445816bc374be098156b33e2c7051091f391786f (diff) | |
Added new recipe card and main page components. Added new files in each
of these components for html, css, ts, and spec.ts. HTML and CSS files
were updated with code from stackblitz. Apparently this thing also
thinks I changed the app.module.ts file, but I do not think I did.
Diffstat (limited to 'recipeBuddy/src/app/recipe-card/recipe-card.component.html')
| -rw-r--r-- | recipeBuddy/src/app/recipe-card/recipe-card.component.html | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/recipeBuddy/src/app/recipe-card/recipe-card.component.html b/recipeBuddy/src/app/recipe-card/recipe-card.component.html new file mode 100644 index 0000000..1c8b278 --- /dev/null +++ b/recipeBuddy/src/app/recipe-card/recipe-card.component.html @@ -0,0 +1,33 @@ +<mat-card class="example-card"> + <mat-card-header> + <mat-card-title>Recipe</mat-card-title> + <div id="edit"> + <input type="image" src="https://image.freepik.com/free-icon/scissors_318-9061.jpg" + alt="edit" width="24" height="32"> + </div> + <div id="cart"> + <input type="image" src="https://image.flaticon.com/icons/png/512/126/126083.png" alt="cart" width="24" height ="32"> + </div> + <div id="delete"> + <input type="image" src="https://image.flaticon.com/icons/svg/61/61391.svg" alt="delete" width="24" height="32"> + </div> + </mat-card-header> + <img mat-card-image src="https://www.azfinesthomes.com/assets/images/image-not-available.jpg" alt="Photo of recipe"> + <mat-card-content> + </mat-card-content> + <mat-card-actions> + <!-- + <div id="like-rating"> + <img src="https://as1.ftcdn.net/jpg/02/36/32/68/500_F_236326831_AMTN6cLvvhi1ImGYYOGFAaJBcuvWwHyx.jpg" alt="Like rating"> + </div> + <div id="rating"> + <img src="https://www.judsonsmartliving.org/wp-content/uploads/5-stars.png" alt="5 star rating"> + </div> + --> + </mat-card-actions> +</mat-card> + + +<!-- Copyright 2019 Google LLC. All Rights Reserved. + Use of this source code is governed by an MIT-style license that + can be found in the LICENSE file at http://angular.io/license -->
\ No newline at end of file |