mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
68 lines
1.6 KiB
Vue
Executable File
68 lines
1.6 KiB
Vue
Executable File
<template>
|
|
<div>
|
|
<b-pagination
|
|
first-number
|
|
last-number
|
|
:per-page="perPage"
|
|
:size="size"
|
|
:value="value"
|
|
@change="(val) => $emit('change', val)"
|
|
:align="align"
|
|
:total-rows="total"
|
|
>
|
|
<template v-slot:prev-text>
|
|
<a class="page-link" aria-label="Previous">
|
|
<span aria-hidden="true">
|
|
<i class="fa fa-angle-left" aria-hidden="true"></i>
|
|
</span>
|
|
</a>
|
|
</template>
|
|
<template v-slot:next-text>
|
|
<a class="page-link" aria-label="Next">
|
|
<span aria-hidden="true">
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|
</span>
|
|
</a>
|
|
</template>
|
|
</b-pagination>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'base-pagination',
|
|
props: {
|
|
pageCount: {
|
|
type: Number,
|
|
default: 0,
|
|
description: 'Pagination page count. This should be specified in combination with perPage',
|
|
},
|
|
perPage: {
|
|
type: Number,
|
|
default: 10,
|
|
description: 'Pagination per page. Should be specified with total or pageCount',
|
|
},
|
|
total: {
|
|
type: Number,
|
|
default: 0,
|
|
description:
|
|
'Can be specified instead of pageCount. The page count in this case will be total/perPage',
|
|
},
|
|
value: {
|
|
type: Number,
|
|
default: 1,
|
|
description: 'Pagination value',
|
|
},
|
|
size: {
|
|
type: String,
|
|
default: '',
|
|
description: 'Pagination size',
|
|
},
|
|
align: {
|
|
type: String,
|
|
default: '',
|
|
description: 'Pagination alignment (e.g center|start|end)',
|
|
},
|
|
},
|
|
}
|
|
</script>
|