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 <yoshiemuranaka@gmail.com>
Change-Id: I246d761d90db36efeb442b0ee1074b629d32edef
diff --git a/src/components/Mixins/BVPaginationMixin.js b/src/components/Mixins/BVPaginationMixin.js
new file mode 100644
index 0000000..84c46aa
--- /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;