Access Point querying OK

web/src/mixins/Nav.js

@@ -62,9 +62,8 @@ export default {
           {
             title: 'Access Points',
             icon: 'mdi-access-point',
-            route: { name: 'wifi-devices' },
+            route: { name: 'access-points' },
-            role: 'superAdmin',
+            role: 'superAdmin'
-            disabled: true
           },
           {
             title: 'Usuários Wi-Fi',

web/src/router/index.js

@@ -168,6 +168,18 @@ const routes = [
     component: () =>
       import(/* webpackChunkName: "wifi-devices" */ '../views/WifiDevices.vue')
   },
+  {
+    path: '/access-points',
+    name: 'access-points',
+    meta: {
+      title: 'Access Points',
+      roles: ['superAdmin']
+    },
+    component: () =>
+      import(
+        /* webpackChunkName: "access-points" */ '../views/AccessPoints.vue'
+      )
+  },
 
   {
     path: '/wifi-users',

web/src/views/AccessPoints.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>{{ accessPoints }}</div>
+</template>
+
+<script>
+import gql from 'graphql-tag'
+
+export default {
+  name: 'AccessPoints',
+  apollo: {
+    accessPoints: {
+      fetchPolicy: 'cache-and-network',
+      query: gql`
+        query accessPoints {
+          accessPoints {
+            id
+            hostname
+            ip
+            controller
+            clients
+            wifiDevices {
+              ip
+              user {
+                displayName
+              }
+            }
+          }
+        }
+      `
+    }
+  }
+}
+</script>
+
+<style></style>