Project runner settings: Settings redesign (Part 2: Add base components)
What does this MR do and why?
Project runner settings: Add new FF for new Vue variant
This is Part 2 of Settings layout overhaul of runner project settings behind FF :vue_project_runners_settings
This MR includes the following additions:
- Exposes needed data to Vue
- Inject data (not utilized yet, this will be in the next part)
- Adds the Crud layout container
- Includes the Registration dropdown in the Crud actions slot
- Adds GlTabs
- Adds Tabs for Project, Group, Instance
- Queries data and exposes them plain (Tabbular view will be implemented in next part)
What it does not include:
- Display of data (will be done in Part 3)
- Test coverage (will be added in the next parts)
- Only load data on tab switch
- Empty states (will be added in Part 3)
- Group/Instance settings
- Alert messages
References
- Issue: #33803 (closed)
- POC: !185667
- Part 1: !185957 (merged)
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
| With FF disabled | |
 |
Final result (once fully implemented behind FF):
How to set up and validate locally
- Enable FF (https://gdk.test:3000/rails/features/vue_project_runners_settings)
- Go to 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), #527130 (closed)
Edited by Sascha Eggenberger