Merge pull request #2297 from umbraco/v15/feature/member-sidebar-menu

Feature: Members section sidebar menu

Author: nielslyngsoe

package-lock.json

@@ -1,7 +1,8 @@
 import { manifests as memberGroupManifests } from './member-group/manifests.js';
 import { manifests as memberManifests } from './member/manifests.js';
-import { manifests as memberSectionManifests } from './member-section/manifests.js';
 import { manifests as memberTypeManifests } from './member-type/manifests.js';
+import { manifests as sectionManifests } from './section/manifests.js';
+
 import type { UmbExtensionManifestKind } from '@umbraco-cms/backoffice/extension-registry';
 
 import './member/components/index.js';
@@ -10,6 +11,6 @@ import './member-group/components/index.js';
 export const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind> = [
 	...memberGroupManifests,
 	...memberManifests,
-	...memberSectionManifests,
 	...memberTypeManifests,
+	...sectionManifests,
 ];

src/packages/members/manifests.ts

@@ -0,0 +1,16 @@
+import { UMB_MEMBER_GROUP_WORKSPACE_PATH } from '../paths.js';
+import type { UmbEntityActionArgs } from '@umbraco-cms/backoffice/entity-action';
+import { UmbEntityActionBase } from '@umbraco-cms/backoffice/entity-action';
+import type { UmbControllerHostElement } from '@umbraco-cms/backoffice/controller-api';
+
+export class UmbCreateMemberGroupEntityAction extends UmbEntityActionBase<never> {
+	constructor(host: UmbControllerHostElement, args: UmbEntityActionArgs<never>) {
+		super(host, args);
+	}
+
+	override async execute() {
+		history.pushState(null, '', UMB_MEMBER_GROUP_WORKSPACE_PATH + '/create');
+	}
+}
+
+export { UmbCreateMemberGroupEntityAction as api };

src/packages/members/member-group/entity-actions/create-member-group.action.ts

@@ -2,9 +2,22 @@ import {
 	UMB_MEMBER_GROUP_DETAIL_REPOSITORY_ALIAS,
 	UMB_MEMBER_GROUP_ITEM_REPOSITORY_ALIAS,
 } from '../repository/index.js';
