Convert environment details page to vue, step 1
What does this MR do and why?
Describe in detail what your merge request does and why.
This is the first step of migrating the Environment Details page to vue (#23036 (closed)). Here we're setting up the feature toggle to activate the vuefied page, the basic wiring of the page component, and the data-fetching logic.
As the part of this migration a few UI elements have slightly changed their visuals, as we're now using the vue components. That should make the design better aligned with the rest of environment pages.
What is out of scope of this MR:
Pagination and Deployment actions section (re-deploy, rollback, etc.) will be added in the next MR(s).
Screenshots or screen recordings
Screenshots are required for UI changes, and strongly recommended for all other merge requests.
| Desktop | Mobile |
|---|---|
 |
 |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Turn the feature toggle on in the rails console:
Feature.enable(:environment_details_vue) - Navigate to Project -> Environments and click on one of the environments link.
- If the environment have any deployments, they will be listed there. If the environment doesn't have any deployments, you would need to create some. To simplify that you could clone this project: https://gitlab.com/andrei.zubov/pipelinestest and run a few deployment pipelines.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.