The filtered search bar that is used for issues, merge requests, issue boards, and epics consists of - HAML template (`app/views/shared/issuable/_search_bar.html.haml`) - a few JavaScript classes (`app/assets/javascripts/filtered_search`) - a few more JavaScript classes (`app/assets/javascripts/boards/filtered_search_boards.js`, `ee/app/assets/javascripts/pages/projects/issues/service_desk/filtered_search.js`, `ee/app/assets/javascripts/issues_analytics/filtered_search_issues_analytics.js`) - Ruby helpers (`app/helpers/search_helper.rb`) This makes it impossible to combine it with other Vue components and prevents the pages that are using it from becoming Vue apps. We should therefore create a reusable Vue component (potentially in http://gitlab.com/gitlab-org/gitlab-ui). ### Places that the search filter bar appears: - [ ] Issues list - Group, project, and dashboard - [ ] Merge requests list - Group, project, and dashboard - [ ] Epics list - [x] Roadmap - [x] Requirements Management (Planned) - [ ] Issue board filter bar - Group and project - [ ] ~~Issue board add issues modal - In project issue board only~~