From ef2a8eb636bdc9f8426d2b4c1b3dbd0a009b638d Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Wed, 31 Aug 2022 08:30:35 -0400
Subject: [PATCH] Added campus filter

---
 web/src/views/AccessPoints/index.vue | 33 ++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/web/src/views/AccessPoints/index.vue b/web/src/views/AccessPoints/index.vue
index 734cf56..110e734 100644
--- a/web/src/views/AccessPoints/index.vue
+++ b/web/src/views/AccessPoints/index.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container class="access-points" fluid>
     <router-view />
-    <v-toolbar class="mb-2" flat outlined max-width="400px">
+    <v-toolbar class="mb-2" flat outlined max-width="750px">
       <v-text-field
         v-model="search"
         label="Pesquisar"
@@ -56,6 +56,11 @@
           </v-card-text>
         </v-card>
       </v-menu>
+      <v-checkbox
+        v-model="sameCampus"
+        hide-details
+        :label="`Somente APs de ${me.campus}`"
+      />
     </v-toolbar>
 
     <v-data-table
@@ -203,6 +208,7 @@ export default {
     search: '',
     groupBy: true,
     sortBy: 'name',
+    sameCampus: true,
     defaultHeaders: [
       'name',
       'ip',
@@ -244,7 +250,20 @@ export default {
       return this.allHeaders.filter(header => header.active)
     },
     computedAccessPoints() {
-      return this.accessPoints?.map(accessPoint => ({
+      if (!this.accessPoints) return []
+
+      if (this.sameCampus)
+        return this.accessPoints
+          .filter(
+            accessPoint => this.me.campus == accessPoint.subnetInfo.shortName
+          )
+          .map(accessPoint => ({
+            ...accessPoint,
+            campus: accessPoint.subnetInfo.name,
+            name: accessPoint.name || accessPoint.hostname
+          }))
+
+      return this.accessPoints.map(accessPoint => ({
         ...accessPoint,
         campus: accessPoint.subnetInfo.name,
         name: accessPoint.name || accessPoint.hostname
@@ -323,6 +342,16 @@ export default {
   },
 
   apollo: {
+    me: {
+      fetchPolicy: 'cache-and-network',
+      query: gql`
+        {
+          me {
+            campus
+          }
+        }
+      `
+    },
     accessPoints: {
       fetchPolicy: 'cache-and-network',
       debounce: 200,