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

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

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

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

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