Implementing filtered search in the log explorer
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
Implement filtered search in the terminal view
Designs
We can achieve this by breaking up the work into a number of different iterations:
Iteration 1: Introduce filtered search for pods | Iteration 2: Introduce namespace as a filter option | Iteration 3: Have all filters, other than time, in the search bar |
---|---|---|
![]() |
![]() |
![]() |
Additional details for Iteration 1:
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
-
<gl-filtered-search>
is available in Gitlab UI. https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-filtered-search--default
/cc @adriel, @mnohr, @akohlbecker @mrincon