UI updates
This commit is contained in:
parent
cfab03d1ea
commit
a4f9f91b17
|
@ -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
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user