diff options
author | Adam T. Carpenter <atc@53hor.net> | 2022-10-26 21:02:31 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2022-10-26 21:02:31 -0400 |
commit | 9f3098e80c6b6c87e9bfbfe36239a39e5cafb29f (patch) | |
tree | db9ca419266117facecdff6d30460669f3148efb /iridescence/src/components/cart | |
parent | f243a3b7341012227d6e8342a65f9c5d7784256f (diff) | |
download | theglassyladies-9f3098e80c6b6c87e9bfbfe36239a39e5cafb29f.tar.xz theglassyladies-9f3098e80c6b6c87e9bfbfe36239a39e5cafb29f.zip |
init: add some stories and personas and begin layout out domain
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> |