Added filtered search bar to issue boards

Closes #28312

3 files changed, 10 insertions, 2 deletions

diff --git a/app/assets/javascripts/boards/boards_bundle.js b/app/assets/javascripts/boards/boards_bundle.js
index 55d13be6e5f..951cb854ce8 100644
--- a/app/assets/javascripts/boards/boards_bundle.js
+++ b/app/assets/javascripts/boards/boards_bundle.js
@@ -4,6 +4,7 @@
 
 window.Vue = require('vue');
 window.Vue.use(require('vue-resource'));
+import FilteredSearchBoards from './filtered_search_boards';
 require('./models/issue');
 require('./models/label');
 require('./models/list');
@@ -26,6 +27,8 @@ $(() => {
   const Store = gl.issueBoards.BoardsStore;
   const ModalStore = gl.issueBoards.ModalStore;
 
+  new FilteredSearchBoards();
+
   window.gl = window.gl || {};
 
   if (gl.IssueBoardsApp) {
diff --git a/app/assets/javascripts/boards/filtered_search_boards.js b/app/assets/javascripts/boards/filtered_search_boards.js
new file mode 100644
index 00000000000..6a00d84faf1
--- /dev/null
+++ b/app/assets/javascripts/boards/filtered_search_boards.js
@@ -0,0 +1,5 @@
+export default class FilteredSearchBoards extends gl.FilteredSearchManager {
+  constructor() {
+    super('boards');
+  }
+}
diff --git a/app/assets/javascripts/boards/stores/boards_store.js b/app/assets/javascripts/boards/stores/boards_store.js
index 3866c6bbfc6..c902a1d8bfc 100644
--- a/app/assets/javascripts/boards/stores/boards_store.js
+++ b/app/assets/javascripts/boards/stores/boards_store.js
@@ -19,8 +19,8 @@
     create () {
       this.state.lists = [];
       this.state.filters = {
-        author_id: gl.utils.getParameterValues('author_id')[0],
-        assignee_id: gl.utils.getParameterValues('assignee_id')[0],
+        author_username: gl.utils.getParameterValues('author_username')[0],
+        assignee_username: gl.utils.getParameterValues('assignee_username')[0],
         milestone_title: gl.utils.getParameterValues('milestone_title')[0],
         label_name: gl.utils.getParameterValues('label_name[]'),
         search: ''