edit document blueprint

Author: madsrasmussen

src/packages/data-type/tree/folder/workspace/manifests.ts

@@ -17,7 +17,7 @@ export const manifests: Array<UmbExtensionManifest> = [
 		type: 'workspaceAction',
 		kind: 'default',
 		alias: 'Umb.WorkspaceAction.DataType.Folder.Submit',
-		name: 'Save Media Type Folder Workspace Action',
+		name: 'Submit Media Type Folder Workspace Action',
 		api: UmbSubmitWorkspaceAction,
 		meta: {
 			label: '#buttons_save',

src/packages/documents/document-blueprints/tree/folder/workspace/document-blueprint-folder-editor.element.ts

@@ -1,8 +1,10 @@
-import { UMB_DOCUMENT_BLUEPRINT_FOLDER_WORKSPACE_ALIAS } from './constants.js';
 import { UMB_DOCUMENT_BLUEPRINT_FOLDER_WORKSPACE_CONTEXT } from './document-blueprint-folder.workspace.context-token.js';
 import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
-import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import type { UUIInputElement } from '@umbraco-cms/backoffice/external/uui';
+import { UUIInputEvent } from '@umbraco-cms/backoffice/external/uui';
+import { umbFocus, UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
+import { umbBindToValidation } from '@umbraco-cms/backoffice/validation';
 
 const elementName = 'umb-document-blueprint-folder-workspace-editor';
 @customElement(elementName)
@@ -30,12 +32,37 @@ export class UmbDocumentBlueprintFolderWorkspaceEditorElement extends UmbLitElem
 		});
 	}
 
+	#handleInput(event: UUIInputEvent) {
+		if (event instanceof UUIInputEvent) {
+			const target = event.composedPath()[0] as UUIInputElement;
+
+			if (typeof target?.value === 'string') {
+				this.#workspaceContext?.setName(target.value);
+			}
+		}
+	}
+
 	override render() {
-		return html`<umb-workspace-editor headline=${this._name} alias=${UMB_DOCUMENT_BLUEPRINT_FOLDER_WORKSPACE_ALIAS}>
+		return html`<umb-workspace-editor>
+			<uui-input
+				slot="header"
+				id="nameInput"
+				.value=${this._name ?? ''}
+				@input="${this.#handleInput}"
+				required
+				${umbBindToValidation(this, `$.name`, this._name)}
+				${umbFocus()}></uui-input>
 		</umb-workspace-editor>`;
 	}
 
-	static override styles = [UmbTextStyles, css``];
+	static override styles = [
+		UmbTextStyles,
+		css`
+			#nameInput {
+				flex: 1 1 auto;
+			}
+		`,
+	];
 }
 
 export { UmbDocumentBlueprintFolderWorkspaceEditorElement as element };

src/packages/documents/document-blueprints/tree/folder/workspace/manifests.ts

@@ -1,5 +1,6 @@
 import { UMB_DOCUMENT_BLUEPRINT_FOLDER_ENTITY_TYPE } from '../../../entity.js';
 import { UMB_DOCUMENT_BLUEPRINT_FOLDER_WORKSPACE_ALIAS } from './constants.js';
+import { UmbSubmitWorkspaceAction } from '@umbraco-cms/backoffice/workspace';
 
 export const manifests: Array<UmbExtensionManifest> = [
 	{
@@ -12,4 +13,22 @@ export const manifests: Array<UmbExtensionManifest> = [
 			entityType: UMB_DOCUMENT_BLUEPRINT_FOLDER_ENTITY_TYPE,
 		},
 	},
+	{
+		type: 'workspaceAction',
+		kind: 'default',
+		alias: 'Umb.WorkspaceAction.DocumentBlueprint.Folder.Submit',
+		name: 'Submit Document Blueprint Folder Workspace Action',
+		api: UmbSubmitWorkspaceAction,
+		meta: {
+			label: '#buttons_save',
+			look: 'primary',
+			color: 'positive',
+		},
+		conditions: [
+			{
+				alias: 'Umb.Condition.WorkspaceAlias',
+				match: UMB_DOCUMENT_BLUEPRINT_FOLDER_WORKSPACE_ALIAS,
+			},
+		],
+	},
 ];

src/packages/documents/document-types/tree/folder/workspace/manifests.ts

@@ -1,6 +1,6 @@
-import { UmbSubmitWorkspaceAction } from '@umbraco-cms/backoffice/workspace';
 import { UMB_DOCUMENT_TYPE_FOLDER_ENTITY_TYPE } from '../../../entity.js';
 import { UMB_DOCUMENT_TYPE_FOLDER_WORKSPACE_ALIAS } from './constants.js';
+import { UmbSubmitWorkspaceAction } from '@umbraco-cms/backoffice/workspace';
 
 export const manifests: Array<UmbExtensionManifest> = [
 	{
@@ -16,8 +16,8 @@ export const manifests: Array<UmbExtensionManifest> = [
 	{
 		type: 'workspaceAction',
 		kind: 'default',
-		alias: 'Umb.WorkspaceAction.DocumentType.Folder.Save',
-		name: 'Save Document Type Folder Workspace Action',
+		alias: 'Umb.WorkspaceAction.DocumentType.Folder.Submit',
+		name: 'Submit Document Type Folder Workspace Action',
 		api: UmbSubmitWorkspaceAction,
 		meta: {
 			label: '#buttons_save',

src/packages/media/media-types/tree/folder/workspace/manifests.ts

@@ -17,7 +17,7 @@ export const manifests: Array<UmbExtensionManifest> = [
 		type: 'workspaceAction',
 		kind: 'default',
 		alias: 'Umb.WorkspaceAction.MediaType.Folder.Submit',
-		name: 'Save Media Type Folder Workspace Action',
+		name: 'Submit Media Type Folder Workspace Action',
 		api: UmbSubmitWorkspaceAction,
 		meta: {
 			label: '#buttons_save',