From 40271d5dd57fb8cd292309ef287463c069ac6546 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Mon, 28 Mar 2022 11:52:52 -0400
Subject: [PATCH] Access Point querying OK

---
 web/src/mixins/Nav.js          |  5 ++---
 web/src/router/index.js        | 12 ++++++++++++
 web/src/views/AccessPoints.vue | 35 ++++++++++++++++++++++++++++++++++
 3 files changed, 49 insertions(+), 3 deletions(-)
 create mode 100644 web/src/views/AccessPoints.vue

diff --git a/web/src/mixins/Nav.js b/web/src/mixins/Nav.js
index 05c29e3..382471c 100644
--- a/web/src/mixins/Nav.js
+++ b/web/src/mixins/Nav.js
@@ -62,9 +62,8 @@ export default {
           {
             title: 'Access Points',
             icon: 'mdi-access-point',
-            route: { name: 'wifi-devices' },
-            role: 'superAdmin',
-            disabled: true
+            route: { name: 'access-points' },
+            role: 'superAdmin'
           },
           {
             title: 'Usuários Wi-Fi',
diff --git a/web/src/router/index.js b/web/src/router/index.js
index d6b838b..cccc3f0 100755
--- a/web/src/router/index.js
+++ b/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',
diff --git a/web/src/views/AccessPoints.vue b/web/src/views/AccessPoints.vue
new file mode 100644
index 0000000..afc49c6
--- /dev/null
+++ b/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>