basic cart subtotaling, sidebar with total and checkout controls, better

navbar cart buttons

1 files changed, 6 insertions, 1 deletions

diff --git a/iridescence/src/components/cart/CartItem.vue b/iridescence/src/components/cart/CartItem.vue
index 2c7655a..e31a109 100644
--- a/iridescence/src/components/cart/CartItem.vue
+++ b/iridescence/src/components/cart/CartItem.vue
@@ -19,6 +19,7 @@
           </div>
         </div>
         <div class="level-right">
+          <div class="level-item">Subtotal: {{ dollars }}</div>
           <div class="level-item">
             <div class="field has-addons">
               <p class="control is-expanded">
@@ -44,8 +45,9 @@
               </div>
             </div>
           </div>
+
           <div class="level-item">
-            <button class="button is-outlined is-danger">
+            <button class="button is-outlined is-danger" @click="removeAll">
               Remove
             </button>
           </div>
@@ -78,6 +80,9 @@ export default {
   methods: {
     incrementCartQuantity(by) {
       this.$store.commit("cartItem", { id: this.id, by });
+    },
+    removeAll() {
+      this.$store.commit("removeItemFromCart", this.id);
     }
   }
 };