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

Use built-in Data Iterator search

Browse Source
This commit is contained in:
Douglas Barone 2020-11-27 10:48:20 -04:00
parent d2d6a3a28a
commit f8da81a895
1 changed files with 13 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/views/WifiDevices.vue
View File

@ -5,6 +5,7 @@
:items-per-page.sync="itemsPerPage"
:page="page"
:loading="$apollo.queries.wifiDevices.loading"
:search="search"
>
<template #header>
<v-toolbar flat class="mb-2">
@ -120,14 +121,14 @@
</v-list-item>
<v-list-item>
<v-list-item-action>
<Avatar :src="item.user.thumbnailPhoto" size="24px" />
<Avatar :src="item.thumbnailPhoto" size="24px" />
</v-list-item-action>
<v-list-item-content>
<v-list-item-title>
{{ item.user.displayName }}
{{ item.displayName }}
</v-list-item-title>
<v-list-item-subtitle>
{{ item.user.sAMAccountName }}
{{ item.sAMAccountName }}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
@ -149,7 +150,7 @@ export default {
components: { Avatar },
data: () => ({
search: '',
itemsPerPage: 24,
itemsPerPage: 15,
itemsPerPageArray: [15, 30, 60, 120],
page: 1
}),
@ -184,24 +185,14 @@ export default {
computedWifiDevices() {
const filter = this.search.toLowerCase()
return this.wifiDevices
?.map(device => ({
...device,
hostname: device.hostname || 'Desconhecido',
isOnline: device.status == 'ONLINE',
user: device.user || {
displayName: 'Não autenticado',
sAMAccountName: null,
thumbnailPhoto: null
}
}))
.filter(
({ ip, mac, user }) =>
ip.includes(filter) ||
mac.includes(filter) ||
user.displayName.toLowerCase().includes(filter) ||
user.sAMAccountName?.includes(filter)
)
return this.wifiDevices?.map(device => ({
...device,
hostname: device.hostname || 'Desconhecido',
isOnline: device.status == 'ONLINE',
displayName: device.user?.displayName || 'Não autenticado',
sAMAccountName: device.user?.sAMAccountName,
thumbnailPhoto: device.user?.thumbnailPhoto
}))
}
}
}