[airavata-django-portal] 04/05: Filter list of group members

[ma...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

machristie pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/airavata-django-portal.git

commit b6a88c786d8920c094893e74766871982560a162
Author: Marcus Christie <ma...@apache.org>
AuthorDate: Mon Jul 15 12:48:04 2019 -0400

    Filter list of group members
---
 .../js/group_components/GroupMembersEditor.vue             | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/django_airavata/apps/groups/static/django_airavata_groups/js/group_components/GroupMembersEditor.vue b/django_airavata/apps/groups/static/django_airavata_groups/js/group_components/GroupMembersEditor.vue
index dccd28c..5b89124 100644
--- a/django_airavata/apps/groups/static/django_airavata_groups/js/group_components/GroupMembersEditor.vue
+++ b/django_airavata/apps/groups/static/django_airavata_groups/js/group_components/GroupMembersEditor.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-form-group>
+    <b-form-group label="Add members">
       <autocomplete-text-input
         id="user-autocomplete"
         :suggestions="suggestions"
@@ -8,11 +8,20 @@
         placeholder="Search for users to add to this group"
       />
     </b-form-group>
+    <b-form-group label="Filter members">
+      <b-input-group>
+        <b-input-group-text slot="prepend">
+          <i class="fa fa-filter"></i>
+        </b-input-group-text>
+        <b-form-input v-model="filter" placeholder="Filter list of members" />
+      </b-input-group>
+    </b-form-group>
     <b-table
       v-if="membersCount > 0"
       hover
       :items="currentMembers"
       :fields="fields"
+      :filter="filter"
       sort-by="name"
       :sort-compare="sortCompare"
     >
@@ -75,7 +84,8 @@ export default {
   data() {
     return {
       userProfiles: null,
-      newMembers: []
+      newMembers: [],
+      filter: null
     };
   },
   computed: {