diff options
Diffstat (limited to 'app/assets/javascripts/cycle_analytics/components/base.vue')
-rw-r--r-- | app/assets/javascripts/cycle_analytics/components/base.vue | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/app/assets/javascripts/cycle_analytics/components/base.vue b/app/assets/javascripts/cycle_analytics/components/base.vue index ae78ce33263..1d98a42ce58 100644 --- a/app/assets/javascripts/cycle_analytics/components/base.vue +++ b/app/assets/javascripts/cycle_analytics/components/base.vue @@ -51,6 +51,7 @@ export default { 'features', 'createdBefore', 'createdAfter', + 'pagination', ]), ...mapGetters(['pathNavigationData', 'filterParams']), displayStageEvents() { @@ -99,7 +100,12 @@ export default { }, }, methods: { - ...mapActions(['fetchStageData', 'setSelectedStage', 'setDateRange']), + ...mapActions([ + 'fetchStageData', + 'setSelectedStage', + 'setDateRange', + 'updateStageTablePagination', + ]), onSetDateRange({ startDate, endDate }) { this.setDateRange({ createdAfter: new Date(startDate), @@ -108,6 +114,7 @@ export default { }, onSelectStage(stage) { this.setSelectedStage(stage); + this.updateStageTablePagination({ ...this.pagination, page: 1 }); }, dismissOverviewDialog() { this.isOverviewDialogDismissed = true; @@ -117,6 +124,9 @@ export default { const { permissions } = this; return Boolean(permissions?.[id]); }, + onHandleUpdatePagination(data) { + this.updateStageTablePagination(data); + }, }, dayRangeOptions: [7, 30, 90], i18n: { @@ -163,8 +173,8 @@ export default { :empty-state-title="emptyStageTitle" :empty-state-message="emptyStageText" :no-data-svg-path="noDataSvgPath" - :pagination="null" - :sortable="false" + :pagination="pagination" + @handleUpdatePagination="onHandleUpdatePagination" /> </div> </template> |