UI update
This commit is contained in:
parent
d753ed3f9e
commit
ea8e56aa77
|
@ -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 }
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user