Add most affected projects to group security dashboard
What does this MR do?
This MR adds a widget for rendering most affected projects to the security dashboard.
This includes:
- Vuex store to fetch data
- The component to display the vulnerable projects, grouped by severity levels
- Adds the endpoint to the controller and haml template
- Tests
Dependencies
- Accordion component - !21286 (merged)
- Utility classes for severity levels (avatar and text) - !21285 (merged)
TODO:
-
Vuex tests -
Rails view tests -
Documentation
UX Questions
- Copy of subheading - !20892 (comment 253602061)
- Should the links to a project open in a new tab - !20892 (comment 253602071)
- Where should the help icon in the header link to?
Screenshots
Widget States
| Closed | Open | Loading |
|---|---|---|
 |
 |
 |
Dashboard View
Screen Capture
Does this MR meet the acceptance criteria?
Conformity
-
Changelog entry -
Documentation (if required) -
Code review guidelines -
Merge request performance guidelines -
Style guides -
Database guides -
Separation of EE specific content
Availability and Testing
-
Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process. -
Tested in all supported browsers
Related to #11190 (closed)
Edited by David Pisek