diff options
Diffstat (limited to 'src/client/app/common/views/components/ui')
| -rw-r--r-- | src/client/app/common/views/components/ui/pagination.vue | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/src/client/app/common/views/components/ui/pagination.vue b/src/client/app/common/views/components/ui/pagination.vue new file mode 100644 index 0000000000..67aa89d369 --- /dev/null +++ b/src/client/app/common/views/components/ui/pagination.vue @@ -0,0 +1,36 @@ +<template> +<div class="mwermpua" v-if="!fetching"> + <sequential-entrance animation="entranceFromTop" delay="25"> + <slot :items="items"></slot> + </sequential-entrance> + <div class="more" v-if="more"> + <ui-button @click="fetchMore()">{{ $t('@.load-more') }}</ui-button> + </div> +</div> +</template> + +<script lang="ts"> +import Vue from 'vue'; +import paging from '../../../scripts/paging'; + +export default Vue.extend({ + mixins: [ + paging({ + captureWindowScroll: false, + }), + ], + + props: { + pagination: { + required: true + }, + }, +}); +</script> + +<style lang="stylus" scoped> +.mwermpua + > .more + margin-top 16px + +</style> |