From 7131a54455d138dc0921eac24806c21af81cb60d Mon Sep 17 00:00:00 2001
From: busti <mbust@live.de>
Date: Fri, 27 Dec 2019 02:38:58 +0100
Subject: [PATCH] close modals when saving

---
 src/App.vue                                      | 6 +++---
 src/components/{AddItem.vue => AddItemModal.vue} | 3 ++-
 src/views/Items.vue                              | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)
 rename src/components/{AddItem.vue => AddItemModal.vue} (93%)

diff --git a/src/App.vue b/src/App.vue
index ef98ccd..938d4c6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app">
-        <AddItem v-if="addModalOpen" @close="closeAddModal()" isModal="true"/>
+        <AddItemModal v-if="addModalOpen" @close="closeAddModal()" isModal="true"/>
         <Navbar @addClicked="openAddModal()"/>
         <router-view/>
         <div aria-live="polite" aria-atomic="true" class="d-flex justify-content-end align-items-start fixed-top mx-1 my-5 py-3" style="min-height: 200px; z-index: 100000">
@@ -11,13 +11,13 @@
 
 <script>
 import Navbar from '@/components/Navbar';
-import AddItem from '@/components/AddItem';
+import AddItemModal from '@/components/AddItem';
 import Toast from './components/Toast';
 import { mapState, mapMutations } from 'vuex';
 
 export default {
   name: 'app',
-  components: { Toast, Navbar, AddItem },
+  components: { Toast, Navbar, AddItemModal },
   computed: mapState(['loadedItems', 'layout', 'toasts']),
   data: () => ({
     addModalOpen: false
diff --git a/src/components/AddItem.vue b/src/components/AddItemModal.vue
similarity index 93%
rename from src/components/AddItem.vue
rename to src/components/AddItemModal.vue
index b5ab447..bee1150 100644
--- a/src/components/AddItem.vue
+++ b/src/components/AddItemModal.vue
@@ -17,7 +17,7 @@ import Modal from '@/components/Modal';
 import EditItem from '@/components/EditItem';
 
 export default {
-  name: 'AddItem',
+  name: 'AddItemModal',
   components: { Modal, EditItem },
   props: ['isModal'],
   data: () => ({
@@ -26,6 +26,7 @@ export default {
   methods: {
     saveNewItem() {
       this.$store.dispatch('postItem', this.item);
+      this.$emit('close');
     }
   }
 };
diff --git a/src/views/Items.vue b/src/views/Items.vue
index 6774902..180d548 100644
--- a/src/views/Items.vue
+++ b/src/views/Items.vue
@@ -97,7 +97,7 @@ export default {
     },
     saveEditingItem() { // Saves the edited copy of the item.
       this.$store.dispatch('updateItem', this.editingItem);
-      this.closeLightboxModal();
+      this.closeEditingModal();
     }
   }
 };