Refactor: Migrate pipelines pagination to GitLab UI pagination

Description

Currently the pipelines page implements pagination using the table_pagination.vue component.

Screen_Shot_2021-02-09_at_3.04.16_PM

This component has a few disadvantages:

  • Is not kept up to date with Pajamas
  • Does not bind events, it passes funtions around (e.g. should @change instead of :change),

Why work on this?

The old pagination component uses a pageInfo object that is coupled with the REST API pagination implementation, future migration to GraphQL would require other pagination methods.

Proposal

Migrate table_pagination.vue to into a component that uses gl-pagination.

Technical Info

Entry points:

  • app/assets/javascripts/pipelines/components/pipelines_list/pipelines.vue
    • imports: app/assets/javascripts/vue_shared/components/pagination/table_pagination.vue
Edited by Miguel Rincon