Add room filter by class

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,