1839811/ifms-pti
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Addes progress bar as loader

Browse Source
This commit is contained in:
Douglas Barone 2020-12-18 09:40:19 -04:00
parent 18a46374f0
commit 127078a506
1 changed files with 78 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/views/UserPresence.vue
View File

@ -18,7 +18,7 @@
style="max-width: 512px" style="max-width: 512px"
> >
<v-progress-circular <v-progress-circular
v-if="$apollo.queries.userPresence.loading" v-if="$apollo.queries.userPresence.loading && search"
slot="prepend" slot="prepend"
color="grey" color="grey"
class="pa-0 ma-0" class="pa-0 ma-0"
@ -28,6 +28,10 @@
/> />
</v-text-field> </v-text-field>
</v-toolbar> </v-toolbar>
<v-progress-linear
height="2"
:indeterminate="$apollo.queries.userPresence.loading"
/>
<v-container fluid class="mb-12"> <v-container fluid class="mb-12">
<div v-if="stats" class="text-center my-4"> <div v-if="stats" class="text-center my-4">
<span> <span>
@ -50,12 +54,13 @@
</v-scale-transition> </v-scale-transition>
</div> </div>
<div <v-fade-transition
v-if=" v-if="
!$apollo.queries.userPresence.loading || pagedUserPresences.length !$apollo.queries.userPresence.loading || pagedUserPresences.length
" "
class="layout row row--dense wrap"
group
> >
<v-fade-transition class="layout row row--dense wrap" group>
<v-col <v-col
v-for="userPresence in pagedUserPresences" v-for="userPresence in pagedUserPresences"
:key="userPresence.id" :key="userPresence.id"
@ -104,9 +109,7 @@
<template v-if="userPresence.status == 'RECENT'"> <template v-if="userPresence.status == 'RECENT'">
<v-list-item-subtitle> <v-list-item-subtitle>
<span class="font-weight-medium" <span class="font-weight-medium">Visto recentemente</span>
>Visto recentemente</span
>
</v-list-item-subtitle> </v-list-item-subtitle>
<v-list-item-subtitle> <v-list-item-subtitle>
Próximo ao AP Próximo ao AP
@ -133,7 +136,6 @@
</v-card> </v-card>
</v-col> </v-col>
</v-fade-transition> </v-fade-transition>
</div>
<div v-else> <div v-else>
<div class="layout row row--dense wrap"> <div class="layout row row--dense wrap">