Improves the layout on the create blueprint dialog (#19556)

* Improves the layout on the create blueprint dialog.

* localize texts

---------

Co-authored-by: Mads Rasmussen <madsr@hey.com>
This commit is contained in:
Andy Butland
2025-06-24 10:08:09 +02:00
committed by GitHub
parent ef453ad62e
commit 6237ddca89

View File

@@ -38,21 +38,21 @@ export class UmbCreateBlueprintModalElement extends UmbModalBaseElement<
this.modalContext?.submit();
}
#renderBlueprintName() {
return html`<strong>Create a new Content Template from ${this._documentName}</strong>
A Content Template is predefined content that an editor can select to use as the basis for creating new content .
<uui-label for="name">Name</uui-label>
<uui-input
id="name"
label="name"
.value=${this._blueprintName}
@input=${(e: UUIInputEvent) => (this._blueprintName = e.target.value as string)}></uui-input>`;
}
override render() {
return html`
<umb-body-layout headline="Create Content Template">
${this.#renderBlueprintName()}
<umb-body-layout headline=${this.localize.term('actions_createblueprint')}>
<uui-box id="tree-box" headline=${this.localize.term('blueprints_createBlueprintFrom', this._documentName)}>
<umb-localize key="blueprints_blueprintDescription"></umb-localize>
<umb-property-layout label=${this.localize.term('general_name')} orientation="vertical">
<div slot="editor">
<uui-input
id="name"
label="name"
.value=${this._blueprintName}
@input=${(e: UUIInputEvent) => (this._blueprintName = e.target.value as string)}></uui-input>
</div>
</umb-property-layout>
</uui-box>
<uui-button
slot="actions"
id="close"