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-footer>
<v-spacer />
<v-btn <v-btn
:elevation="0" :elevation="0"
color="accent"
:disabled=" :disabled="
!userPresence || !userPresence ||
resultSize >= userPresence.length || resultSize >= userPresence.length ||
$apollo.queries.userPresence.loading $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">