diff --git a/frontend/src/components/audit-log/AuditLogBrowser.vue b/frontend/src/components/audit-log/AuditLogBrowser.vue
index 0d8a73cbed..cb2745b282 100644
--- a/frontend/src/components/audit-log/AuditLogBrowser.vue
+++ b/frontend/src/components/audit-log/AuditLogBrowser.vue
@@ -9,23 +9,21 @@
Event Type:
-
-
-
-
+
User:
-
-
-
-
+
@@ -35,6 +33,7 @@
import SectionTopMenu from '../../components/SectionTopMenu.vue'
import AuditEventsService from '../../services/audit-events.js'
+import FfListbox from '../../ui-components/components/form/ListBox.vue'
import FormHeading from '../FormHeading.vue'
import AuditLog from './AuditLog.vue'
@@ -42,6 +41,7 @@ import AuditLog from './AuditLog.vue'
export default {
name: 'AuditLogPage',
components: {
+ FfListbox,
AuditLog,
SectionTopMenu,
FormHeading
@@ -75,6 +75,24 @@ export default {
}
}
},
+ computed: {
+ typeOptions () {
+ return [
+ { label: 'Show All', value: undefined },
+ ...this.auditFilters.types.map(type => ({ label: type[0], value: type[1][0] }))
+ ]
+ },
+ userOptions () {
+ return [
+ { label: 'Show All', value: undefined },
+ ...this.auditFilters.users.map(user => ({
+ label: `${user.name} (${user.username})`,
+ value: user.username
+ }
+ ))
+ ]
+ }
+ },
watch: {
'auditFilters.user': function () {
if (this.loading || this.gettingEntries) {
@@ -120,9 +138,7 @@ export default {
params.append('username', this.auditFilters.user)
}
if (this.auditFilters.type) {
- this.auditFilters.type.forEach((evt) => {
- params.append('event', evt)
- })
+ params.append('event', this.auditFilters.type)
}
this.$emit('load-entries', params)
diff --git a/frontend/src/pages/instance/AuditLog.vue b/frontend/src/pages/instance/AuditLog.vue
index c4c57f65ee..70a16cd718 100644
--- a/frontend/src/pages/instance/AuditLog.vue
+++ b/frontend/src/pages/instance/AuditLog.vue
@@ -39,8 +39,9 @@ export default {
instance () {
this.$refs.AuditLog?.loadEntries()
},
- 'team.id' () {
- this.loadUsers()
+ 'team.id': {
+ handler: function (teamId) { if (teamId) this.loadUsers() },
+ immediate: true
}
},
methods: {
diff --git a/frontend/src/pages/instance/Logs.vue b/frontend/src/pages/instance/Logs.vue
index 3c3862f46a..1fd5d43dae 100644
--- a/frontend/src/pages/instance/Logs.vue
+++ b/frontend/src/pages/instance/Logs.vue
@@ -4,13 +4,12 @@
@@ -20,12 +19,14 @@