Added campus filter

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,