Skip to content

Build jobs filtered search

Payton Burdette requested to merge 293862-add-jobs-filter-feature into master

What does this MR do and why?

This MR builds a jobs filtered search feature on-top of the new jobs table in Vue/GraphQL. Currently behind the jobs_table_vue feature flag (roll out coming soon). Filtered search part of this MR is behind a new dedicated FF jobs_table_vue_search.

We also change a few loading state things to prevent a bug from happening when switching tabs. Stale data was getting loaded when switching tabs briefly.

Screenshots or screen recordings

failed

demo

How to set up and validate locally

  1. Enable jobs_table_vue and jobs_table_vue_search.
  2. Visit a project with CI and Jobs
  3. Navigate to CI/CD > Jobs
  4. Test out filtered search
  5. Test out switching tabs
  6. Test out infinite scrolling if your project has more than 30 jobs

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #293862 (closed)

Edited by Payton Burdette

Merge request reports