From f9832b0edc48b349f6de2df419815ef38a6ae469 Mon Sep 17 00:00:00 2001 From: Yoshie Muranaka Date: Tue, 12 May 2020 12:04:46 -0700 Subject: Add pagination to Event Log table Created BvPaginationMixin for shared pagination values and methods. Chose to use exising BoostrapVue components as-is instead of wrapping in a custom component since it would add unnecessary complexity. Signed-off-by: Yoshie Muranaka Change-Id: I246d761d90db36efeb442b0ee1074b629d32edef --- src/components/Mixins/BVPaginationMixin.js | 37 ++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 src/components/Mixins/BVPaginationMixin.js (limited to 'src/components/Mixins') diff --git a/src/components/Mixins/BVPaginationMixin.js b/src/components/Mixins/BVPaginationMixin.js new file mode 100644 index 00000000..84c46aa4 --- /dev/null +++ b/src/components/Mixins/BVPaginationMixin.js @@ -0,0 +1,37 @@ +const BVPaginationMixin = { + data() { + return { + currentPage: 1, + perPage: 20, + itemsPerPageOptions: [ + { + value: 10, + text: '10' + }, + { + value: 20, + text: '20' + }, + { + value: 30, + text: '30' + }, + { + value: 40, + text: '40' + }, + { + value: 0, + text: this.$t('global.table.viewAll') + } + ] + }; + }, + methods: { + getTotalRowCount(count) { + return this.perPage === 0 ? 0 : count; + } + } +}; + +export default BVPaginationMixin; -- cgit v1.2.3