mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-07-15 05:52:18 +00:00
SimonGschnell
38 lines
1001 B
JavaScript
38 lines
1001 B
JavaScript
export default {
|
|
components: {
|
|
paginator: primevue.paginator,
|
|
},
|
|
emits: ["update:rows"],
|
|
props: {
|
|
maxPageCount: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
page_size: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
},
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
newPageEvent: function (data) {
|
|
|
|
},
|
|
},
|
|
mounted() {},
|
|
template: /*html*/ `
|
|
<!-- Desktop -->
|
|
<div class="d-none d-md-block">
|
|
<paginator v-model:rows="page_size" @page="(data)=>$emit('page',{...data, page:data.page+1})" :rows="page_size" :totalRecords="maxPageCount" :rowsPerPageOptions="[10, 20, 30]" >
|
|
</paginator>
|
|
</div>
|
|
<!-- Mobile -->
|
|
<div class="d-block d-md-none">
|
|
<paginator v-model:rows="page_size" @page="(data)=>$emit('page',{...data, page:data.page+1})" :rows="page_size" :totalRecords="maxPageCount" :rowsPerPageOptions="[10, 20, 30]" template="FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink RowsPerPageDropdown">
|
|
</paginator>
|
|
</div>
|
|
`,
|
|
};
|