Solution for lab #4

alcfeoh · Jan 17, 2018 · 5280275 · 5280275
1 parent cb30246
commit 5280275
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -5,7 +5,7 @@
 
   <div class="container">
     <div class="row" >
-      <!-- License plates go here -->
+      <app-license-plate [plate]="licensePlate" buttonText="Add to cart" class="col-md-4"></app-license-plate>
     </div>
   </div>
 </main>

diff --git a/src/app/license-plate/license-plate.component.html b/src/app/license-plate/license-plate.component.html
@@ -2,8 +2,8 @@ <h2>{{plate.title}}</h2>
 <img src="{{plate.picture}}" class="img-fluid" >
 <p>{{plate.description}}</p>
 <div>
-  <h2 class="float-left">$xx</h2>
-  <button class="btn btn-primary float-right" role="button">
+  <h2 class="float-left">${{plate.price}}</h2>
+  <button class="btn btn-primary float-right" role="button" (click)="alert('Plate added to cart')">
     {{buttonText}}
   </button>
 </div>
diff --git a/src/app/license-plate/license-plate.component.ts b/src/app/license-plate/license-plate.component.ts
@@ -15,4 +15,8 @@ export class LicensePlateComponent {
   buttonText: string;
 
   constructor() { }
+
+  alert(message: string): void {
+    alert(message);
+  }
 }