Skip to content

Add project compliance labels to the Compliance Dashboard

What does this MR do?

This MR adds a new shared Vue component to render compliance framework badges.

The new component is then added to the compliance dashboard to render the compliance framework applied to each MR. The serializer passes the data to the frontend to consume.

Screenshots (strongly suggested)

Lighter label Darker label
image image

Database

One preload query is added by the finder. See this discussion for the query and details.

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

  1. Go to [GDK_HOST]/groups/[GROUP]/-/edit#js-compliance-frameworks-settings and create a compliance framework label
  2. Go to [GDK_HOST]/[GROUP]/[PROJECT]/edit and add your framework to the project
  3. Create a merge request in the project
  4. Go to [GDK_HOST]/groups/[GROUP]/-/security/compliance_dashboard and check the label appears

Security

Does this MR contain changes to processing or storing of credentials or tokens, authorization and authentication methods or other items described in the security review guidelines? If not, then delete this Security section.

  • [-] Label as security and @ mention @gitlab-com/gl-security/appsec
  • [-] The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
  • [-] Security reports checked/validated by a reviewer from the AppSec team

Related to #215051 (closed)

Edited by Steve Abrams

Merge request reports