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

Added Tooltips

Browse Source
This commit is contained in:
Douglas Barone 2020-12-03 10:49:56 -04:00
parent 87f7ed4cd8
commit 008379f8e1
2 changed files with 48 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,15 +17,22 @@
hint="MAC, IP, Usuário"
dense
/>
<v-tooltip bottom>
<span>Atualizar</span>
<template #activator="{ on }">
<v-btn
class="ml-2 mb-6"
:loading="$apollo.queries.wifiDevices.loading"
color="primary"
text
icon
large
v-on="on"
@click="$apollo.queries.wifiDevices.refresh()"
>
<v-icon left>mdi-refresh</v-icon> Atualizar
<v-icon>mdi-refresh</v-icon>
</v-btn>
</template>
</v-tooltip>
</v-toolbar>
</template>
<template #default="{ items }">

41
web/src/views/WifiUsers.vue
View File

@ -15,15 +15,22 @@
hint="Nome, conta"
dense
/>
<v-tooltip bottom>
<span>Atualizar</span>
<template #activator="{ on }">
<v-btn
class="ml-2 mb-6"
:loading="$apollo.queries.wifiUsers.loading"
color="primary"
text
icon
large
v-on="on"
@click="$apollo.queries.wifiUsers.refresh()"
>
<v-icon left>mdi-refresh</v-icon> Atualizar
<v-icon>mdi-refresh</v-icon>
</v-btn>
</template>
</v-tooltip>
</v-toolbar>
</template>
@ -33,35 +40,37 @@
<v-expansion-panel-header>
<div style="width: 50px">
<avatar size="24" left :src="user.thumbnailPhoto" />
{{ user.displayName }}
{{ user.displayName }} ({{ user.sAMAccountName }})
</div>
<template #actions>
<v-badge
color="green"
bottom
:content="
user.wifiDevices
.filter(wifiDevice => wifiDevice.isOnline)
.length.toString()
"
>
<v-icon color="green">mdi-cellphone-wireless</v-icon>
</v-badge>
<v-badge
class="mx-4"
color="grey"
color="grey darken-1"
bottom
offset-y="10"
:content="
user.wifiDevices
.filter(wifiDevice => !wifiDevice.isOnline)
.length.toString()
"
>
<v-icon color="grey">mdi-cellphone-wireless</v-icon>
<v-badge
color="green"
top
offset-y="10"
:content="
user.wifiDevices
.filter(wifiDevice => wifiDevice.isOnline)
.length.toString()
"
>
<v-icon>mdi-cellphone-wireless</v-icon>
</v-badge>
</v-badge>
</template>
</v-expansion-panel-header>
<v-expansion-panel-content>
Dispositivos associados à este usuário:
<v-expansion-panels flat>
<v-expansion-panel
v-for="device in user.wifiDevices"