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

composition

Browse Source
This commit is contained in:
Lone Iversen
2024-02-29 11:25:24 +01:00
parent d527307421
commit f4c16f1a9e
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/Umbraco.Web.UI.Client/src/packages/documents/document-types/modals/composition-picker/composition-picker-modal.element.ts
View File

@@ -3,12 +3,13 @@ import type {
UmbCompositionPickerModalData,
UmbCompositionPickerModalValue,
} from './composition-picker-modal.token.js';
import { css, html, customElement, state, repeat, nothing } from '@umbraco-cms/backoffice/external/lit';
import { css, html, customElement, state, repeat, nothing, ifDefined } from '@umbraco-cms/backoffice/external/lit';
import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
import type {
UmbDocumentTypeCompositionCompatibleModel,
UmbDocumentTypeCompositionReferenceModel,
} from '@umbraco-cms/backoffice/document-type';
import { extractUmbColorVariable } from '@umbraco-cms/backoffice/resources';
interface CompatibleCompositions {
path: string;
@@ -108,12 +109,19 @@ export class UmbCompositionPickerModalElement extends UmbModalBaseElement<
${repeat(
this._references,
(item) => item.unique,
(item) =>
html`<uui-ref-node-document-type
(item) => {
const [icon, color] = item.icon ? item.icon.split(' ') : [];
const variable = extractUmbColorVariable(color?.replace('color-', ''));
console.log(icon, color);
return html`<uui-ref-node-document-type
href=${'/section/settings/workspace/document-type/edit/' + item.unique}
name=${item.name}>
<uui-icon slot="icon" name=${item.icon}></uui-icon>
</uui-ref-node-document-type>`,
<uui-icon
slot="icon"
name=${icon}
style=${ifDefined(variable ? `--uui-icon-color:var(${variable})` : undefined)}></uui-icon>
</uui-ref-node-document-type>`;
},
)}
</div>`;
}