summaryrefslogtreecommitdiff
path: root/iridescence/src/components/cart
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/components/cart')
-rw-r--r--iridescence/src/components/cart/CartItem.vue7
-rw-r--r--iridescence/src/components/cart/Totals.vue25
2 files changed, 31 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);
}
}
};
diff --git a/iridescence/src/components/cart/Totals.vue b/iridescence/src/components/cart/Totals.vue
new file mode 100644
index 0000000..7b95462
--- /dev/null
+++ b/iridescence/src/components/cart/Totals.vue
@@ -0,0 +1,25 @@
+<template>
+ <div>
+ <h1 class="subtitle has-text-centered">
+ Summary
+ </h1>
+ <h1 class="title has-text-centered">
+ {{ cartTotal }}
+ </h1>
+ <router-link to="/checkout" class="button is-primary">
+ Checkout
+ </router-link>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "Totals",
+ computed: {
+ cartTotal() {
+ return this.$store.getters.cartTotal;
+ }
+ },
+ methods: {}
+};
+</script>