Added footer
This commit is contained in:
parent
ad3c6f05a3
commit
609e559716
|
@ -1,6 +1,11 @@
|
|||
<template>
|
||||
<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-model="search"
|
||||
:loading="$apollo.queries.userPresence.loading"
|
||||
|
@ -35,21 +40,37 @@
|
|||
:loading="$apollo.queries.userPresence.loading && !userPresence"
|
||||
/>
|
||||
|
||||
<v-btn
|
||||
:elevation="0"
|
||||
color="accent"
|
||||
:disabled="
|
||||
!userPresence ||
|
||||
resultSize >= userPresence.length ||
|
||||
$apollo.queries.userPresence.loading
|
||||
"
|
||||
text
|
||||
large
|
||||
block
|
||||
@click="resultSize += 12"
|
||||
>
|
||||
Mostrar mais
|
||||
</v-btn>
|
||||
<v-footer>
|
||||
<v-spacer />
|
||||
<v-btn
|
||||
:elevation="0"
|
||||
:disabled="
|
||||
!userPresence ||
|
||||
resultSize >= userPresence.length ||
|
||||
$apollo.queries.userPresence.loading
|
||||
"
|
||||
large
|
||||
icon
|
||||
@click="resultSize += 12"
|
||||
>
|
||||
<v-icon>mdi-plus</v-icon>
|
||||
</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-col cols="12" md="6">
|
||||
|
|
Loading…
Reference in New Issue
Block a user