From 681c2100d6d41781f97238e283772e047b76b622 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Fri, 3 Jun 2022 12:45:20 +0000
Subject: [PATCH] Signal strength meter bars OK

---
 web/src/views/AccessPoints/clients.vue | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/web/src/views/AccessPoints/clients.vue b/web/src/views/AccessPoints/clients.vue
index d2a4322..fb106d3 100644
--- a/web/src/views/AccessPoints/clients.vue
+++ b/web/src/views/AccessPoints/clients.vue
@@ -42,13 +42,14 @@
         <v-divider />
         <v-card-text>
           <v-data-table
-            sort-by="name"
+            sort-by="signalStrength"
             :items="accessPoint.wifiDevices"
             :headers="headers"
             :search="filter"
             dense
             hide-default-footer
             disable-pagination
+            no-data-text="Nenhum cliente conectado à este AP"
           >
             <template #[`item.user`]="{ item: { user } }">
               <span v-if="user">
@@ -71,7 +72,7 @@
                   <v-icon
                     small
                     left
-                    :color="signalStrengthColor(signalStrength)"
+                    :color="signalStrengthColor(signalStrength) + ' darken-2'"
                   >
                     {{ signalStrengthIcon(signalStrength) }}
                   </v-icon>
@@ -79,8 +80,8 @@
                 </v-chip>
               </template>
               <template v-else>
-                <v-chip small>
-                  <v-icon small left>mdi-sine-wave</v-icon>
+                <v-chip small outlined>
+                  <v-icon small left>mdi-signal-off</v-icon>
                   Aguarde...
                 </v-chip>
               </template>
@@ -141,18 +142,18 @@ export default {
 
   methods: {
     signalStrengthIcon(signalStrength) {
-      if (signalStrength > -40) return 'mdi-signal-cellular-3'
-      if (signalStrength > -65) return 'mdi-signal-cellular-2'
+      if (signalStrength > -50) return 'mdi-signal-cellular-3'
+      if (signalStrength > -67) return 'mdi-signal-cellular-2'
       if (signalStrength > -80) return 'mdi-signal-cellular-1'
       return 'mdi-signal-cellular-outline'
     },
     signalStrengthColor(signalStrength) {
-      if (signalStrength > -40) return 'green'
-      else if (signalStrength > -50) return 'light-green'
-      else if (signalStrength > -60) return 'lime'
-      else if (signalStrength > -75) return 'amber'
-      else if (signalStrength > -90) return 'orange'
-      else if (signalStrength > -105) return 'deep-orange'
+      if (signalStrength > -50) return 'green'
+      else if (signalStrength > -60) return 'light-green'
+      else if (signalStrength > -67) return 'lime'
+      else if (signalStrength > -70) return 'amber'
+      else if (signalStrength > -80) return 'orange'
+      else if (signalStrength > -90) return 'deep-orange'
       else return 'red'
     }
   },