Draft: CI/CD Runner project settings POC

What does this MR do and why?

Migrates CI/CD Runner project settings POC to use tabs and Vue.

  • Introduces a new FF :vue_project_runners_settings
  • Uses shared Vue components to display the runner informations
  • Fetches data via GraphQL (where possible)
  • Re-uses components from group/admin

Note this is the first step in a series of MRs to work towards the new UI. This MR just introduces the tabs and table views. There will be follow-up MRs to add the settings, pager, CTAs etc.

Screenshots or screen recordings

Design proposal by @gdoyle Design
:vue_project_runners_settings disabled :vue_project_runners_settings enabled
before_settings after_project
after_group
after_instance

How to set up and validate locally

  1. https://gdk.test:3000/flightjs/Flight/-/settings/ci_cd#js-runners-settings

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #512693 (closed)

Closes #33803

Edited by Sascha Eggenberger

Merge request reports

Loading