From 74c5bb3fa6fd725685ad549c972ec0dee58f1b6b Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Thu, 24 Sep 2020 20:18:09 -0400
Subject: fixed resizing issues with edit boxes; switched from panels to cards

---
 .../src/components/admin/NewProductModal.vue       | 33 ++++++++++++++++++----
 1 file changed, 27 insertions(+), 6 deletions(-)

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

diff --git a/iridescence/src/components/admin/NewProductModal.vue b/iridescence/src/components/admin/NewProductModal.vue
index 228ee4c..8df0faa 100644
--- a/iridescence/src/components/admin/NewProductModal.vue
+++ b/iridescence/src/components/admin/NewProductModal.vue
@@ -1,24 +1,45 @@
 <template>
-  <div class="modal is-active" id="newProductModal">
+  <div class="modal " id="newProductModal">
     <div class="modal-background"></div>
     <div class="modal-card">
       <header class="modal-card-head">
-        <p class="modal-card-title">Modal title</p>
+        <p class="modal-card-title"></p>
         <button class="delete" aria-label="close"></button>
       </header>
       <section class="modal-card-body">
-        <!-- Content ... -->
+        <ProductEditCard v-bind:current-product="product"></ProductEditCard>
       </section>
       <footer class="modal-card-foot">
-        <button class="button is-success">Save changes</button>
-        <button class="button">Cancel</button>
+        <label class="checkbox">
+          <input type="checkbox" v-model="addAnother" />
+          Add Another?
+        </label>
       </footer>
     </div>
   </div>
 </template>
 
 <script>
+import ProductEditCard from "@/components/admin/ProductEditCard.vue";
 export default {
-  name: "NewProductModal"
+  name: "NewProductModal",
+  components: {
+    ProductEditCard
+  },
+  data: function() {
+    return {
+      product: {
+        id: 0,
+        name: "",
+        quantity: 0,
+        cents: 0,
+        imgPath: "",
+        description: "",
+        featured: false,
+        categories: []
+      },
+      addAnother: false
+    };
+  }
 };
 </script>
-- 
cgit v1.2.3

