summaryrefslogtreecommitdiff
path: root/iridescence/src/components/cart
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2022-10-26 21:02:31 -0400
committerAdam T. Carpenter <atc@53hor.net>2022-10-26 21:02:31 -0400
commit9f3098e80c6b6c87e9bfbfe36239a39e5cafb29f (patch)
treedb9ca419266117facecdff6d30460669f3148efb /iridescence/src/components/cart
parentf243a3b7341012227d6e8342a65f9c5d7784256f (diff)
downloadtheglassyladies-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.vue89
-rw-r--r--iridescence/src/components/cart/Totals.vue28
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>