Implementing filtered search in the log explorer - MVC

Problem to solve

@ameliabauerly commented

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)