Use chips
This commit is contained in:
parent
13f4212667
commit
5cacac7ea0
|
@ -64,14 +64,25 @@
|
|||
|
||||
<template #[`item.signalStrength`]="{ item: { signalStrength } }">
|
||||
<template v-if="signalStrength < 0">
|
||||
<v-icon :color="signalStrengthColor(signalStrength)">
|
||||
{{ signalStrengthIcon(signalStrength) }}
|
||||
</v-icon>
|
||||
{{ signalStrength }} dBm
|
||||
<v-chip
|
||||
small
|
||||
:color="signalStrengthColor(signalStrength) + ' lighten-5'"
|
||||
>
|
||||
<v-icon
|
||||
small
|
||||
left
|
||||
:color="signalStrengthColor(signalStrength)"
|
||||
>
|
||||
{{ signalStrengthIcon(signalStrength) }}
|
||||
</v-icon>
|
||||
{{ signalStrength }} dBm
|
||||
</v-chip>
|
||||
</template>
|
||||
<template v-else>
|
||||
<v-icon>mdi-sine-wave</v-icon>
|
||||
Aguarde...
|
||||
<v-chip small>
|
||||
<v-icon small left>mdi-sine-wave</v-icon>
|
||||
Aguarde...
|
||||
</v-chip>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
|
@ -130,10 +141,10 @@ export default {
|
|||
|
||||
methods: {
|
||||
signalStrengthIcon(signalStrength) {
|
||||
if (signalStrength > -40) return 'mdi-network-strength-4'
|
||||
if (signalStrength > -65) return 'mdi-network-strength-3'
|
||||
if (signalStrength > -80) return 'mdi-network-strength-2'
|
||||
return 'mdi-network-strength-1'
|
||||
if (signalStrength > -40) return 'mdi-signal-cellular-3'
|
||||
if (signalStrength > -65) 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'
|
||||
|
|
|
@ -352,8 +352,4 @@ export default {
|
|||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.client-chip {
|
||||
width: 75px;
|
||||
}
|
||||
</style>
|
||||
<style></style>
|
||||
|
|
Loading…
Reference in New Issue
Block a user