Implementing filtered search in the log explorer - MVC
Problem to solve
This combination of a terminal view, filters and a search bar isn't ideal from a UX POV. While we do have searching, filtering and terminal views within our UI, there isn't any other place in the GitLab UI where they are combined in this way. Moving forward in this direction means we're failing to utilize previously refined (and researched) patterns that already exist in our UI, which places additional, unnecessary burdens on users as they work to figure out this new pattern. I also have concerns about the scalability of this view as we add in additional filtering options.
Proposal (for this iteration)
Introduce filtered search for pods
| Design |
|---|
 |
Additional details
| Headers would need to be removed to align this page with issue and board search bars | First dropdown example | Second dropdown example |
|---|---|---|
 |
 |
 |
All three icons, pod, environment and namespace are available on gitlab svgs.
Technical Implementation
- Filtered search is mostly ready, please see here: gitlab-org/gitlab-services/design.gitlab.com#272 (comment 302110860)