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

Added tooltip

Browse Source
This commit is contained in:
Douglas Barone 2022-06-06 21:58:21 +00:00
parent 5a95582b13
commit d7cf330761
1 changed files with 33 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/components/signalStrength.vue
View File

@ -1,7 +1,13 @@
<template> <template>
<span class="signal-strength"> <v-tooltip left :color="signalStrengthColor(value)" open-delay="400">
<template #activator="{ on, attrs }">
<template v-if="value < 0"> <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'"> <v-icon small left :color="signalStrengthColor(value) + ' darken-2'">
{{ signalStrengthIcon(value) }} {{ signalStrengthIcon(value) }}
</v-icon> </v-icon>
@ -15,7 +21,9 @@
<small>Aguarde...</small> <small>Aguarde...</small>
</v-chip> </v-chip>
</template> </template>
</span> </template>
<span>{{ signalStrengthText(value) }}</span>
</v-tooltip>
</template> </template>
<script> <script>
@ -41,6 +49,15 @@ export default {
else if (signalStrength > -80) return 'orange' else if (signalStrength > -80) return 'orange'
else if (signalStrength > -90) return 'deep-orange' else if (signalStrength > -90) return 'deep-orange'
else return 'red' 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'
} }
} }
} }