Move toolbar
This commit is contained in:
parent
5c19259746
commit
3dfbbe9264
|
@ -1,5 +1,32 @@
|
|||
<template>
|
||||
<v-container fluid>
|
||||
<v-toolbar flat class="mb-2">
|
||||
<v-text-field
|
||||
v-model="search"
|
||||
prepend-inner-icon="mdi-cellphone"
|
||||
rounded
|
||||
outlined
|
||||
dense
|
||||
label="Buscar"
|
||||
hint="MAC, IP, Usuário"
|
||||
/>
|
||||
<v-tooltip bottom>
|
||||
<span>Atualizar</span>
|
||||
<template #activator="{ on }">
|
||||
<v-btn
|
||||
class="ml-2 mb-6"
|
||||
:loading="$apollo.queries.wifiDevices.loading"
|
||||
color="primary"
|
||||
icon
|
||||
large
|
||||
v-on="on"
|
||||
@click="$apollo.queries.wifiDevices.refresh()"
|
||||
>
|
||||
<v-icon>mdi-refresh</v-icon>
|
||||
</v-btn>
|
||||
</template>
|
||||
</v-tooltip>
|
||||
</v-toolbar>
|
||||
<v-data-iterator
|
||||
:items="computedWifiDevices"
|
||||
:items-per-page.sync="itemsPerPage"
|
||||
|
@ -7,34 +34,6 @@
|
|||
:loading="$apollo.queries.wifiDevices.loading"
|
||||
:search="search"
|
||||
>
|
||||
<template #header>
|
||||
<v-toolbar flat class="mb-2">
|
||||
<v-text-field
|
||||
v-model="search"
|
||||
rounded
|
||||
outlined
|
||||
label="Buscar"
|
||||
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"
|
||||
icon
|
||||
large
|
||||
v-on="on"
|
||||
@click="$apollo.queries.wifiDevices.refresh()"
|
||||
>
|
||||
<v-icon>mdi-refresh</v-icon>
|
||||
</v-btn>
|
||||
</template>
|
||||
</v-tooltip>
|
||||
</v-toolbar>
|
||||
</template>
|
||||
<template #default="{ items }">
|
||||
<v-expansion-panels multiple>
|
||||
<v-expansion-panel v-for="device in items" :key="device.mac">
|
||||
|
|
|
@ -1,39 +1,37 @@
|
|||
<template>
|
||||
<v-container fluid>
|
||||
<v-toolbar flat class="mb-2">
|
||||
<v-text-field
|
||||
v-model="search"
|
||||
prepend-inner-icon="mdi-account"
|
||||
rounded
|
||||
outlined
|
||||
label="Buscar"
|
||||
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"
|
||||
icon
|
||||
large
|
||||
v-on="on"
|
||||
@click="$apollo.queries.wifiUsers.refresh()"
|
||||
>
|
||||
<v-icon>mdi-refresh</v-icon>
|
||||
</v-btn>
|
||||
</template>
|
||||
</v-tooltip>
|
||||
</v-toolbar>
|
||||
<v-data-iterator
|
||||
:items="sortedWifiUsers"
|
||||
:loading="$apollo.queries.wifiUsers.loading"
|
||||
:search="search"
|
||||
>
|
||||
<template #header>
|
||||
<v-toolbar flat class="mb-2">
|
||||
<v-text-field
|
||||
v-model="search"
|
||||
rounded
|
||||
outlined
|
||||
label="Buscar"
|
||||
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"
|
||||
icon
|
||||
large
|
||||
v-on="on"
|
||||
@click="$apollo.queries.wifiUsers.refresh()"
|
||||
>
|
||||
<v-icon>mdi-refresh</v-icon>
|
||||
</v-btn>
|
||||
</template>
|
||||
</v-tooltip>
|
||||
</v-toolbar>
|
||||
</template>
|
||||
|
||||
<template #default="{ items }">
|
||||
<v-expansion-panels>
|
||||
<v-expansion-panel v-for="user in items" :key="user.sAMAccountName">
|
||||
|
|
Loading…
Reference in New Issue
Block a user