UI changes

web/src/views/AccessPoints/edit.vue

@@ -2,8 +2,11 @@
   <v-navigation-drawer v-model="show" right app temporary :width="480">
     <v-toolbar flat>
       <div v-if="accessPoint">
-        <h3>Access Point {{ accessPoint.hostname }}</h3>
-        {{ accessPoint.mac }}
+        <h3 class="font-weight-regular">
+          Access Point {{ accessPoint.hostname }}
+        </h3>
+        <v-chip small color="primary">{{ accessPoint.ip }}</v-chip>
+        <code class="ml-1"> {{ accessPoint.mac }} </code>
       </div>
       <v-spacer />
       <v-btn icon @click="show = false">
@@ -11,7 +14,7 @@
       </v-btn>
     </v-toolbar>
     <v-progress-linear class="mb-4" :indeterminate="loading || !accessPoint" />
-    <v-card v-if="accessPoint" :elevation="0" class="ma-2">
+    <v-card v-if="accessPoint" :elevation="0" class="ma-2" :disabled="loading">
       <v-text-field
         v-model="name"
         label="Nome"
@@ -105,6 +108,7 @@ export default {
         query accessPoint($id: ID!) {
           accessPoint(id: $id) {
             id
+            ip
             name
             hostname
             mac

web/src/views/AccessPoints/index.vue

@@ -152,6 +152,7 @@ export default {
     defaultHeaders: [
       'name',
       'ip',
+      'local',
       'clients',
       'uptime',
       'updatedAt',