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

1 files changed, 37 insertions, 0 deletions

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;