yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

observe values from pagination element

Browse Source
This commit is contained in:
Mads Rasmussen
2023-11-02 14:31:00 +01:00
parent 9fb04a24d0
commit 0d17134850
1 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/Umbraco.Web.UI.Client/src/packages/core/collection/components/pagination/collection-pagination.element.ts
View File

@@ -8,7 +8,7 @@ import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
export class UmbCollectionPaginationElement extends UmbLitElement {
@state()
_totalPages = 11;
_totalPages = 0;
@state()
_currentPage = 1;
@@ -19,17 +19,29 @@ export class UmbCollectionPaginationElement extends UmbLitElement {
super();
this.consumeContext(UMB_COLLECTION_CONTEXT, (instance) => {
this._collectionContext = instance;
this.#observeCurrentPage();
this.#observerTotalPages();
});
}
#onChange (event: UUIPaginationEvent) {
console.log(event);
console.log(event.target.current);
this._collectionContext?.setPage(event.target.current);
#observeCurrentPage () {
this.observe(this._collectionContext!.pagination.currentPage, (currentPage) => {
this._currentPage = currentPage;
}, 'umbCurrentPageObserver');
}
#observerTotalPages () {
this.observe(this._collectionContext!.pagination.totalPages, (totalPages) => {
this._totalPages = totalPages;
}, 'umbTotalPagesObserver');
}
#onChange (event: UUIPaginationEvent) {
this._collectionContext?.pagination.setCurrentPageNumber(event.target.current);
}
render() {
if (this._totalPages === 0) {
if (this._totalPages <= 1) {
return nothing;
}