Add support to filter groups by filter options

1 files changed, 14 insertions, 1 deletions

diff --git a/app/assets/javascripts/groups/groups_filterable_list.js b/app/assets/javascripts/groups/groups_filterable_list.js
index b120adb36b1..f8ba11caccc 100644
--- a/app/assets/javascripts/groups/groups_filterable_list.js
+++ b/app/assets/javascripts/groups/groups_filterable_list.js
@@ -6,13 +6,17 @@ export default class GroupFilterableList extends FilterableList {
     super(form, filter, holder);
 
     this.store = store;
+    this.$dropdown = $('.js-group-filter-dropdown-wrap');
   }
 
   bindEvents() {
     super.bindEvents();
 
     this.onFormSubmitWrapper = this.onFormSubmit.bind(this);
+    this.onFilterOptionClikWrapper = this.onOptionClick.bind(this);
+
     this.filterForm.addEventListener('submit', this.onFormSubmitWrapper);
+    this.$dropdown.on('click', 'a', this.onFilterOptionClikWrapper);
   }
 
   onFormSubmit(e) {
@@ -21,8 +25,17 @@ export default class GroupFilterableList extends FilterableList {
     this.filterResults();
   }
 
+  onOptionClick(e) {
+    e.preventDefault();
+    const currentOption = $.trim(e.currentTarget.text);
+
+    this.filterUrl = e.currentTarget.href;
+    this.$dropdown.find('.dropdown-label').text(currentOption);
+    this.filterResults(this.filterUrl);
+  }
+
   onFilterSuccess(data) {
-    super.onFilterSuccess();
+    super.onFilterSuccess(data);
 
     this.store.setGroups(data);
   }