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> |