Clear the shopping cart.

SergiOn · Aug 24, 2017 · 894caee · 894caee
1 parent ff34aa0
commit 894caee
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 14 deletions.
diff --git a/src/app/shopping-cart.service.ts b/src/app/shopping-cart.service.ts
@@ -11,18 +11,32 @@ export class ShoppingCartService {
 
   constructor(private db: AngularFireDatabase) { }
 
-  private create() { 
-    return this.db.list('/shopping-carts').push({
-      dateCreated: new Date().getTime()
-    });
-  }
-
   async getCart(): Promise<Observable<ShoppingCart>> {
     let cartId = await this.getOrCreateCartId();
     return this.db.object('/shopping-carts/' + cartId)
       .map(x => new ShoppingCart(x.items));
   }
 
+  async addToCart(product: Product) { 
+    this.updateItem(product, 1);
+  }
+
+  async removeFromCart(product: Product) {
+    this.updateItem(product, -1);
+  }
+
+  async clearCart() { 
+    let cartId = await this.getOrCreateCartId();
+    this.db.object('/shopping-carts/' + cartId + '/items').remove();
+  }
+
+
+  private create() { 
+    return this.db.list('/shopping-carts').push({
+      dateCreated: new Date().getTime()
+    });
+  }
+
   private getItem(cartId: string, productId: string) {
     return this.db.object('/shopping-carts/' + cartId + '/items/' + productId);
   }
@@ -36,14 +50,6 @@ export class ShoppingCartService {
     return result.key;
   }
 
-  async addToCart(product: Product) { 
-    this.updateItem(product, 1);
-  }
-
-  async removeFromCart(product: Product) {
-    this.updateItem(product, -1);
-  }
-
   private async updateItem(product: Product, change: number) {
     let cartId = await this.getOrCreateCartId();
     let item$ = this.getItem(cartId, product.$key);

diff --git a/src/app/shopping-cart/shopping-cart.component.html b/src/app/shopping-cart/shopping-cart.component.html
@@ -33,4 +33,7 @@ <h1>Shopping Cart</h1>
       </tr>
     </tfoot> 
   </table>
+  <button 
+    (click)="clearCart()"
+    class="btn btn-danger btn-sm">Clear Shopping Cart</button>
 </ng-container>
diff --git a/src/app/shopping-cart/shopping-cart.component.ts b/src/app/shopping-cart/shopping-cart.component.ts
@@ -14,4 +14,8 @@ export class ShoppingCartComponent implements OnInit {
   async ngOnInit() {
     this.cart$ = await this.shoppingCartService.getCart();
   }
+
+  clearCart() { 
+    this.shoppingCartService.clearCart();
+  }
 }