Added info

This commit is contained in:
Douglas Barone 2020-12-03 18:54:20 -04:00
parent 472982a97f
commit bd85777d3f
2 changed files with 8 additions and 5 deletions

View File

@ -5,7 +5,6 @@
<v-list-item <v-list-item
v-for="userPresence in userPresences" v-for="userPresence in userPresences"
:key="userPresence.user.id" :key="userPresence.user.id"
link
> >
<v-list-item-avatar size="52px" style="overflow: visible"> <v-list-item-avatar size="52px" style="overflow: visible">
<v-badge <v-badge

View File

@ -1,15 +1,15 @@
<template> <template>
<v-container fluid class="mb-12"> <v-container fluid class="mb-12">
<v-toolbar flat height="120" class="mb-4"> <v-toolbar prominent flat>
<v-spacer /> <v-spacer />
<v-text-field <v-text-field
v-model="search" v-model="search"
class="mt-6"
label="Pesquisar" label="Pesquisar"
hint="Usuário ou AP (Ex.: jose, pp, sala 102)" hint="Usuário ou AP (Ex.: jose, pp, sala 102)"
prepend-inner-icon="mdi-account-search" prepend-inner-icon="mdi-account-search"
outlined outlined
rounded rounded
autofocus
clearable clearable
style="max-width: 480px" style="max-width: 480px"
/> />
@ -37,12 +37,16 @@
Mostrar mais Mostrar mais
</v-btn> </v-btn>
<v-alert class="my-12" color="info" outlined> <v-alert class="mt-12" color="info" outlined dismissible icon="mdi-alert">
A lista de pessoas mostrada aqui é obtida através do uso da rede Wireless. A lista de pessoas mostrada aqui é obtida através do uso da rede Wireless.
Este método não é preciso (podendo não indicar alguém presente ou Este método não é preciso (podendo não indicar alguém presente ou
indicando alguém que deixou um dispositivo no campus). Use esta lista com indicando alguém que deixou um dispositivo no campus). Use esta lista com
a devida cautela. a devida cautela.
</v-alert> </v-alert>
<v-alert color="accent" outlined dismissible icon="mdi-update">
A lista é atualizada automaticamente. Não é necessário atualizar a página.
</v-alert>
</v-container> </v-container>
</template> </template>
@ -55,7 +59,7 @@ export default {
components: { UserPresenceStatusList }, components: { UserPresenceStatusList },
data: () => ({ data: () => ({
search: '', search: '',
resultSize: 10 resultSize: 5
}), }),
apollo: { apollo: {
userPresence: { userPresence: {