Skip to content

Add Global CI/CD Catalog Vue app

Frédéric Caplette requested to merge fc-global-catalog-implement-vue into master

What does this MR do and why?

Behind a disabled FF global_ci_catalog, we are adding the Vue app that will fetch the Catalog resources and display them. This is under explore -> CI/CD catalog

Related to #427939 (closed)

Screenshots or screen recordings

Before After
Screenshot_2023-10-18_at_2.57.59_PM Screenshot_2023-10-26_at_10.00.36_AM

Screen_Recording_2023-10-26_at_10.00.42_AM

How to set up and validate locally

  1. Enable the FF global_ci_catalog
  2. Create a few projects that you will be able to convert to Ci resources. Create them under the admin namespace for ease of testing.
  3. Once you have done so, get the ID of the first new project you wanted to convert. Then in Rails console, run:
projects = Project.where("id > ?", your_first_project_id -1)
projects.each do |project|
  project.update!(description: 'description')  
  ::Ci::Catalog::Resource.new(project_id: project.id).save   
end  
  1. Navigate to Explore -> CI/CD Catalog
  2. Notice that you see Catalog resources
  3. Scroll to the bottom
  4. Click on page 2
  5. Notice that it loads
  6. Click on a single item
  7. Notice that it loads the details page

MR acceptance checklist

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

Edited by Marcel Amirault

Merge request reports