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

get name of element type

Browse Source
This commit is contained in:
Niels Lyngsø
2023-12-21 16:18:49 +01:00
parent 8de453a461
commit adbaea84f6
2 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/Umbraco.Web.UI.Client/src/packages/block/block-type/components/block-type-card/block-type-card.element.ts
View File

@@ -1,6 +1,6 @@
import { import {
DOCUMENT_TYPE_ITEM_REPOSITORY_ALIAS, DOCUMENT_TYPE_ITEM_REPOSITORY_ALIAS,
type UmbDocumentTypeTreeItemModel, type UmbDocumentTypeItemModel,
} from '@umbraco-cms/backoffice/document-type'; } from '@umbraco-cms/backoffice/document-type';
import { UmbDeleteEvent } from '@umbraco-cms/backoffice/event'; import { UmbDeleteEvent } from '@umbraco-cms/backoffice/event';
import { html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit'; import { html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
@@ -11,8 +11,7 @@ import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@customElement('umb-block-type-card') @customElement('umb-block-type-card')
export class UmbBlockTypeCardElement extends UmbLitElement { export class UmbBlockTypeCardElement extends UmbLitElement {
// //
// TODO: Look at ways to avoid using backend models for this implementation, could we get it from the Repository, eventually we need to invent a Repository Token. #itemManager = new UmbRepositoryItemsManager<UmbDocumentTypeItemModel>(
#itemManager = new UmbRepositoryItemsManager<UmbDocumentTypeTreeItemModel>(
this, this,
DOCUMENT_TYPE_ITEM_REPOSITORY_ALIAS, DOCUMENT_TYPE_ITEM_REPOSITORY_ALIAS,
(x) => x.id, (x) => x.id,

33
src/Umbraco.Web.UI.Client/src/packages/block/block-type/workspace/block-type-workspace-editor.element.ts
View File

@@ -1,27 +1,52 @@
import { UMB_BLOCK_TYPE_WORKSPACE_CONTEXT } from './block-type-workspace.context.js'; import { UMB_BLOCK_TYPE_WORKSPACE_CONTEXT } from './block-type-workspace.context.js';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style'; import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { customElement, css, html } from '@umbraco-cms/backoffice/external/lit'; import { customElement, css, html, state } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element'; import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
import { UmbRepositoryItemsManager } from '@umbraco-cms/backoffice/repository';
import { DOCUMENT_TYPE_ITEM_REPOSITORY_ALIAS, UmbDocumentTypeItemModel } from '@umbraco-cms/backoffice/document-type';
@customElement('umb-block-type-workspace-editor') @customElement('umb-block-type-workspace-editor')
export class UmbBlockTypeWorkspaceEditorElement extends UmbLitElement { export class UmbBlockTypeWorkspaceEditorElement extends UmbLitElement {
// //
#itemManager = new UmbRepositoryItemsManager<UmbDocumentTypeItemModel>(
this,
DOCUMENT_TYPE_ITEM_REPOSITORY_ALIAS,
(x) => x.id,
);
#workspaceContext?: typeof UMB_BLOCK_TYPE_WORKSPACE_CONTEXT.TYPE; #workspaceContext?: typeof UMB_BLOCK_TYPE_WORKSPACE_CONTEXT.TYPE;
@state()
_name?: string;
constructor() { constructor() {
super(); super();
this.consumeContext(UMB_BLOCK_TYPE_WORKSPACE_CONTEXT, (instance) => { this.consumeContext(UMB_BLOCK_TYPE_WORKSPACE_CONTEXT, (instance) => {
this.#workspaceContext = instance; this.#workspaceContext = instance;
this.#workspaceContext?.createPropertyDatasetContext(this); this.#workspaceContext?.createPropertyDatasetContext(this);
this.observe(
this.#workspaceContext.data,
(data) => {
if (data) {
this.#itemManager.setUniques([data.contentElementTypeKey]);
}
},
'observeWorkspaceContextData',
);
});
this.observe(this.#itemManager.items, (items) => {
const item = items[0];
if (item) {
this._name = item.name;
}
}); });
} }
render() { render() {
return html` return html`
<umb-workspace-editor <umb-workspace-editor alias="Umb.Workspace.DataType" headline="Configuration of '${this._name}'">
alias="Umb.Workspace.DataType"
headline="Block Type (TODO: maybe insert name of Content Type here? or Label?)">
</umb-workspace-editor> </umb-workspace-editor>
`; `;
} }