Added Tooltips
This commit is contained in:
parent
87f7ed4cd8
commit
008379f8e1
|
@ -17,15 +17,22 @@
|
||||||
hint="MAC, IP, Usuário"
|
hint="MAC, IP, Usuário"
|
||||||
dense
|
dense
|
||||||
/>
|
/>
|
||||||
|
<v-tooltip bottom>
|
||||||
|
<span>Atualizar</span>
|
||||||
|
<template #activator="{ on }">
|
||||||
<v-btn
|
<v-btn
|
||||||
class="ml-2 mb-6"
|
class="ml-2 mb-6"
|
||||||
:loading="$apollo.queries.wifiDevices.loading"
|
:loading="$apollo.queries.wifiDevices.loading"
|
||||||
color="primary"
|
color="primary"
|
||||||
text
|
icon
|
||||||
|
large
|
||||||
|
v-on="on"
|
||||||
@click="$apollo.queries.wifiDevices.refresh()"
|
@click="$apollo.queries.wifiDevices.refresh()"
|
||||||
>
|
>
|
||||||
<v-icon left>mdi-refresh</v-icon> Atualizar
|
<v-icon>mdi-refresh</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
</template>
|
||||||
|
</v-tooltip>
|
||||||
</v-toolbar>
|
</v-toolbar>
|
||||||
</template>
|
</template>
|
||||||
<template #default="{ items }">
|
<template #default="{ items }">
|
||||||
|
|
|
@ -15,15 +15,22 @@
|
||||||
hint="Nome, conta"
|
hint="Nome, conta"
|
||||||
dense
|
dense
|
||||||
/>
|
/>
|
||||||
|
<v-tooltip bottom>
|
||||||
|
<span>Atualizar</span>
|
||||||
|
<template #activator="{ on }">
|
||||||
<v-btn
|
<v-btn
|
||||||
class="ml-2 mb-6"
|
class="ml-2 mb-6"
|
||||||
:loading="$apollo.queries.wifiUsers.loading"
|
:loading="$apollo.queries.wifiUsers.loading"
|
||||||
color="primary"
|
color="primary"
|
||||||
text
|
icon
|
||||||
|
large
|
||||||
|
v-on="on"
|
||||||
@click="$apollo.queries.wifiUsers.refresh()"
|
@click="$apollo.queries.wifiUsers.refresh()"
|
||||||
>
|
>
|
||||||
<v-icon left>mdi-refresh</v-icon> Atualizar
|
<v-icon>mdi-refresh</v-icon>
|
||||||
</v-btn>
|
</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"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user