diff options
Diffstat (limited to 'iridescence/src/components/admin/NewProductModal.vue')
-rw-r--r-- | iridescence/src/components/admin/NewProductModal.vue | 33 |
1 files changed, 27 insertions, 6 deletions
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> |