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

UI update

Browse Source
This commit is contained in:
Douglas Barone 2022-09-05 13:10:15 -04:00
parent d753ed3f9e
commit ea8e56aa77
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/views/AccessPoints/index.vue
View File

@ -76,7 +76,6 @@
hide-default-footer hide-default-footer
disable-pagination disable-pagination
:group-by="groupBy ? 'campus' : null" :group-by="groupBy ? 'campus' : null"
@click:row="navigateToAccessPoint"
> >
<template <template
#[`group.header`]="{ #[`group.header`]="{
@ -125,9 +124,10 @@
</v-btn> </v-btn>
</v-expand-x-transition> </v-expand-x-transition>
<span> <v-btn text @click="navigateToAccessPoint(item.id)">
<v-icon v-if="hover" left>mdi-open-in-new</v-icon>
{{ item.name }} {{ item.name }}
</span> </v-btn>
</span> </span>
</v-hover> </v-hover>
</template> </template>
@ -153,16 +153,21 @@
<template #[`item.clients`]="{ item }"> <template #[`item.clients`]="{ item }">
<div class="align-content-end"> <div class="align-content-end">
<v-btn <v-btn
:disabled="item.uptime == -1"
block block
small small
rounded rounded
:elevation="0" :elevation="0"
:color="loadColor(item.clients) + ' lighten-5'" :color="
item.uptime == -1 ? '' : loadColor(item.clients) + ' lighten-5'
"
light light
:outlined="$vuetify.theme.dark" :outlined="$vuetify.theme.dark"
@click="navigateToAccessPoint(item.id)"
> >
<v-icon left :color="loadColor(item.clients)"> <v-icon
left
:color="item.uptime == -1 ? '' : loadColor(item.clients)"
>
{{ loadIcon(item.clients) }} {{ loadIcon(item.clients) }}
</v-icon> </v-icon>
{{ item.clients }} {{ item.clients }}
@ -176,7 +181,9 @@
{{ item.uptime | durationFromSeconds }} {{ item.uptime | durationFromSeconds }}
</small> </small>
</span> </span>
<span v-else><small> Off-line ou não registrado</small> </span> <span v-else>
<v-chip small color="error"> Off-line </v-chip>
</span>
</template> </template>
<template #[`item.updatedAt`]="{ item }"> <template #[`item.updatedAt`]="{ item }">
@ -298,10 +305,10 @@ export default {
}, },
methods: { methods: {
navigateToAccessPoint(accessPoint) { navigateToAccessPoint(id) {
this.$router.push({ this.$router.push({
name: 'access-point-clients', name: 'access-point-clients',
params: { id: accessPoint.id } params: { id }
}) })
}, },