Restructure Group Security Dashboard: Move Vulnerability Report
Proposal
Transform the current single-page experience into a new layout and menu structure that sets the framework for future expansion and specialization of security components at the Group level. This will primarily entail breaking apart the existing page:
- move the vulnerability list into a separate, dedicated page
- leave the metrics widgets as part of the existing Security Dashboard page
Designs
- #222447[c01_group-dashboard.png]
- #222447[c02_group-dashboard-empty_state.png]
- #222447[c03_group-vulnerability_report.png]
Further details
For the navigation, preserve the current behavior that clicking directly on the Security & Compliance top-level menu item will take the user to the Group Security Dashboard page.
What is Not in Scope
This Issue only covers splitting apart the single Group Dashboard page into two separate pages using the existing dashboard components. It does not include making any enhancements or changes to either the vulnerability report or the dashboard metrics widgets.
Documentation
The description and screenshot(s) for the Group Security Dashboard will need to be updated: https://docs.gitlab.com/ee/user/application_security/security_dashboard/#group-security-dashboard
It would be helpful to include screenshots with the left menu unfolded to show that there are now 2 sub-menu items where before there was only one.
Implementation Plan
-
Create the new Vue component that show only the graphs, but do not show it on any page yet -
Create the new sub-page, show the right page on each one, remove the graphs from the vulnerability list - similar to the reverse of !30091 (merged)
-
Update the documentation with new screenshots and wording -
Ensure that the feature where a user sets their default page to the security dashboard still works