Introduce better project display in compliance center
What does this MR do and why?
This merge request introduces several improvements to the compliance dashboard functionality. The main changes include:
- Enhanced pagination for associated projects in the framework info drawer, allowing users to load more projects at per-page basic.
- Adjusted the frameworks table to show a list of first 10 associated projects with a "and X more" indicator when there are additional projects. This column is now displayed only for top-level group, due to limitations of curreent API
These changes aim to improve the user experience when viewing compliance frameworks and their associated projects, especially for groups with a large number of projects.
References
Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.
- Related to #477394
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Demo: https://www.youtube.com/watch?v=pcSwXPCE-sQ&ab_channel=GitLabUnfiltered
How to set up and validate locally
- First we need to seed data. You can do this by switching to branch
xanf-improve-seeder
which contains WIP version of seeding compliance-related-data - While on branch
xanf-improve-seedeer
runFILTER=compliance_report_data SEED_COMPLIANCE_REPORT_DATA=1 bundle exec rake db:seed_fu
- The seeder will output link to the seeded group, open it (for example
http://gdk.test:3000/p-compliance-group-1736209976
) - In this group open
Secure > Compliance center
,Frameworks
tab - See framework with 150 projects, open it in Drawer
- Observe correct total count in
Associated projects
, observeLoad more
button, click it till loading entire list - Open subgroup (included in seeeder)
- Repeat steps 4-6 for subgroup
- Obseerver that total count is correct (75) and only subprojects are displayed in drawer
- Open any projeet inside group and subgroup
- Repeat step 4
- Open any framework, see no error message
Numbered steps to set up and validate the change are strongly suggested.