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

implement workspace interface

Browse Source
This commit is contained in:
Nathan Woulfe
2023-02-07 14:19:54 +10:00
parent b9e1347a5b
commit 18d12f0e0f
2 changed files with 10 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/backoffice/members/member-groups/workspace/member-group-workspace.context.ts
View File

@@ -1,5 +1,5 @@
import type { MemberGroupDetails } from '@umbraco-cms/models';
import { UMB_MEMBER_GROUP_DETAIL_STORE_CONTEXT_TOKEN } from '../member-group.detail.store';
import type { MemberGroupDetails } from '@umbraco-cms/models';
import { UmbWorkspaceEntityContextInterface } from 'src/backoffice/shared/components/workspace/workspace-context/workspace-entity-context.interface';
import { UmbEntityWorkspaceManager } from 'src/backoffice/shared/components/workspace/workspace-context/entity-manager-controller';
import { UmbWorkspaceContext } from 'src/backoffice/shared/components/workspace/workspace-context/workspace-context';

27
src/Umbraco.Web.UI.Client/src/backoffice/members/member-groups/workspace/member-group-workspace.element.ts
View File

@@ -1,17 +1,18 @@
import { UUIInputElement, UUIInputEvent } from '@umbraco-ui/uui';
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { css, html } from 'lit';
import { customElement, property, state } from 'lit/decorators.js';
import { customElement, state } from 'lit/decorators.js';
import { distinctUntilChanged } from 'rxjs';
import { UmbLitElement } from '@umbraco-cms/element';
import { UmbWorkspaceEntityElement } from '../../../../backoffice/shared/components/workspace/workspace-entity-element.interface';
import { UmbWorkspaceMemberGroupContext } from './member-group-workspace.context';
import { UmbLitElement } from '@umbraco-cms/element';
/**
* @element umb-member-group-workspace
* @description - Element for displaying a Member Group Workspace
*/
@customElement('umb-member-group-workspace')
export class UmbMemberGroupWorkspaceElement extends UmbLitElement {
export class UmbMemberGroupWorkspaceElement extends UmbLitElement implements UmbWorkspaceEntityElement {
static styles = [
UUITextStyles,
css`
@@ -28,32 +29,22 @@ export class UmbMemberGroupWorkspaceElement extends UmbLitElement {
}
`,
];
private _workspaceContext: UmbWorkspaceMemberGroupContext = new UmbWorkspaceMemberGroupContext(this);
private _entityKey!: string;
@property()
public get entityKey(): string {
return this._entityKey;
}
public set entityKey(value: string) {
this._entityKey = value;
if (this._entityKey) {
this._workspaceContext.load(this._entityKey);
}
public load(entityKey: string) {
this._workspaceContext.load(entityKey);
}
@property()
public set create(parentKey: string | null) {
public create(parentKey: string | null) {
this._workspaceContext.create(parentKey);
}
private _workspaceContext: UmbWorkspaceMemberGroupContext = new UmbWorkspaceMemberGroupContext(this);
@state()
private _memberGroupName = '';
constructor() {
super();
this.provideContext('umbWorkspaceContext', this._workspaceContext);
this.observe(this._workspaceContext.data.pipe(distinctUntilChanged()), (memberGroup) => {
if (memberGroup && memberGroup.name !== this._memberGroupName) {
this._memberGroupName = memberGroup.name ?? '';