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