UI updates

This commit is contained in:
Douglas Barone 2022-06-08 17:35:36 +00:00
parent cfab03d1ea
commit a4f9f91b17
3 changed files with 34 additions and 17 deletions

View File

@ -1,8 +1,23 @@
<template> <template>
<v-data-table :items="items" :headers="headers"> <v-data-table
:items="items"
:headers="headers"
v-bind="$attrs"
@click:row="
e =>
$router.push({
name: 'wifi-user-single',
params: { sAMAccountName: e.sAMAccountName }
})
"
>
<template #[`item.combinedUser`]="{ item }"> <template #[`item.combinedUser`]="{ item }">
<UserTD :user="item" /> <UserTD :user="item" />
</template> </template>
<template #[`item.count`]="{ item }">
{{ item.onlineWifiDevicesCount }} de
{{ item.offlineWifiDevicesCount + item.onlineWifiDevicesCount }}
</template>
</v-data-table> </v-data-table>
</template> </template>
@ -21,12 +36,7 @@ export default {
{ text: 'Usuário', value: 'combinedUser', sortable: false }, { text: 'Usuário', value: 'combinedUser', sortable: false },
{ {
text: 'Dispositivos Online', text: 'Dispositivos Online',
value: 'onlineWifiDevicesCount', value: 'count',
sortable: false
},
{
text: 'Dispositivos Offline',
value: 'offlineWifiDevicesCount',
sortable: false sortable: false
} }
] ]
@ -35,7 +45,9 @@ export default {
items() { items() {
return this.wifiUsers.map(wifiUser => ({ return this.wifiUsers.map(wifiUser => ({
...wifiUser, ...wifiUser,
combinedUser: `${wifiUser.displayName} (${wifiUser.sAMAccountName})` combinedUser: `${wifiUser.displayName} (${wifiUser.sAMAccountName})`,
count:
wifiUser.offlineWifiDevicesCount + wifiUser.onlineWifiDevicesCount
})) }))
} }
} }

View File

@ -52,7 +52,8 @@ export default {
if (signalStrength > -50) return 'mdi-signal-cellular-3' if (signalStrength > -50) return 'mdi-signal-cellular-3'
if (signalStrength > -67) 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' if (signalStrength > -90) return 'mdi-signal-cellular-outline'
return 'mdi-signal-off'
}, },
signalStrengthColor(signalStrength) { signalStrengthColor(signalStrength) {
if (signalStrength > -30) return 'teal' if (signalStrength > -30) return 'teal'
@ -65,13 +66,13 @@ export default {
else return 'red' else return 'red'
}, },
signalStrengthText(signalStrength) { signalStrengthText(signalStrength) {
if (signalStrength > -30) return 'Excelente' if (signalStrength >= -30) return 'Excelente'
else if (signalStrength > -50) return 'Muito bom' else if (signalStrength >= -50) return 'Muito bom'
else if (signalStrength > -60) return 'Bom' else if (signalStrength >= -60) return 'Bom'
else if (signalStrength > -67) return 'Regular' else if (signalStrength >= -67) return 'Regular'
else if (signalStrength > -70) return 'Fraco' else if (signalStrength >= -70) return 'Fraco'
else if (signalStrength > -80) return 'Conexão instável' else if (signalStrength >= -80) return 'Conexão instável'
else if (signalStrength > -90) return 'Extremamente fraco' else if (signalStrength >= -90) return 'Extremamente fraco'
else return 'Provavelmente sem conexão' else return 'Provavelmente sem conexão'
} }
} }

View File

@ -57,7 +57,11 @@
</v-chip> </v-chip>
</div> </div>
<WifiUsersDataTable v-if="wifiUsers" :wifi-users="wifiUsers.data" /> <WifiUsersDataTable
v-if="wifiUsers"
:wifi-users="wifiUsers.data"
:loading="$apollo.queries.wifiUsers.loading"
/>
<v-pagination <v-pagination
v-model="page" v-model="page"