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

look up start node name

Browse Source
This commit is contained in:
Mads Rasmussen
2024-04-17 14:47:35 +02:00
parent 73f3ac8aeb
commit 11cea016b9
1 changed files with 61 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/Umbraco.Web.UI.Client/src/packages/user/user-group/collection/views/user-group-table-collection-view.element.ts
View File

@@ -1,12 +1,9 @@
import type { UmbUserGroupDetailModel } from '../../types.js';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UmbDefaultCollectionContext } from '@umbraco-cms/backoffice/collection';
import { UMB_DEFAULT_COLLECTION_CONTEXT } from '@umbraco-cms/backoffice/collection';
import '../components/user-group-table-name-column-layout.element.js';
import '../components/user-group-table-sections-column-layout.element.js';
import type {
UmbTableColumn,
UmbTableConfig,
@@ -15,7 +12,11 @@ import type {
UmbTableItem,
UmbTableSelectedEvent,
} from '@umbraco-cms/backoffice/components';
import type { UmbUserGroupDetailModel } from '../../types.js';
import { UmbDocumentItemRepository } from '@umbraco-cms/backoffice/document';
import { UmbMediaItemRepository } from '@umbraco-cms/backoffice/media';
import '../components/user-group-table-name-column-layout.element.js';
import '../components/user-group-table-sections-column-layout.element.js';
@customElement('umb-user-group-collection-table-view')
export class UmbUserGroupCollectionTableViewElement extends UmbLitElement {
@@ -54,6 +55,13 @@ export class UmbUserGroupCollectionTableViewElement extends UmbLitElement {
#collectionContext?: UmbDefaultCollectionContext;
// TODO: hardcoded dependencies on document and media modules. We should figure out how these dependencies can be added through extensions.
#documentItemRepository = new UmbDocumentItemRepository(this);
#mediaItemRepository = new UmbMediaItemRepository(this);
#documentStartNodeMap = new Map<string, string>();
#mediaStartNodeMap = new Map<string, string>();
constructor() {
super();
@@ -74,7 +82,12 @@ export class UmbUserGroupCollectionTableViewElement extends UmbLitElement {
});
}
private _createTableItems(userGroups: Array<UmbUserGroupDetailModel>) {
private async _createTableItems(userGroups: Array<UmbUserGroupDetailModel>) {
await Promise.all([
this.#requestAndCacheDocumentStartNodes(userGroups),
this.#requestAndCacheMediaStartNodes(userGroups),
]);
this._tableItems = userGroups.map((userGroup) => {
return {
id: userGroup.unique,
@@ -92,17 +105,57 @@ export class UmbUserGroupCollectionTableViewElement extends UmbLitElement {
},
{
columnAlias: 'userGroupContentStartNode',
value: userGroup.documentStartNode?.unique || this.localize.term('content_contentRoot'),
value: userGroup.documentStartNode
? this.#documentStartNodeMap.get(userGroup.documentStartNode.unique)
: this.localize.term('content_contentRoot'),
},
{
columnAlias: 'userGroupMediaStartNode',
value: userGroup.mediaStartNode?.unique || this.localize.term('media_mediaRoot'),
value: userGroup.mediaStartNode?.unique
? this.#mediaStartNodeMap.get(userGroup.mediaStartNode.unique)
: this.localize.term('media_mediaRoot'),
},
],
};
});
}
async #requestAndCacheDocumentStartNodes(userGroups: Array<UmbUserGroupDetailModel>) {
const allStartNodes = userGroups
.map((userGroup) => userGroup.documentStartNode?.unique)
.filter(Boolean) as string[];
const uniqueStartNodes = [...new Set(allStartNodes)];
const uncachedStartNodes = uniqueStartNodes.filter((unique) => !this.#documentStartNodeMap.has(unique));
// If there are no uncached start nodes, we don't need to make a request
if (uncachedStartNodes.length === 0) return;
const { data: items } = await this.#documentItemRepository.requestItems(uncachedStartNodes);
if (items) {
items.forEach((item) => {
this.#documentStartNodeMap.set(item.unique, item.name);
});
}
}
async #requestAndCacheMediaStartNodes(userGroups: Array<UmbUserGroupDetailModel>) {
const allStartNodes = userGroups.map((userGroup) => userGroup.mediaStartNode?.unique).filter(Boolean) as string[];
const uniqueStartNodes = [...new Set(allStartNodes)];
const uncachedStartNodes = uniqueStartNodes.filter((unique) => !this.#mediaStartNodeMap.has(unique));
// If there are no uncached start nodes, we don't need to make a request
if (uncachedStartNodes.length === 0) return;
const { data: items } = await this.#mediaItemRepository.requestItems(uncachedStartNodes);
if (items) {
items.forEach((item) => {
this.#mediaStartNodeMap.set(item.unique, item.name);
});
}
}
private _handleSelected(event: UmbTableSelectedEvent) {
event.stopPropagation();
const table = event.target as UmbTableElement;