Move toolbar

This commit is contained in:
Douglas Barone 2020-12-04 08:43:33 -04:00
parent 5c19259746
commit 3dfbbe9264
2 changed files with 54 additions and 57 deletions

View File

@ -1,5 +1,32 @@
<template> <template>
<v-container fluid> <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 <v-data-iterator
:items="computedWifiDevices" :items="computedWifiDevices"
:items-per-page.sync="itemsPerPage" :items-per-page.sync="itemsPerPage"
@ -7,34 +34,6 @@
:loading="$apollo.queries.wifiDevices.loading" :loading="$apollo.queries.wifiDevices.loading"
:search="search" :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 }"> <template #default="{ items }">
<v-expansion-panels multiple> <v-expansion-panels multiple>
<v-expansion-panel v-for="device in items" :key="device.mac"> <v-expansion-panel v-for="device in items" :key="device.mac">

View File

@ -1,39 +1,37 @@
<template> <template>
<v-container fluid> <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 <v-data-iterator
:items="sortedWifiUsers" :items="sortedWifiUsers"
:loading="$apollo.queries.wifiUsers.loading" :loading="$apollo.queries.wifiUsers.loading"
:search="search" :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 }"> <template #default="{ items }">
<v-expansion-panels> <v-expansion-panels>
<v-expansion-panel v-for="user in items" :key="user.sAMAccountName"> <v-expansion-panel v-for="user in items" :key="user.sAMAccountName">