diff options
Diffstat (limited to 'iridescence/src/components/cart')
-rw-r--r-- | iridescence/src/components/cart/CartItem.vue | 89 | ||||
-rw-r--r-- | iridescence/src/components/cart/Totals.vue | 28 |
2 files changed, 0 insertions, 117 deletions
diff --git a/iridescence/src/components/cart/CartItem.vue b/iridescence/src/components/cart/CartItem.vue deleted file mode 100644 index 20ddec8..0000000 --- a/iridescence/src/components/cart/CartItem.vue +++ /dev/null @@ -1,89 +0,0 @@ -<template> - <div> - <hr /> - <nav class="level"> - <div class="level-left"> - <div class="level-item"> - <p class="image is-64x64"> - <img :src="thumbnail" :title="product.name" /> - </p> - </div> - <div class="level-item"> - <div class="content"> - <strong> - <p> - {{ product.name }} - </p> - </strong> - </div> - </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"> - <a class="button is-static is-fullwidth is-rounded"> - {{ inCart }} in cart - </a> - </p> - <div class="control"> - <a - @click="incrementCartQuantity(-1)" - class="button is-info is-rounded" - > - <span class="iconify-inline" data-icon="mdi-cart-minus"></span> - </a> - </div> - <div class="control"> - <a - @click="incrementCartQuantity(1)" - class="button is-info is-rounded" - > - <span class="iconify-inline" data-icon="mdi-cart-plus"></span> - </a> - </div> - </div> - </div> - - <div class="level-item"> - <button class="button is-danger is-rounded" @click="removeAll"> - <span class="iconify-inline" data-icon="mdi-cart-remove"></span> - <span>Remove</span> - </button> - </div> - </div> - </nav> - </div> -</template> - -<script> -export default { - name: "CartItem", - props: { - id: Number, - inCart: Number - }, - computed: { - product() { - return this.$store.state.products.find(p => p.id == this.id); - }, - dollars() { - return "$ " + ((this.product.cents * this.inCart) / 100).toFixed(2); - }, - thumbnail() { - return ( - process.env.VUE_APP_IMAGE_ROOT + "/" + this.product.photo_thumbnail - ); - } - }, - methods: { - incrementCartQuantity(by) { - this.$store.commit("cartItem", { id: this.id, by }); - }, - removeAll() { - this.$store.commit("removeItemFromCart", this.id); - } - } -}; -</script> diff --git a/iridescence/src/components/cart/Totals.vue b/iridescence/src/components/cart/Totals.vue deleted file mode 100644 index 36c9e77..0000000 --- a/iridescence/src/components/cart/Totals.vue +++ /dev/null @@ -1,28 +0,0 @@ -<template> - <div> - <h1 class="subtitle has-text-centered"> - Total - </h1> - <hr /> - - <h1 class="title has-text-centered">{{ cartTotal }}</h1> - <router-link - to="/checkout" - class="button is-success is-fullwidth is-rounded is-medium" - > - Continue to Checkout - </router-link> - </div> -</template> - -<script> -export default { - name: "Totals", - computed: { - cartTotal() { - return this.$store.getters.cartTotal; - } - }, - methods: {} -}; -</script> |