Added tooltip
This commit is contained in:
parent
5a95582b13
commit
d7cf330761
|
@ -1,7 +1,13 @@
|
|||
<template>
|
||||
<span class="signal-strength">
|
||||
<v-tooltip left :color="signalStrengthColor(value)" open-delay="400">
|
||||
<template #activator="{ on, attrs }">
|
||||
<template v-if="value < 0">
|
||||
<v-chip :color="signalStrengthColor(value) + ' lighten-5'" small>
|
||||
<v-chip
|
||||
:color="signalStrengthColor(value) + ' lighten-5'"
|
||||
small
|
||||
v-bind="attrs"
|
||||
v-on="on"
|
||||
>
|
||||
<v-icon small left :color="signalStrengthColor(value) + ' darken-2'">
|
||||
{{ signalStrengthIcon(value) }}
|
||||
</v-icon>
|
||||
|
@ -15,7 +21,9 @@
|
|||
<small>Aguarde...</small>
|
||||
</v-chip>
|
||||
</template>
|
||||
</span>
|
||||
</template>
|
||||
<span>{{ signalStrengthText(value) }}</span>
|
||||
</v-tooltip>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
@ -41,6 +49,15 @@ export default {
|
|||
else if (signalStrength > -80) return 'orange'
|
||||
else if (signalStrength > -90) return 'deep-orange'
|
||||
else return 'red'
|
||||
},
|
||||
signalStrengthText(signalStrength) {
|
||||
if (signalStrength > -50) return 'Excelente'
|
||||
else if (signalStrength > -60) return 'Bom'
|
||||
else if (signalStrength > -67) return 'Regular'
|
||||
else if (signalStrength > -70) return 'Fraco'
|
||||
else if (signalStrength > -80) return 'Conexão instável'
|
||||
else if (signalStrength > -90) return 'Extremamente fraco'
|
||||
else return 'Provavelmente sem conexão'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user