diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-05-12 22:04:46 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-06-10 23:44:34 +0300 |
commit | f9832b0edc48b349f6de2df419815ef38a6ae469 (patch) | |
tree | 9af95f6163fb1371343526e8b09d631cdff058c8 /src/components | |
parent | c60d2e11286986a4ea9abd6e464857f22e7ad6ff (diff) | |
download | webui-vue-f9832b0edc48b349f6de2df419815ef38a6ae469.tar.xz |
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
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Mixins/BVPaginationMixin.js | 37 |
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; |