This checkout
+
+
diff --git a/src/app/store/cart-details/cart-details.component.ts b/src/app/store/cart-details/cart-details.component.ts
new file mode 100644
index 0000000..0e9be64
--- /dev/null
+++ b/src/app/store/cart-details/cart-details.component.ts
@@ -0,0 +1,19 @@
+import { Component } from "@angular/core";
+import { Cart } from 'src/app/model/cart.model';
+
+
+@Component({
+ selector: 'app-cart-details',
+ templateUrl: './cart-details.component.html',
+ styleUrls: ['./cart-details.component.css']
+})
+
+export class CartDetailsComponent {
+
+ cart : Cart;
+
+ // use cart as a service
+ constructor(public cartService: Cart) {
+ this.cart = cartService;
+ }
+}
\ No newline at end of file
diff --git a/src/app/store/cart-summary/cart-summary.component.html b/src/app/store/cart-summary/cart-summary.component.html
new file mode 100644
index 0000000..df94015
--- /dev/null
+++ b/src/app/store/cart-summary/cart-summary.component.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+ + SPORTS STORE +
+
+
+
+
+
+
+
+
+ Your Cart
+| Quantity | +Image | +Product | +Price | +Subtotal | +|
|---|---|---|---|---|---|
| + Your cart is empty + | +|||||
| + + | +{{line.product.name}} | +{{line.product.price | currency:"USD":"symbol":"2.2-2"}} | +{{line.getLineTotale() | currency:"USD":"symbol":"2.2-2"}} | ++ + | +|
| Total: | +{{cart.getCartTotal() | currency:"USD":"symbol":"2.2-2"}} | +||||
+
+
+
+
+
+
+
+
+
+
+ Your Cart:
+
+ {{cart.itemCount}} {{cart.itemCount > 1 ? 'item(s)' : 'item' }}
+ {{cart.cartPrice | currency:"USD":"symbol":"2.2-2"}}
+
+ (emtpy)
+
+
+
\ No newline at end of file
diff --git a/src/app/store/cart-summary/cart-summary.component.ts b/src/app/store/cart-summary/cart-summary.component.ts
new file mode 100644
index 0000000..9677111
--- /dev/null
+++ b/src/app/store/cart-summary/cart-summary.component.ts
@@ -0,0 +1,12 @@
+import { Component } from "@angular/core";
+import { Cart } from 'src/app/model/cart.model';
+
+@Component({
+ selector : 'app-cart-summary',
+ templateUrl :'./cart-summary.component.html'
+})
+
+export class CartSummaryComponent {
+ // use Cart as a service: dependency injection here
+ constructor (public cart : Cart) {}
+}
\ No newline at end of file
diff --git a/src/app/store/store.component.html b/src/app/store/store.component.html
index 75f6083..7db6eab 100755
--- a/src/app/store/store.component.html
+++ b/src/app/store/store.component.html
@@ -2,10 +2,13 @@
-
+ - Welcome to SPORT STORE -
-+ Welcome to SPORT STORE +
+
+
@@ -16,17 +19,18 @@
-
- 
-
+
-
- {{ product.name}} - - {{ product.price | currency:"USD":"symbol":"2.2-2" }} - -
-{{ product.description }}
-
+
+
+
+