From 6c395713bae53cb4cfe0e0bf9f7601485296ae57 Mon Sep 17 00:00:00 2001
From: Sonia Zorba <sonia.zorba@inaf.it>
Date: Fri, 11 Sep 2020 16:51:35 +0200
Subject: [PATCH] Added debounce on search user input
---
gms-ui/src/components/GroupsPanel.vue | 2 +-
gms-ui/src/components/modals/AddGroupModal.vue | 2 +-
gms-ui/src/components/modals/SearchUser.vue | 4 ++++
3 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/gms-ui/src/components/GroupsPanel.vue b/gms-ui/src/components/GroupsPanel.vue
index b5a730f..748119a 100644
--- a/gms-ui/src/components/GroupsPanel.vue
+++ b/gms-ui/src/components/GroupsPanel.vue
@@ -71,7 +71,7 @@ export default {
}
},
created: function() {
- this.filterGroups = debounce(this.filterGroups, 500)
+ this.filterGroups = debounce(this.filterGroups, 500);
}
}
</script>
diff --git a/gms-ui/src/components/modals/AddGroupModal.vue b/gms-ui/src/components/modals/AddGroupModal.vue
index e48328f..ecdbe40 100644
--- a/gms-ui/src/components/modals/AddGroupModal.vue
+++ b/gms-ui/src/components/modals/AddGroupModal.vue
@@ -33,11 +33,11 @@ export default {
methods: {
resetModal: function() {
this.newGroupName = null;
+ this.leaf = true;
this.resetError();
},
afterShow: function() {
this.$refs.newGroupNameInput.focus();
- this.leaf = true;
},
resetError: function() {
this.newGroupNameError = null;
diff --git a/gms-ui/src/components/modals/SearchUser.vue b/gms-ui/src/components/modals/SearchUser.vue
index ebb0287..a6b0581 100644
--- a/gms-ui/src/components/modals/SearchUser.vue
+++ b/gms-ui/src/components/modals/SearchUser.vue
@@ -18,6 +18,7 @@
<script>
import client from 'api-client';
+import debounce from 'debounce'; // for delaying the input event (search filter)
export default {
name: 'SearchUser',
@@ -35,6 +36,9 @@ export default {
permission: 'VIEW_MEMBERS'
}
},
+ created() {
+ this.searchUser = debounce(this.searchUser, 500)
+ },
methods: {
searchUser: function() {
client.searchUser(this.searchInput)
--
GitLab