Chart improvements

web/src/components/Charts/AccessPointClientsChart.vue

@@ -59,8 +59,10 @@ export default {
       default: () => []
     }
   },
-  data: () => ({
+  data: () => ({}),
-    chartOptions: {
+  computed: {
+    chartOptions() {
+      return {
         responsive: true,
         maintainAspectRatio: false,
         scales: {
@@ -91,7 +93,6 @@ export default {
             type: 'time',
             time: {
               unit: 'minute',
-            stepSize: 20,
 
               displayFormats: {
                 minute: 'H:mm'
@@ -105,8 +106,7 @@ export default {
           }
         }
       }
-  }),
+    },
-  computed: {
     chartData() {
       const pointRadius = 0
 

web/src/components/Charts/AccessPointSignalStrengthChart.vue

@@ -57,8 +57,10 @@ export default {
       default: () => []
     }
   },
-  data: () => ({
+  data: () => ({}),
-    chartOptions: {
+  computed: {
+    chartOptions() {
+      return {
         responsive: true,
         maintainAspectRatio: false,
         scales: {
@@ -75,7 +77,7 @@ export default {
             type: 'time',
             time: {
               unit: 'minute',
-            stepSize: 15,
+              // stepSize: 15,
 
               displayFormats: {
                 minute: 'H:mm'
@@ -89,8 +91,7 @@ export default {
           }
         }
       }
-  }),
+    },
-  computed: {
     chartData() {
       const pointRadius = 0
       const borderWidth = 3

web/src/views/AccessPoints/clients.vue

@@ -6,7 +6,7 @@
       />
     </v-card>
 
-    <v-card v-else :loading="!accessPoint">
+    <v-card v-else :elevation="0" :loading="!accessPoint">
       <v-card-title class="font-weight-regular">
         <v-btn class="ml-1" left icon @click="() => $router.back()">
           <v-icon>mdi-arrow-left</v-icon>
@@ -22,6 +22,7 @@
           <br />
         </div>
         <v-spacer />
+
         <v-text-field
           v-model="filter"
           label="Filtro"
@@ -35,9 +36,6 @@
       </v-card-title>
       <v-divider />
 
-      <v-card-text>
-        <v-card>
-          <v-card-text>
       <v-row>
         <v-col :md="6">
           <AccessPointClientsChart
@@ -52,15 +50,14 @@
           />
         </v-col>
       </v-row>
-          </v-card-text>
+
-        </v-card>
       <v-divider />
       <AccessPointClientsDataTable
         :wifi-devices="accessPoint.wifiDevices"
         :filter="filter"
         paginate
       />
-      </v-card-text>
+
       <v-divider />
     </v-card>
   </div>