2022-09-06 12:03:37 +00:00
|
|
|
<template>
|
2023-05-08 09:35:25 +00:00
|
|
|
<button v-ripple :class="containerClass" type="button" v-bind="getPTOptions('prevPageButton')">
|
|
|
|
<component :is="template || 'AngleLeftIcon'" class="p-paginator-icon" v-bind="getPTOptions('prevPageIcon')" />
|
2022-09-14 11:26:01 +00:00
|
|
|
</button>
|
2022-09-06 12:03:37 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2023-05-08 09:35:25 +00:00
|
|
|
import BaseComponent from 'primevue/basecomponent';
|
2023-04-18 12:53:43 +00:00
|
|
|
import AngleLeftIcon from 'primevue/icons/angleleft';
|
2022-09-06 12:03:37 +00:00
|
|
|
import Ripple from 'primevue/ripple';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'PrevPageLink',
|
2023-05-08 09:35:25 +00:00
|
|
|
extends: BaseComponent,
|
2023-04-07 06:48:00 +00:00
|
|
|
props: {
|
|
|
|
template: {
|
|
|
|
type: Function,
|
|
|
|
default: null
|
|
|
|
}
|
|
|
|
},
|
2023-05-08 09:35:25 +00:00
|
|
|
methods: {
|
|
|
|
getPTOptions(key) {
|
|
|
|
return this.ptm(key, {
|
|
|
|
context: {
|
|
|
|
disabled: this.$attrs.disabled
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
},
|
2022-09-06 12:03:37 +00:00
|
|
|
computed: {
|
|
|
|
containerClass() {
|
2022-09-14 11:26:01 +00:00
|
|
|
return [
|
|
|
|
'p-paginator-prev p-paginator-element p-link',
|
|
|
|
{
|
|
|
|
'p-disabled': this.$attrs.disabled
|
|
|
|
}
|
|
|
|
];
|
2022-09-06 12:03:37 +00:00
|
|
|
}
|
|
|
|
},
|
2023-04-07 06:48:00 +00:00
|
|
|
components: {
|
|
|
|
AngleLeftIcon: AngleLeftIcon
|
|
|
|
},
|
2022-09-06 12:03:37 +00:00
|
|
|
directives: {
|
2022-09-14 11:26:01 +00:00
|
|
|
ripple: Ripple
|
2022-09-06 12:03:37 +00:00
|
|
|
}
|
2022-09-14 11:26:01 +00:00
|
|
|
};
|
2022-09-06 12:03:37 +00:00
|
|
|
</script>
|