summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/LogModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/LogModule.vue')
-rw-r--r--webapp/src/components/LogModule.vue50
1 files changed, 32 insertions, 18 deletions
diff --git a/webapp/src/components/LogModule.vue b/webapp/src/components/LogModule.vue
index 386b46b..4d08464 100644
--- a/webapp/src/components/LogModule.vue
+++ b/webapp/src/components/LogModule.vue
@@ -15,7 +15,8 @@
"groups": "Groups",
"clients": "Clients",
"users": "Users",
- "includeSubgroups": "Include Subgroups"
+ "includeSubgroups": "Include Subgroups",
+ "refresh" :"Refresh"
},
"de": {
"systemLog": "System Protokoll",
@@ -32,7 +33,8 @@
"groups": "Gruppen",
"clients": "Clients",
"users": "Benutzer",
- "includeSubgroups": "Inklusive Untergruppen"
+ "includeSubgroups": "Inklusive Untergruppen",
+ "refresh": "Aktualisieren"
}
}
</i18n>
@@ -146,7 +148,7 @@
</div>
</v-flex>
- <v-flex xs12 md3 order-xs3>
+ <v-flex xs12 md6 order-xs3>
<select-box
class="select-box"
:value="filter.clientFilter"
@@ -158,32 +160,34 @@
hide-details
></select-box>
</v-flex>
- <v-flex xs12 md3 order-xs4>
+ <v-flex xs12 md6 order-xs4>
<select-box
class="select-box"
- :value="filter.groupFilter"
- @input="setFilter('groupFilter', $event)"
- :items="groupList"
+ :value="filter.userFilter"
+ @input="setFilter('userFilter', $event)"
+ :items="userList"
:max-columns="selectBoxColumnCount"
- prepend-icon="category"
- :label="$t('groups')"
+ prepend-icon="person"
+ :label="$t('users')"
hide-details
></select-box>
</v-flex>
- <v-flex xs12 md3 order-xs4>
+ <v-flex xs12 md6 order-xs4>
<select-box
class="select-box"
- :value="filter.userFilter"
- @input="setFilter('userFilter', $event)"
- :items="userList"
+ :value="filter.groupFilter"
+ @input="setFilter('groupFilter', $event)"
+ :items="groupList"
:max-columns="selectBoxColumnCount"
- prepend-icon="person"
- :label="$t('users')"
+ prepend-icon="category"
+ :label="$t('groups')"
hide-details
></select-box>
</v-flex>
- <v-flex xs12 md3 order-xs5 style="display: flex; align-items: flex-end; justify-content: flex-end">
- <v-btn color="primary" :loading="loading" @click="loadLog"><v-icon left>filter_list</v-icon>{{ $t('filter') }}</v-btn>
+ <v-flex xs12 md6 order-xs5 style="display: flex; align-items: flex-end; justify-content: flex-end">
+ <v-btn color="primary" :loading="loading" @click="loadLog">
+ <v-icon left>{{ filterModified ? 'filter_list' : 'refresh' }}</v-icon>{{ $t(filterModified ? 'filter' : 'refresh') }}
+ </v-btn>
</v-flex>
</v-layout>
</v-card-text>
@@ -317,7 +321,8 @@ export default {
toDateMenu: false,
toTimeMenu: false,
groupRecursive: false,
- userList: []
+ userList: [],
+ filterModified: false
}
},
computed: {
@@ -341,6 +346,14 @@ export default {
return this.$vuetify.breakpoint.xsOnly ? 250 : undefined
}
},
+ watch: {
+ filter: {
+ deep: true,
+ handler () {
+ this.filterModified = true
+ }
+ }
+ },
methods: {
setFilter (filter, value) {
if (filter === 'toDate' && !this.filter.toTime) this.$store.commit('log/setFilter', { filter: 'toTime', value: this.formatDate(new Date(), { date: false, seconds: false }) })
@@ -402,6 +415,7 @@ export default {
}
this.log = response.data
this.loading = false
+ this.filterModified = false
}
},
created () {