-import { UMB_MEMBER_GROUP_ENTITY_TYPE } from '../entity.js';
+import { UMB_MEMBER_GROUP_ENTITY_TYPE, UMB_MEMBER_GROUP_ROOT_ENTITY_TYPE } from '../entity.js';
 
 export const manifests: Array<UmbExtensionManifest> = [
+	{
+		type: 'entityAction',
+		kind: 'default',
+		alias: 'Umb.EntityAction.MemberGroup.Create',
+		name: 'Create Member Group Entity Action',
+		weight: 1200,
+		api: () => import('./create-member-group.action.js'),
+		forEntityTypes: [UMB_MEMBER_GROUP_ROOT_ENTITY_TYPE],
+		meta: {
+			icon: 'icon-add',
+			label: '#actions_create',
+		},
+	},
 	{
 		type: 'entityAction',
 		kind: 'delete',

src/packages/members/member-group/entity-actions/manifests.ts

@@ -1,17 +1,19 @@
 import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as entityActionManifests } from './entity-actions/manifests.js';
 import { manifests as memberGroupPickerModalManifests } from './components/member-group-picker-modal/manifests.js';
+import { manifests as menuItemManifests } from './menu-item/manifests.js';
 import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
-import { manifests as sectionViewManifests } from './section-view/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
 
-export const manifests: Array<UmbExtensionManifest> = [
+import type { UmbExtensionManifestKind } from '@umbraco-cms/backoffice/extension-registry';
+
+export const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind> = [
 	...collectionManifests,
 	...entityActionManifests,
 	...memberGroupPickerModalManifests,
+	...menuItemManifests,
 	...propertyEditorManifests,
 	...repositoryManifests,
-	...sectionViewManifests,
 	...workspaceManifests,
 ];

src/packages/members/member-group/manifests.ts

@@ -0,0 +1,18 @@
+import { UMB_MEMBER_MANAGEMENT_MENU_ALIAS } from '../../section/menu/constants.js';
+import { UMB_MEMBER_GROUP_ROOT_ENTITY_TYPE } from '../entity.js';
+import type { ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
+
+export const manifests: Array<ManifestTypes> = [
+	{
+		type: 'menuItem',
+		alias: 'Umb.MenuItem.MemberGroups',
+		name: 'Member Groups Menu Item',
+		weight: 100,
+		meta: {
+			label: '#treeHeaders_memberGroups',
+			icon: 'icon-users',
+			entityType: UMB_MEMBER_GROUP_ROOT_ENTITY_TYPE,
+			menus: [UMB_MEMBER_MANAGEMENT_MENU_ALIAS],
+		},
+	},
+];

src/packages/members/member-group/menu-item/manifests.ts

@@ -0,0 +1,13 @@
+import { UMB_MEMBER_MANAGEMENT_SECTION_PATHNAME } from '../section/paths.js';
+import { UMB_MEMBER_GROUP_ENTITY_TYPE, UMB_MEMBER_GROUP_ROOT_ENTITY_TYPE } from './entity.js';
+import { UMB_WORKSPACE_PATH_PATTERN } from '@umbraco-cms/backoffice/workspace';
+
+export const UMB_MEMBER_GROUP_WORKSPACE_PATH = UMB_WORKSPACE_PATH_PATTERN.generateAbsolute({
+	sectionName: UMB_MEMBER_MANAGEMENT_SECTION_PATHNAME,
+	entityType: UMB_MEMBER_GROUP_ENTITY_TYPE,
+});
+
+export const UMB_MEMBER_GROUP_ROOT_WORKSPACE_PATH = UMB_WORKSPACE_PATH_PATTERN.generateAbsolute({
+	sectionName: UMB_MEMBER_MANAGEMENT_SECTION_PATHNAME,
+	entityType: UMB_MEMBER_GROUP_ROOT_ENTITY_TYPE,
+});

src/packages/members/member-group/paths.ts

@@ -1,53 +1,9 @@
-import { UMB_MEMBER_GROUP_ENTITY_TYPE } from '../entity.js';
-import { UmbSubmitWorkspaceAction } from '@umbraco-cms/backoffice/workspace';
+import { manifests as memberGroupManifests } from './member-group/manifests.js';
+import { manifests as memberGroupRootManifests } from './member-group-root/manifests.js';
 
-export const UMB_MEMBER_GROUP_WORKSPACE_ALIAS = 'Umb.Workspace.MemberGroup';
+import type { UmbExtensionManifestKind } from '@umbraco-cms/backoffice/extension-registry';
 
-export const manifests: Array<UmbExtensionManifest> = [
-	{
-		type: 'workspace',
-		kind: 'routable',
-		alias: UMB_MEMBER_GROUP_WORKSPACE_ALIAS,
-		name: 'MemberGroup Workspace',
-		api: () => import('./member-group-workspace.context.js'),
-		meta: {
-			entityType: UMB_MEMBER_GROUP_ENTITY_TYPE,
-		},
-	},
-	{
-		type: 'workspaceAction',
-		kind: 'default',
-		alias: 'Umb.WorkspaceAction.MemberGroup.Save',
-		name: 'Save Member Group Workspace Action',
-		api: UmbSubmitWorkspaceAction,
-		meta: {
-			label: '#buttons_save',
-			look: 'primary',
-			color: 'positive',
-		},
-		conditions: [
-			{
-				alias: 'Umb.Condition.WorkspaceAlias',
-				match: UMB_MEMBER_GROUP_WORKSPACE_ALIAS,
-			},
-		],
-	},
-	{
-		type: 'workspaceView',
-		alias: 'Umb.WorkspaceView.Member.Info',
-		name: 'Member Workspace info View',
-		js: () => import('./views/info/member-type-workspace-view-info.element.js'),
-		weight: 300,
-		meta: {
-			label: '#general_info',
-			pathname: 'info',
-			icon: 'icon-document',
-		},
-		conditions: [
-			{
-				alias: 'Umb.Condition.WorkspaceAlias',
-				match: UMB_MEMBER_GROUP_WORKSPACE_ALIAS,
-			},
-		],
-	},
+export const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind> = [
+	...memberGroupManifests,
+	...memberGroupRootManifests,
 ];