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

wip create + invite entity actions

Browse Source
This commit is contained in:
Mads Rasmussen
2024-09-10 21:39:06 +02:00
parent ad4118b9ac
commit 533d37f4a0
8 changed files with 209 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/Umbraco.Web.UI.Client/src/packages/user/user/entity-actions/create/create-user-entity-action.ts Normal file
View File

@@ -0,0 +1,21 @@
import { UMB_USER_CREATE_OPTIONS_MODAL } from './modal/index.js';
import { UmbEntityActionBase } from '@umbraco-cms/backoffice/entity-action';
import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
export class UmbCreateUserEntityAction extends UmbEntityActionBase<never> {
override async execute() {
const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
const modalContext = modalManager.open(this, UMB_USER_CREATE_OPTIONS_MODAL, {
data: {
parent: {
unique: this.args.unique,
entityType: this.args.entityType,
},
},
});
await modalContext.onSubmit();
}
}
export { UmbCreateUserEntityAction as api };

22
src/Umbraco.Web.UI.Client/src/packages/user/user/entity-actions/create/manifests.ts Normal file
View File

@@ -0,0 +1,22 @@
import { UMB_USER_ROOT_ENTITY_TYPE } from '../../entity.js';
import { manifests as modalManifests } from './modal/manifests.js';
import type { ManifestTypes, UmbBackofficeManifestKind } from '@umbraco-cms/backoffice/extension-registry';
export const manifests: Array<ManifestTypes | UmbBackofficeManifestKind> = [
{
type: 'entityAction',
kind: 'default',
alias: 'Umb.EntityAction.User.Create',
name: 'Create User Entity Action',
weight: 1200,
api: () => import('./create-user-entity-action.js'),
forEntityTypes: [UMB_USER_ROOT_ENTITY_TYPE],
meta: {
icon: 'icon-add',
label: '#actions_create',
},
},
...modalManifests,
];

8
src/Umbraco.Web.UI.Client/src/packages/user/user/entity-actions/create/modal/index.ts Normal file
View File

@@ -0,0 +1,8 @@
import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
export const UMB_USER_CREATE_OPTIONS_MODAL = new UmbModalToken('Umb.Modal.User.CreateOptions', {
modal: {
type: 'sidebar',
size: 'small',
},
});

10
src/Umbraco.Web.UI.Client/src/packages/user/user/entity-actions/create/modal/manifests.ts Normal file
View File

@@ -0,0 +1,10 @@
import type { ManifestTypes, UmbBackofficeManifestKind } from '@umbraco-cms/backoffice/extension-registry';
export const manifests: Array<ManifestTypes | UmbBackofficeManifestKind> = [
{
type: 'modal',
alias: 'Umb.Modal.User.CreateOptions',
name: 'User Create Options Modal',
element: () => import('./user-create-options-modal.element.js'),
},
];

108
src/Umbraco.Web.UI.Client/src/packages/user/user/entity-actions/create/modal/user-create-options-modal.element.ts Normal file
View File

