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

observe total items

Browse Source
This commit is contained in:
Mads Rasmussen
2023-11-02 13:37:48 +01:00
parent 4b33ceabeb
commit 267d9e7af7
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-selection-actions.element.ts
View File

@@ -7,7 +7,7 @@ import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@customElement('umb-collection-selection-actions')
export class UmbCollectionSelectionActionsElement extends UmbLitElement {
@state()
private _nodesLength = 0;
private _totalItems = 0;
@state()
private _selectionLength = 0;
@@ -40,13 +40,12 @@ export class UmbCollectionSelectionActionsElement extends UmbLitElement {
private _observeCollectionContext() {
if (!this._collectionContext) return;
// TODO: Make sure it only updates on length change.
this.observe(
this._collectionContext.items,
(mediaItems) => {
this._nodesLength = mediaItems.length;
this._collectionContext.totalItems,
(value) => {
this._totalItems = value;
},
'umbItemsLengthObserver',
'umbTotalItemsObserver',
);
this.observe(
@@ -61,7 +60,7 @@ export class UmbCollectionSelectionActionsElement extends UmbLitElement {
}
private _renderSelectionCount() {
return html`<div>${this._selectionLength} of ${this._nodesLength} selected</div>`;
return html`<div>${this._selectionLength} of ${this._totalItems} selected</div>`;
}
#onActionExecuted(event: UmbActionExecutedEvent) {