Group/project members - migrate pagination to Vue
Summary
In preparation for #324681 (closed) we need to migrate the pagination which is currently rendered with HAML to GlPagination
. The pagination needs to be inside of the Vue application before we can use GlTabs
Improvements
Remove deprecated Bootstrap tabs in favor of GlTabs
Risks
Minimal, this is a well tested section of the codebase
Implementation plan
- Pass pagination data to Vue application in app/helpers/groups/group_members_helper.rb#L25 and app/helpers/projects/project_members_helper.rb#L38
- Parse pagination data and store in Vuex store in app/assets/javascripts/members/index.js#L8
- Add
GlPagination
in app/assets/javascripts/members/components/table/members_table.vue - Update specs in spec/frontend/members/components/table/members_table_spec.js
Edited by Peter Hegman