From 100fd191659649de99d2fa97328bc218698a99fc Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 17 Oct 2018 15:32:15 +0200
Subject: [PATCH] Hide room popover

---
 client/src/components/VisibilityPopover.vue |  4 ++--
 client/src/components/rooms/RoomPopover.vue | 10 ++++++++--
 client/src/components/rooms/RoomWidget.vue  |  2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/client/src/components/VisibilityPopover.vue b/client/src/components/VisibilityPopover.vue
index c1badf23..01ed6db4 100644
--- a/client/src/components/VisibilityPopover.vue
+++ b/client/src/components/VisibilityPopover.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="visibility-menu" v-if="show" v-click-outside="hideVisibility">
+  <div class="visibility-menu" v-if="show" v-click-outside="hidePopover">
     <h3 class="visibility-menu__title">Sichtbarkeit</h3>
     <div v-for="schoolClass in schoolClassVisibility" :key="schoolClass.id" class="visibility-menu__item">
       <checkbox :checked="!schoolClass.hidden"
@@ -59,7 +59,7 @@
           }
         });
       },
-      hideVisibility() {
+      hidePopover() {
         this.$emit('hide-me');
       }
 
diff --git a/client/src/components/rooms/RoomPopover.vue b/client/src/components/rooms/RoomPopover.vue
index c9793867..de7b2d64 100644
--- a/client/src/components/rooms/RoomPopover.vue
+++ b/client/src/components/rooms/RoomPopover.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="room-popover">
+  <div class="room-popover" v-click-outside="hidePopover">
     <a class="room-popover__link" @click="$emit('delete', id)">Raum löschen</a>
     <router-link :to="{name: 'edit-room', params: {id: id}}" class="room-popover__link">Raum bearbeiten</router-link>
   </div>
@@ -7,7 +7,13 @@
 
 <script>
   export default {
-    props: ['id']
+    props: ['id'],
+
+    methods: {
+      hidePopover() {
+        this.$emit('hide-me');
+      }
+    }
   }
 </script>
 
diff --git a/client/src/components/rooms/RoomWidget.vue b/client/src/components/rooms/RoomWidget.vue
index 23dfb568..fb58ab86 100644
--- a/client/src/components/rooms/RoomWidget.vue
+++ b/client/src/components/rooms/RoomWidget.vue
@@ -10,7 +10,7 @@
         <a @click="showMenu = !showMenu" class="room-widget__more-link">
           <ellipses></ellipses>
         </a>
-        <room-popover @delete="deleteRoom" :id="id" v-if="showMenu"></room-popover>
+        <room-popover @delete="deleteRoom" @hide-me="showMenu = false" :id="id" v-if="showMenu"></room-popover>
       </div>
     </div>
   </div>