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

fix: change uui-menu-item to uui-ref-node-document-type to be able to display descriptions

Browse Source
This commit is contained in:
Jacob Overgaard
2024-05-27 22:03:26 +02:00
parent 564cb7ab88
commit 6c157aa70b
1 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/create/document-create-options-modal.element.ts
View File

@@ -3,7 +3,7 @@ import type {
UmbDocumentCreateOptionsModalData,
UmbDocumentCreateOptionsModalValue,
} from './document-create-options-modal.token.js';
import { html, nothing, customElement, state, ifDefined, repeat, css } from '@umbraco-cms/backoffice/external/lit';
import { html, customElement, state, ifDefined, repeat, css, when } from '@umbraco-cms/backoffice/external/lit';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
import {
@@ -128,16 +128,24 @@ export class UmbDocumentCreateOptionsModalElement extends UmbModalBaseElement<
#renderDocumentTypes() {
return html`<uui-box .headline=${this._headline}>
${this._allowedDocumentTypes.length === 0 ? html`<p>No allowed types</p>` : nothing}
${this._allowedDocumentTypes.map(
(documentType) => html`
<uui-menu-item
data-id=${ifDefined(documentType.unique)}
label="${documentType.name}"
@click=${() => this.#onSelectDocumentType(documentType.unique)}>
<umb-icon slot="icon" name=${documentType.icon || 'icon-circle-dotted'}></umb-icon>
</uui-menu-item>
`,
${when(
this._allowedDocumentTypes.length === 0,
() => html`<p>No allowed types</p>`,
() =>
repeat(
this._allowedDocumentTypes,
(documentType) => documentType.unique,
(documentType) =>
html` <uui-ref-node-document-type
data-id=${ifDefined(documentType.unique)}
.name=${documentType.name}
.alias=${documentType.description}
select-only
selectable
@selected=${() => this.#onSelectDocumentType(documentType.unique)}>
<umb-icon slot="icon" name=${documentType.icon || 'icon-circle-dotted'}></umb-icon>
</uui-ref-node-document-type>`,
),
)}
</uui-box>`;
}