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

render member kind in the sidebar

Browse Source
This commit is contained in:
Mads Rasmussen
2024-09-10 13:25:28 +02:00
parent b486ba4d76
commit ed9b52a154
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/Umbraco.Web.UI.Client/src/packages/members/member/workspace/views/member/member-workspace-view-member-info.element.ts
View File

@@ -8,13 +8,16 @@ import type { UmbWorkspaceViewElement } from '@umbraco-cms/backoffice/extension-
import { UMB_WORKSPACE_MODAL } from '@umbraco-cms/backoffice/modal';
import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/router';
import { UmbMemberTypeItemRepository } from '@umbraco-cms/backoffice/member-type';
import { UmbMemberKind, UmbMemberKindType } from '../../../utils/index.js';
@customElement('umb-member-workspace-view-member-info')
export class UmbMemberWorkspaceViewMemberInfoElement extends UmbLitElement implements UmbWorkspaceViewElement {
@state()
private _memberTypeUnique = '';
@state()
private _memberTypeName = '';
@state()
private _memberTypeIcon = '';
@@ -30,6 +33,9 @@ export class UmbMemberWorkspaceViewMemberInfoElement extends UmbLitElement imple
@state()
private _unique = '';
@state()
private _memberKind?: UmbMemberKindType;
#workspaceContext?: typeof UMB_MEMBER_WORKSPACE_CONTEXT.TYPE;
#memberTypeItemRepository: UmbMemberTypeItemRepository = new UmbMemberTypeItemRepository(this);
@@ -51,6 +57,7 @@ export class UmbMemberWorkspaceViewMemberInfoElement extends UmbLitElement imple
this.observe(this.#workspaceContext.createDate, (date) => (this._createDate = this.#setDateFormat(date)));
this.observe(this.#workspaceContext.updateDate, (date) => (this._updateDate = this.#setDateFormat(date)));
this.observe(this.#workspaceContext.unique, (unique) => (this._unique = unique || ''));
this.observe(this.#workspaceContext.kind, (kind) => (this._memberKind = kind));
const memberType = (await this.#memberTypeItemRepository.requestItems([this._memberTypeUnique])).data?.[0];
if (!memberType) return;
@@ -88,6 +95,14 @@ export class UmbMemberWorkspaceViewMemberInfoElement extends UmbLitElement imple
<umb-icon slot="icon" .name=${this._memberTypeIcon}></umb-icon>
</uui-ref-node>
</div>
<div>
<h4><umb-localize key="member_kind"></umb-localize></h4>
<span
>${this._memberKind === UmbMemberKind.API
? this.localize.term('member_memberKindApi')
: this.localize.term('member_memberKindDefault')}</span
>
</div>
<div>
<h4><umb-localize key="template_id">Id</umb-localize></h4>
<span>${this._unique}</span>