Add the ability to edit a framework's projects from the Edit Framework Section

Dakota Duxrequested to merge
dakotadux/add-all-available-projects-to-the-projects-section-of-the-update-framework-page into master

What does this MR do and why?

Add the ability to add and remove projects from the edit frameworks page.

Duo generated description

This change adds the ability to associate projects with compliance frameworks in GitLab. The main updates include:

  1. A new GraphQL input type for adding or removing projects from compliance frameworks
  2. A redesigned projects section in the compliance framework edit interface that shows a list of all available projects with checkboxes
  3. The ability to select multiple projects at once or use a "select all" checkbox
  4. Project data is now fetched from the GraphQL API to show both associated and non-associated projects
  5. When projects are selected or deselected, the changes are tracked and emitted to the parent component
  6. Error handling for API requests with Sentry integration

The UI has been simplified by removing the informational text that previously directed users to a separate page for project association. Instead, users can now directly manage project associations from the compliance framework edit page.

References

Screenshots or screen recordings

New Framework

Before After
Screenshot_2025-03-14_at_1.24.05_PM Screenshot_2025-03-14_at_1.24.39_PM

Existing Framework: No projects applied

Before After
Screenshot_2025-03-14_at_1.20.20_PM Screenshot_2025-03-14_at_1.20.05_PM

Existing Framework: Projects applied

Before After
Screenshot_2025-03-14_at_1.01.59_PM Screenshot_2025-03-14_at_1.16.48_PM

How to set up and validate locally

New framework testing

  1. Go to the Compliance Center and click on the New Framework button Screenshot_2025-03-14_at_1.22.51_PM
  2. Populate the Basic information section of the form
  3. Open the projects section and apply/remove projects.
  4. Save the project (persisting project updates depends on !186483 (merged) being merged)

Existing framework testing

  1. Follow the instructions for New framework testing if you don't have a framework already
  2. Go to the Compliance center projects page and select your new framework Screenshot_2025-03-14_at_1.32.50_PM
  3. Go back to the Compliance Center and click Edit on your framework
  4. You should now see the UI with your project added for testing (persisting project updates depends on !186483 (merged) being merged)

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.

Edited by Dakota Dux

Merge request reports