1839811/ifms-pti
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Signal strength meter bars OK

Browse Source
This commit is contained in:
Douglas Barone 2022-06-03 12:45:20 +00:00
parent 5cacac7ea0
commit 681c2100d6
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/views/AccessPoints/clients.vue
View File

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