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-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'
}
},