Integrate filtered-search component from gitlab-ui
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 -
Roadmap -
Requirements Management (Planned) -
Issue board filter bar - Group and project -
Issue board add issues modal - In project issue board only
Edited by Donald Cook