render granular permission extensions

This commit is contained in:
Mads Rasmussen
2023-09-19 20:14:24 +02:00
parent bd559dbb6b
commit def5ddd166
4 changed files with 44 additions and 3 deletions

View File

@@ -1 +1,2 @@
export * from './input-document/input-document.element.js';
export * from './input-document-granular-permission/input-document-granular-permission.element.js';

View File

@@ -1,2 +1,5 @@
export * from './users/components/index.js';
export * from './user-groups/components/index.js';
export * from './components/index.js';
export * from './current-user/index.js';
export * from './user-groups/index.js';
export * from './users/index.js';
export * from './manifests.js';

View File

@@ -0,0 +1,36 @@
import { UMB_USER_GROUP_WORKSPACE_CONTEXT } from '../user-group-workspace.context.js';
import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
import { UserGroupResponseModel } from '@umbraco-cms/backoffice/backend-api';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
@customElement('umb-user-group-granular-permission-list')
export class UmbUserGroupGranularPermissionListElement extends UmbLitElement {
@state()
private _userGroup?: UserGroupResponseModel;
#workspaceContext?: typeof UMB_USER_GROUP_WORKSPACE_CONTEXT.TYPE;
constructor() {
super();
this.consumeContext(UMB_USER_GROUP_WORKSPACE_CONTEXT, (instance) => {
this.#workspaceContext = instance;
this.observe(this.#workspaceContext.data, (userGroup) => (this._userGroup = userGroup));
});
}
render() {
return html`<umb-extension-slot type="userGranularPermission"></umb-extension-slot>`;
}
static styles = [UmbTextStyles, css``];
}
export default UmbUserGroupGranularPermissionListElement;
declare global {
interface HTMLElementTagNameMap {
'umb-user-group-granular-permission-list': UmbUserGroupGranularPermissionListElement;
}
}

View File

@@ -11,6 +11,7 @@ import {
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import './components/user-group-default-permission-list.element.js';
import './components/user-group-granular-permission-list.element.js';
@customElement('umb-user-group-workspace-editor')
export class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
@@ -134,7 +135,7 @@ export class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
<uui-box>
<div slot="headline">Granular permissions</div>
<b>PERMISSIONS NOT IMPLEMENTED YET</b>
<umb-user-group-granular-permission-list></umb-user-group-granular-permission-list>
</uui-box>`;
}