UI changes
This commit is contained in:
parent
728fcf2fc1
commit
078668680b
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue
Block a user