@@ -0,0 +1,108 @@
import { UMB_CREATE_USER_MODAL } from '../../../modals/create/create-user-modal.token.js';
import { UmbUserKind, type UmbUserKindType } from '../../../utils/index.js';
import { html, customElement, map } from '@umbraco-cms/backoffice/external/lit';
import { UMB_MODAL_MANAGER_CONTEXT, UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
import type { UmbEntityModel } from '@umbraco-cms/backoffice/entity';
import { UMB_ENTITY_CONTEXT } from '@umbraco-cms/backoffice/entity';
import { UMB_ACTION_EVENT_CONTEXT } from '@umbraco-cms/backoffice/action';
import { UmbRequestReloadChildrenOfEntityEvent } from '@umbraco-cms/backoffice/entity-action';
interface UmbUserCreateOptionModel {
label: string;
description: string;
icon: string;
kind: UmbUserKindType;
}
const elementName = 'umb-user-create-options-modal';
@customElement(elementName)
export class UmbUserCreateOptionsModalElement extends UmbModalBaseElement {
#options: Array<UmbUserCreateOptionModel> = [
{
label: this.localize.term('user_userKindDefault'),
description: 'Donec augue nunc, ullamcorper non turpis ut, maximus facilisis lorem. Nunc id sagittis magna.',
icon: 'icon-user',
kind: UmbUserKind.DEFAULT,
},
{
label: this.localize.term('user_userKindApi'),
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
icon: 'icon-unplug',
kind: UmbUserKind.API,
},
];
async #onClick(event: Event, kind: UmbUserKindType) {
event.stopPropagation();
const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
const entityContext = await this.getContext(UMB_ENTITY_CONTEXT);
const unique = entityContext.getUnique();
const entityType = entityContext.getEntityType();
if (unique === undefined) throw new Error('Missing unique');
if (!entityType) throw new Error('Missing entityType');
const modalContext = modalManager.open(this, UMB_CREATE_USER_MODAL, {
data: {
user: {
kind,
},
},
});
modalContext
?.onSubmit()
.then(() => {
this.#requestReloadChildrenOfEntity({ entityType, unique });
})
.catch(async () => {
// modal is closed after creation instead of navigating to the new user.
// We therefore need to reload the children of the entity
this.#requestReloadChildrenOfEntity({ entityType, unique });
});
}
async #requestReloadChildrenOfEntity({ entityType, unique }: UmbEntityModel) {
const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
const event = new UmbRequestReloadChildrenOfEntityEvent({
entityType,
unique,
});
eventContext.dispatchEvent(event);
}
override render() {
return html`
<umb-body-layout headline="${this.localize.term('user_createUser')}">
<uui-box>
<uui-ref-list>
${map(
this.#options,
(item) => html`
<umb-ref-item
name=${item.label}
detail=${item.description}
icon=${item.icon}
@click=${(event: Event) => this.#onClick(event, item.kind)}></umb-ref-item>
`,
)}
</uui-ref-list>
</uui-box>
<uui-button
slot="actions"
label=${this.localize.term('general_cancel')}
@click=${this._rejectModal}></uui-button>
</umb-body-layout>
`;
}
}
export { UmbUserCreateOptionsModalElement as element };
declare global {
interface HTMLElementTagNameMap {
[elementName]: UmbUserCreateOptionsModalElement;
}
}

11
src/Umbraco.Web.UI.Client/src/packages/user/user/entity-actions/invite/invite-user-entity-action.ts Normal file
View File

@@ -0,0 +1,11 @@
import { UmbEntityActionBase } from '@umbraco-cms/backoffice/entity-action';
import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
export class UmbCreateUserEntityAction extends UmbEntityActionBase<never> {
override async execute() {
const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
debugger;
}
}
export { UmbCreateUserEntityAction as api };

19
src/Umbraco.Web.UI.Client/src/packages/user/user/entity-actions/invite/manifests.ts Normal file
View File

@@ -0,0 +1,19 @@
import { UMB_USER_ROOT_ENTITY_TYPE } from '../../entity.js';
import type { ManifestTypes, UmbBackofficeManifestKind } from '@umbraco-cms/backoffice/extension-registry';
export const manifests: Array<ManifestTypes | UmbBackofficeManifestKind> = [
{
type: 'entityAction',
kind: 'default',
alias: 'Umb.EntityAction.User.Invite',
name: 'Invite User Entity Action',
weight: 1000,
api: () => import('./invite-user-entity-action.js'),
forEntityTypes: [UMB_USER_ROOT_ENTITY_TYPE],
meta: {
icon: 'icon-paper-plane',
label: '#user_invite',
},
},
];

12
src/Umbraco.Web.UI.Client/src/packages/user/user/entity-actions/manifests.ts
View File

@@ -1,6 +1,10 @@
import { UMB_USER_DETAIL_REPOSITORY_ALIAS, UMB_USER_ITEM_REPOSITORY_ALIAS } from '../repository/index.js';
import { UMB_USER_ENTITY_TYPE } from '../entity.js';
import type { ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
import { manifests as createManifests } from './create/manifests.js';
import { manifests as inviteManifests } from './invite/manifests.js';
import type { ManifestTypes, UmbBackofficeManifestKind } from '@umbraco-cms/backoffice/extension-registry';
const entityActions: Array<ManifestTypes> = [
{
@@ -93,4 +97,8 @@ const entityActions: Array<ManifestTypes> = [
},
];
export const manifests: Array<ManifestTypes> = [...entityActions];
export const manifests: Array<ManifestTypes | UmbBackofficeManifestKind> = [
...entityActions,
...createManifests,
...inviteManifests,
];