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

usage of icon

Browse Source
This commit is contained in:
Niels Lyngsø
2023-07-07 09:47:53 +02:00
parent 5702102ebb
commit 6c6d07ddbc
3 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.element.ts
View File

@@ -7,6 +7,9 @@ import { TreeItemPresentationModel } from '@umbraco-cms/backoffice/backend-api';
@customElement('umb-tree-item-base') @customElement('umb-tree-item-base')
export class UmbTreeItemBaseElement extends UmbLitElement { export class UmbTreeItemBaseElement extends UmbLitElement {
@state()
private _iconAlias?: string;
@state() @state()
private _item?: TreeItemPresentationModel; private _item?: TreeItemPresentationModel;
@@ -119,8 +122,8 @@ export class UmbTreeItemBaseElement extends UmbLitElement {
@slotchange=${(e: Event) => { @slotchange=${(e: Event) => {
this._iconSlotHasChildren = this.#hasNodes(e); this._iconSlotHasChildren = this.#hasNodes(e);
}}></slot> }}></slot>
${this._item?.icon && !this._iconSlotHasChildren ${this._iconAlias && !this._iconSlotHasChildren
? html` <uui-icon slot="icon" name="${this._item.icon}"></uui-icon> ` ? html` <uui-icon slot="icon" name="${this._iconAlias}"></uui-icon> `
: nothing} : nothing}
`; `;
} }
@@ -133,7 +136,7 @@ export class UmbTreeItemBaseElement extends UmbLitElement {
return this.#treeItemContext && this._item return this.#treeItemContext && this._item
? html`<umb-entity-actions-bundle ? html`<umb-entity-actions-bundle
slot="actions" slot="actions"
entity-type=${this.#treeItemContext.type} .entityType=${this.#treeItemContext.type}
.unique=${this.#treeItemContext.unique} .unique=${this.#treeItemContext.unique}
.label=${this._item.name}> .label=${this._item.name}>
</umb-entity-actions-bundle>` </umb-entity-actions-bundle>`

2
src/Umbraco.Web.UI.Client/src/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-data-type-picker-modal.element.ts
View File

@@ -105,7 +105,7 @@ export class UmbDataTypePickerFlowDataTypePickerModalElement extends UmbLitEleme
? html` <li class="item"> ? html` <li class="item">
<uui-button label="dataType.name" type="button" @click="${() => this._handleClick(dataType)}"> <uui-button label="dataType.name" type="button" @click="${() => this._handleClick(dataType)}">
<div class="item-content"> <div class="item-content">
<uui-icon name="${dataType.icon ?? 'umb:bug'}" class="icon"></uui-icon> <uui-icon name="${'umb:bug'}" class="icon"></uui-icon>
${dataType.name} ${dataType.name}
</div> </div>
</uui-button> </uui-button>

4
src/Umbraco.Web.UI.Client/src/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts
View File

@@ -269,9 +269,9 @@ export class UmbDataTypePickerFlowModalElement extends UmbLitElement {
dataTypes, dataTypes,
(dataType) => dataType.id, (dataType) => dataType.id,
(dataType) => html`<li class="item" ?selected=${this._selection.includes(dataType.id!)}> (dataType) => html`<li class="item" ?selected=${this._selection.includes(dataType.id!)}>
<uui-button label=${dataType.name} type="button" @click="${() => this._handleDataTypeClick(dataType)}"> <uui-button .label=${dataType.name} type="button" @click="${() => this._handleDataTypeClick(dataType)}">
<div class="item-content"> <div class="item-content">
<uui-icon name="${dataType.icon ?? 'umb:bug'}" class="icon"></uui-icon> <uui-icon name="${'umb:bug'}" class="icon"></uui-icon>
${dataType.name} ${dataType.name}
</div> </div>
</uui-button> </uui-button>