From 1aec0662f4b30df3149b1f6f2697e8c293824594 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Mon, 24 Sep 2018 17:14:41 +0200
Subject: [PATCH] Add room filter by class

---
 client/src/pages/rooms.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/rooms.vue b/client/src/pages/rooms.vue
index 46927d4d..8e54a9d9 100644
--- a/client/src/pages/rooms.vue
+++ b/client/src/pages/rooms.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="rooms-page">
-    <room-widget v-for="room in rooms" v-bind="room" :key="room.name"></room-widget>
+    <room-widget v-for="room in filteredRooms" v-bind="room" :key="room.name"></room-widget>
     <add-room></add-room>
   </div>
 </template>
@@ -17,6 +17,21 @@
       AddRoom
     },
 
+    computed: {
+      filteredRooms() {
+        return this.rooms.filter(room => this.visibleFor(room, this.currentFilter));
+      },
+      currentFilter() {
+        return this.$store.state.filterForGroup;
+      }
+    },
+
+    methods: {
+      visibleFor(room, userGroup) {
+        return !userGroup || room.userGroup.id === userGroup;
+      }
+    },
+
     apollo: {
       roomQuery: {
         query: ROOMS_QUERY,