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

Use chips

Browse Source
This commit is contained in:
Douglas Barone 2022-06-03 02:53:35 +00:00
parent 13f4212667
commit 5cacac7ea0
2 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -64,14 +64,25 @@
<template #[`item.signalStrength`]="{ item: { signalStrength } }"> <template #[`item.signalStrength`]="{ item: { signalStrength } }">
<template v-if="signalStrength < 0"> <template v-if="signalStrength < 0">
<v-icon :color="signalStrengthColor(signalStrength)"> <v-chip
small
:color="signalStrengthColor(signalStrength) + ' lighten-5'"
>
<v-icon
small
left
:color="signalStrengthColor(signalStrength)"
>
{{ signalStrengthIcon(signalStrength) }} {{ signalStrengthIcon(signalStrength) }}
</v-icon> </v-icon>
{{ signalStrength }} dBm {{ signalStrength }} dBm
</v-chip>
</template> </template>
<template v-else> <template v-else>
<v-icon>mdi-sine-wave</v-icon> <v-chip small>
<v-icon small left>mdi-sine-wave</v-icon>
Aguarde... Aguarde...
</v-chip>
</template> </template>
</template> </template>
@ -130,10 +141,10 @@ export default {
methods: { methods: {
signalStrengthIcon(signalStrength) { signalStrengthIcon(signalStrength) {
if (signalStrength > -40) return 'mdi-network-strength-4' if (signalStrength > -40) return 'mdi-signal-cellular-3'
if (signalStrength > -65) return 'mdi-network-strength-3' if (signalStrength > -65) return 'mdi-signal-cellular-2'
if (signalStrength > -80) return 'mdi-network-strength-2' if (signalStrength > -80) return 'mdi-signal-cellular-1'
return 'mdi-network-strength-1' return 'mdi-signal-cellular-outline'
}, },
signalStrengthColor(signalStrength) { signalStrengthColor(signalStrength) {
if (signalStrength > -40) return 'green' if (signalStrength > -40) return 'green'

6
web/src/views/AccessPoints/index.vue
View File

@ -352,8 +352,4 @@ export default {
} }
</script> </script>
<style> <style></style>
.client-chip {
width: 75px;
}
</style>