UI changes

This commit is contained in:
Douglas Barone 2022-04-07 09:40:05 -04:00
parent 728fcf2fc1
commit 078668680b

View File

@ -42,36 +42,39 @@
<v-expansion-panels>
<v-expansion-panel v-for="user in items" :key="user.sAMAccountName">
<v-expansion-panel-header>
<div style="width: 50px">
<avatar size="24" left :src="user.thumbnailPhoto" />
{{ user.displayName }} ({{ user.sAMAccountName }})
</div>
<template #actions>
<v-badge
class="mx-4"
color="grey darken-1"
bottom
offset-y="10"
:content="
user.wifiDevices
.filter(wifiDevice => wifiDevice.status != 'ONLINE')
.length.toString()
"
>
<v-badge
color="green darken-1"
top
offset-y="10"
:content="
user.wifiDevices
.filter(wifiDevice => wifiDevice.status == 'ONLINE')
.length.toString()
"
>
<v-icon>mdi-cellphone-wireless</v-icon>
</v-badge>
</v-badge>
</template>
<v-container class="ma-0 pa-0">
<v-row>
<v-col class="shrink mr-2">
<v-badge
color="grey darken-1"
bottom
offset-y="10"
:content="
user.wifiDevices
.filter(wifiDevice => wifiDevice.status != 'ONLINE')
.length.toString()
"
>
<v-badge
color="green darken-1"
top
offset-y="10"
:content="
user.wifiDevices
.filter(wifiDevice => wifiDevice.status == 'ONLINE')
.length.toString()
"
>
<v-icon>mdi-cellphone-wireless</v-icon>
</v-badge>
</v-badge>
</v-col>
<v-col>
<avatar size="24" left :src="user.thumbnailPhoto" />
{{ user.displayName }} ({{ user.sAMAccountName }})
</v-col>
</v-row>
</v-container>
</v-expansion-panel-header>
<v-expansion-panel-content>
<v-expansion-panels accordion>