Create a new merge request violations compliance report application
What does this MR do and why?
This MR creates a new development feature flag called :compliance_violations_report and uses it to hide a new in-development Vue app.
This Vue app will be using the yet to be released ComplianceViolations GraphQL endpoint to render a tabled list of violations that have occurred in the group. This list will allow compliance-minded individuals to monitor and resolve compliance-related issues.
This first MR aims to set up the basic app, additional MR's will fill out the table fully, add sorting and pagination and consume the new endpoint (once created).
Screenshots or screen recordings
Click to expand
| View | Desktop | Mobile |
|---|---|---|
| Loading |  |
 |
| Query error |  |
 |
| Empty |  |
 |
| Table (unformatted) |  |
 |
How to set up and validate locally
- Visit the existing compliance dashboard on a group:
[GDK_HOST]/groups/gitlab-org/-/security/compliance_dashboard - Check that it renders the current dashboard
- Enable the new feature flag in your terminal:
echo "Feature.enable(:compliance_violations_report)" | rails c - Refresh the page and check that the new report app appears and shows:
- The title and subtitle
- The table
- The merge commits export button
For reference, the final design: https://www.figma.com/file/gjzUmWQd7qMcKA2hEqtVPx/%F0%9F%94%92-%265237-Convert-compliance-dashboard-into-an-insightful-report?node-id=951%3A18629
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.
Related to #342896 (closed)