Signal strength meter bars OK
This commit is contained in:
parent
5cacac7ea0
commit
681c2100d6
|
@ -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'
|
||||
}
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue
Block a user