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

MemberType picker: sets icons

Browse Source
This commit is contained in:
leekelleher
2024-01-15 13:34:59 +00:00
parent e667d8845d
commit 877cd3de14
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/Umbraco.Web.UI.Client/src/packages/members/member-types/components/input-member-type/input-member-type.element.ts
View File

@@ -115,7 +115,7 @@ export class UmbInputMemberTypeElement extends FormControlMixin(UmbLitElement) {
>${repeat(
this._items,
(item) => item.id,
(item) => this._renderItem(item),
(item) => this.#renderItem(item),
)}</uui-ref-list
>
`;
@@ -134,10 +134,11 @@ export class UmbInputMemberTypeElement extends FormControlMixin(UmbLitElement) {
`;
}
private _renderItem(item: MemberTypeItemResponseModel) {
#renderItem(item: MemberTypeItemResponseModel) {
if (!item.id) return;
return html`
<uui-ref-node-document-type name=${ifDefined(item.name)}>
${this.#renderIcon(item)}
<uui-action-bar slot="actions">
<uui-button
@click=${() => this.#pickerContext.requestRemoveItem(item.id!)}
@@ -149,6 +150,11 @@ export class UmbInputMemberTypeElement extends FormControlMixin(UmbLitElement) {
`;
}
#renderIcon(item: MemberTypeItemResponseModel) {
if (!item.icon) return;
return html`<uui-icon slot="icon" name=${item.icon}></uui-icon>`;
}
static styles = [
css`
#add-button {