diff options
author | Adam T. Carpenter <atc@53hor.net> | 2020-09-12 14:10:57 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2020-09-12 14:10:57 -0400 |
commit | 4dffff999d4025ddb593f5f44bf4ecccf577a0e5 (patch) | |
tree | 289a241347e24b0f0963e91256e2b44b70db3ee0 /iridescence/src/components/admin/ProductEditList.vue | |
parent | 92b5b5cc69fdd3dfe67ea07a0fcf26bdd3c930f8 (diff) | |
download | theglassyladies-4dffff999d4025ddb593f5f44bf4ecccf577a0e5.tar.xz theglassyladies-4dffff999d4025ddb593f5f44bf4ecccf577a0e5.zip |
basic product editing view with renaming
Diffstat (limited to 'iridescence/src/components/admin/ProductEditList.vue')
-rw-r--r-- | iridescence/src/components/admin/ProductEditList.vue | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/iridescence/src/components/admin/ProductEditList.vue b/iridescence/src/components/admin/ProductEditList.vue new file mode 100644 index 0000000..46016c2 --- /dev/null +++ b/iridescence/src/components/admin/ProductEditList.vue @@ -0,0 +1,36 @@ +<template> + <div id="productEditList"> + <div class="columns is-multiline is-variable is-7-desktop"> + <div + class="column is-one-quarter" + v-for="product in products" + :key="product.id" + > + <ProductEditCard v-bind:old-product="product"></ProductEditCard> + </div> + </div> + </div> +</template> + +<script> +import ProductEditCard from "@/components/admin/ProductEditCard.vue"; + +export default { + name: "ProductsList", + components: { + ProductEditCard + }, + data() { + return {}; + }, + computed: { + products() { + return this.$store.getters.products; + } + }, + methods: {}, + created() { + this.$store.dispatch("refreshProducts"); + } +}; +</script> |