Added footer

This commit is contained in:
Douglas Barone 2020-12-09 10:49:29 -04:00
parent ad3c6f05a3
commit 609e559716

View File

@ -1,6 +1,11 @@
<template> <template>
<div> <div>
<v-toolbar height="100" class="align-content-center bottom-border" flat> <v-toolbar
height="100"
class="align-content-center bottom-border"
flat
tile
>
<v-text-field <v-text-field
v-model="search" v-model="search"
:loading="$apollo.queries.userPresence.loading" :loading="$apollo.queries.userPresence.loading"
@ -35,21 +40,37 @@
:loading="$apollo.queries.userPresence.loading && !userPresence" :loading="$apollo.queries.userPresence.loading && !userPresence"
/> />
<v-btn <v-footer>
:elevation="0" <v-spacer />
color="accent" <v-btn
:disabled=" :elevation="0"
!userPresence || :disabled="
resultSize >= userPresence.length || !userPresence ||
$apollo.queries.userPresence.loading resultSize >= userPresence.length ||
" $apollo.queries.userPresence.loading
text "
large large
block icon
@click="resultSize += 12" @click="resultSize += 12"
> >
Mostrar mais <v-icon>mdi-plus</v-icon>
</v-btn> </v-btn>
<v-btn
class="ml-2"
icon
:elevation="0"
:disabled="
!userPresence ||
resultSize >= userPresence.length ||
$apollo.queries.userPresence.loading ||
resultSize <= 12
"
large
@click="resultSize -= 12"
>
<v-icon>mdi-minus</v-icon>
</v-btn>
</v-footer>
<v-row class="mt-6"> <v-row class="mt-6">
<v-col cols="12" md="6"> <v-col cols="12" md="6">