From 4dffff999d4025ddb593f5f44bf4ecccf577a0e5 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Sat, 12 Sep 2020 14:10:57 -0400
Subject: basic product editing view with renaming

---
 .../src/components/admin/ProductEditList.vue       | 36 ++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 iridescence/src/components/admin/ProductEditList.vue

(limited to 'iridescence/src/components/admin/ProductEditList.vue')

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>
-- 
cgit v1.2.3

