Add pagination to the merge request violations compliance report application
Problem to solve
We cannot load all of the merge request violations for a group or project at once, thus we'll need to paginate the data.
Proposal
Display 20 results max. When there are next / previous pages, display a pagination component.
Implementation
frontend weight
-
Render compact pagination using GlPagination
when there is a previous / next page.- Navigate to the next or previous page on click.
- Update the apollo pagination pointer
- Use this component as an example:
ee/app/assets/javascripts/analytics/merge_request_analytics/components/throughput_table.vue
-
Add page info to the GraphQL query -
Update the specs.
Edited by Jiaan Louw