Improved location listing

server/src/resolvers/Query/wifiDevices.js

@@ -21,7 +21,7 @@ export async function wifiDevices(parent, { take = 100, skip = 0, search }) {
       ]
     },
     orderBy: [{ lastSeen: 'desc' }, { hostname: 'asc' }],
-    include: { user: true },
+    include: { user: true, accessPoint: true },
     take,
     skip
   })

server/src/resolvers/WifiDevice.js

@@ -11,7 +11,9 @@ const WifiDevice = {
         where: { id: parent.id },
         include: { user: true }
       })
-    ).user
+    ).user,
+
+  accessPoint: async parent => prisma.accessPoint.findUnique({ where: { id: parent.accessPointId } })
 }
 
 export { WifiDevice }

server/src/typeDefs.js

@@ -234,6 +234,7 @@ const typeDefs = gql`
     uptime: String
     apName: String
     status: Status
+    accessPoint: AccessPoint!
   }
 
   "A user that is on the Wi-Fi network reach"

web/src/components/WifiDevice.vue

@@ -21,9 +21,14 @@
           </v-list-item-action>
           <v-list-item-content>
             <v-list-item-title>
-              {{ wifiDevice.essid }} (próximo ao AP {{ wifiDevice.apName }})
+              {{ wifiDevice.essid }}
             </v-list-item-title>
-            <v-list-item-subtitle> SSID </v-list-item-subtitle>
+            <v-list-item-subtitle>
+              SSID (conectado pelo AP
+              {{
+                wifiDevice.accessPoint.name || wifiDevice.accessPoint.hostname
+              }})</v-list-item-subtitle
+            >
           </v-list-item-content>
         </v-list-item>
 
@@ -33,9 +38,14 @@
           </v-list-item-action>
           <v-list-item-content>
             <v-list-item-title>
-              {{ wifiDevice.essid }} (próximo ao AP {{ wifiDevice.apName }})
+              {{ wifiDevice.essid }}
             </v-list-item-title>
-            <v-list-item-subtitle> Dispositivo off-line </v-list-item-subtitle>
+            <v-list-item-subtitle>
+              Dispositivo off-line (visto próximo ao AP
+              {{
+                wifiDevice.accessPoint.name || wifiDevice.accessPoint.hostname
+              }})</v-list-item-subtitle
+            >
           </v-list-item-content>
         </v-list-item>
 
@@ -63,6 +73,21 @@
             <v-list-item-subtitle> {{ wifiDevice.oui }} </v-list-item-subtitle>
           </v-list-item-content>
         </v-list-item>
+
+        <v-list-item v-if="wifiDevice.accessPoint.local">
+          <v-list-item-action>
+            <v-icon>mdi-map-marker-radius</v-icon>
+          </v-list-item-action>
+          <v-list-item-content>
+            <v-list-item-title>
+              {{ wifiDevice.accessPoint.local }}
+            </v-list-item-title>
+            <v-list-item-subtitle>
+              Localização aproximada
+            </v-list-item-subtitle>
+          </v-list-item-content>
+        </v-list-item>
+
         <v-list-item>
           <v-list-item-action>
             <v-icon>mdi-eye</v-icon>

web/src/components/widgets/DevicesWidget.vue

@@ -49,6 +49,11 @@ export default {
               oui
               uptime
               status
+              accessPoint {
+                name
+                hostname
+                local
+              }
             }
           }
         }

web/src/views/WifiDevices.vue

@@ -108,13 +108,28 @@
                   </v-list-item-action>
                   <v-list-item-content>
                     <v-list-item-title>
-                      {{ device.apName }}
+                      {{
+                        device.accessPoint.name || device.accessPoint.hostname
+                      }}
                     </v-list-item-title>
                     <v-list-item-subtitle>
                       Access Point ({{ device.controller }})
                     </v-list-item-subtitle>
                   </v-list-item-content>
                 </v-list-item>
+                <v-list-item v-if="device.accessPoint.local">
+                  <v-list-item-action>
+                    <v-icon>mdi-map-marker-radius</v-icon>
+                  </v-list-item-action>
+                  <v-list-item-content>
+                    <v-list-item-title>
+                      {{ device.accessPoint.local }}
+                    </v-list-item-title>
+                    <v-list-item-subtitle>
+                      Localização do AP
+                    </v-list-item-subtitle>
+                  </v-list-item-content>
+                </v-list-item>
 
                 <v-list-item>
                   <v-list-item-action>
@@ -242,6 +257,11 @@ export default {
               sAMAccountName
               thumbnailPhoto
             }
+            accessPoint {
+              name
+              hostname
+              local
+            }
             oui
             mac
             controller