@umbraco-cms/backoffice 14.0.0--preview007-dd76e4de → 14.0.0--preview007-226f18ab

package/dist-cms/packages/dynamic-root/modals/dynamic-root-origin-picker-modal.element.js

@@ -12,7 +12,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 var _UmbDynamicRootOriginPickerModalModalElement_instances, _UmbDynamicRootOriginPickerModalModalElement_documentPickerContext, _UmbDynamicRootOriginPickerModalModalElement_choose, _UmbDynamicRootOriginPickerModalModalElement_close, _UmbDynamicRootOriginPickerModalModalElement_openDocumentPicker, _UmbDynamicRootOriginPickerModalModalElement_submit;
 import { UmbDocumentPickerContext } from '../../documents/documents/components/input-document/input-document.context.js';
 import { UmbModalBaseElement } from '../../core/modal/index.js';
-import { css, html, customElement, map, state, ifDefined } from '../../../external/lit/index.js';
+import { css, html, customElement, state, ifDefined, repeat } from '../../../external/lit/index.js';
 import { umbExtensionsRegistry } from '../../core/extension-registry/index.js';
 let UmbDynamicRootOriginPickerModalModalElement = class UmbDynamicRootOriginPickerModalModalElement extends UmbModalBaseElement {
     constructor() {
@@ -30,7 +30,7 @@ let UmbDynamicRootOriginPickerModalModalElement = class UmbDynamicRootOriginPick
 			<umb-body-layout headline="${this.localize.term('dynamicRoot_pickDynamicRootOriginTitle')}">
 				<div id="main">
 					<uui-box>
-						${map(this._origins, (item) => html `
+						${repeat(this._origins, (item) => item.alias, (item) => html `
 								<uui-button @click=${() => __classPrivateFieldGet(this, _UmbDynamicRootOriginPickerModalModalElement_instances, "m", _UmbDynamicRootOriginPickerModalModalElement_choose).call(this, item)} look="placeholder" label="${ifDefined(item.meta.label)}">
 									<h3>${item.meta.label}</h3>
 									<p>${item.meta.description}</p>

package/dist-cms/packages/dynamic-root/modals/dynamic-root-query-step-picker-modal.element.js

@@ -14,7 +14,7 @@ import { UmbDocumentTypePickerContext } from '../../documents/document-types/com
 import { UmbId } from '../../core/id/index.js';
 import { UmbModalBaseElement } from '../../core/modal/index.js';
 import { UmbTextStyles } from '../../../shared/style/index.js';
-import { css, html, customElement, map, state, ifDefined } from '../../../external/lit/index.js';
+import { css, html, customElement, state, ifDefined, repeat } from '../../../external/lit/index.js';
 import { umbExtensionsRegistry } from '../../core/extension-registry/index.js';
 let UmbDynamicRootQueryStepPickerModalModalElement = class UmbDynamicRootQueryStepPickerModalModalElement extends UmbModalBaseElement {
     constructor() {
@@ -31,7 +31,7 @@ let UmbDynamicRootQueryStepPickerModalModalElement = class UmbDynamicRootQuerySt
 			<umb-body-layout headline="${this.localize.term('dynamicRoot_pickDynamicRootQueryStepTitle')}">
 				<div id="main">
 					<uui-box>
-						${map(this._querySteps, (item) => html `
+						${repeat(this._querySteps, (item) => item.alias, (item) => html `
 								<uui-button @click=${() => __classPrivateFieldGet(this, _UmbDynamicRootQueryStepPickerModalModalElement_instances, "m", _UmbDynamicRootQueryStepPickerModalModalElement_choose).call(this, item)} look="placeholder" label="${ifDefined(item.meta.label)}">
 									<h3>${item.meta.label}</h3>
 									<p>${item.meta.description}</p>

package/dist-cms/packages/templating/components/insert-menu/templating-insert-menu.element.js

@@ -79,14 +79,17 @@ let UmbTemplatingInsertMenuElement = class UmbTemplatingInsertMenuElement extend
     render() {
         return html `
 			<uui-button-group>
-				<uui-button look="secondary" @click=${__classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_openChooseTypeModal, "f")} label="Choose value to insert">
-					<uui-icon name="icon-add"></uui-icon>Insert
+				<uui-button
+					look="secondary"
+					@click=${__classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_openChooseTypeModal, "f")}
+					label=${this.localize.term('template_insertDesc')}>
+					<uui-icon name="icon-add"></uui-icon> ${this.localize.term('template_insert')}
 				</uui-button>
 				<umb-dropdown look="secondary" compact placement="bottom-end" id="insert-button" label="open insert menu">
 					<uui-menu-item
 						class="insert-menu-item"
-						label="Dictionary item"
-						title="Dictionary item"
+						label=${this.localize.term('template_insertDictionaryItem')}
+						title=${this.localize.term('template_insertDictionaryItem')}
 						@click=${__classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_instances, "m", _UmbTemplatingInsertMenuElement_openInsertDictionaryItemModal)}>
 					</uui-menu-item>
 				</umb-dropdown>
@@ -112,6 +115,7 @@ _UmbTemplatingInsertMenuElement_openInsertDictionaryItemModal = function _UmbTem
     __classPrivateFieldSet(this, _UmbTemplatingInsertMenuElement_openModal, this._modalContext?.open(UMB_DICTIONARY_ITEM_PICKER_MODAL, {
         data: {
             pickableFilter: (item) => item.id !== null,
+            hideTreeRoot: true,
         },
     }), "f");
     __classPrivateFieldGet(this, _UmbTemplatingInsertMenuElement_openModal, "f")?.onSubmit().then((value) => {

package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.js

@@ -41,17 +41,14 @@ let UmbChooseInsertTypeModalElement = class UmbChooseInsertTypeModalElement exte
 			<umb-body-layout headline="Insert">
 				<div id="main">
 					<uui-box>
-						<uui-button @click=${__classPrivateFieldGet(this, _UmbChooseInsertTypeModalElement_instances, "m", _UmbChooseInsertTypeModalElement_openInsertDictionaryItemModal)} look="placeholder" label="Insert Dictionary item"
-							><h3>Dictionary item</h3>
-							<p>
-								A dictionary item is a placeholder for a translatable piece of text, which makes it easy to create
-								designs for multilingual websites.
-							</p></uui-button
-						>
+						<uui-button @click=${__classPrivateFieldGet(this, _UmbChooseInsertTypeModalElement_instances, "m", _UmbChooseInsertTypeModalElement_openInsertDictionaryItemModal)} look="placeholder" label="Insert Dictionary item">
+							<h3>${this.localize.term('template_insertDictionaryItem')}</h3>
+							<p>${this.localize.term('template_insertDictionaryItemDesc')}</p>
+						</uui-button>
 					</uui-box>
 				</div>
 				<div slot="actions">
-					<uui-button @click=${this._close} look="secondary" label="Close">Close</uui-button>
+					<uui-button @click=${this._close} look="secondary" label=${this.localize.term('general_close')}></uui-button>
 				</div>
 			</umb-body-layout>
 		`;
@@ -75,6 +72,7 @@ _UmbChooseInsertTypeModalElement_openInsertDictionaryItemModal = function _UmbCh
     __classPrivateFieldSet(this, _UmbChooseInsertTypeModalElement_openModal, this._modalContext?.open(UMB_DICTIONARY_ITEM_PICKER_MODAL, {
         data: {
             pickableFilter: (item) => item.id !== null,
+            hideTreeRoot: true,
         },
     }), "f");
     __classPrivateFieldGet(this, _UmbChooseInsertTypeModalElement_openModal, "f")?.onSubmit().then((dictionaryItemPickerModalValue) => {
@@ -87,12 +85,9 @@ _UmbChooseInsertTypeModalElement_openInsertDictionaryItemModal = function _UmbCh
 _UmbChooseInsertTypeModalElement_renderInsertPartialViewButton = function _UmbChooseInsertTypeModalElement_renderInsertPartialViewButton() {
     return html `${this.data?.hidePartialViews
         ? ''
-        : html `<uui-button @click=${__classPrivateFieldGet(this, _UmbChooseInsertTypeModalElement_instances, "m", _UmbChooseInsertTypeModalElement_openInsertPartialViewSidebar)} look="placeholder" label="Insert value"
-					><h3>Partial view</h3>
-					<p>
-						A partial view is a separate template file which can be rendered inside another template, it's great for
-						reusing markup or for separating complex templates into separate files.
-					</p></uui-button
+        : html `<uui-button @click=${__classPrivateFieldGet(this, _UmbChooseInsertTypeModalElement_instances, "m", _UmbChooseInsertTypeModalElement_openInsertPartialViewSidebar)} look="placeholder" label="Insert value">
+					<h3>${this.localize.term('template_insertPartialView')}</h3>
+					<p>${this.localize.term('template_insertPartialViewDesc')}</p></uui-button
 			  >`}`;
 };
 UmbChooseInsertTypeModalElement.styles = [

package/dist-cms/packages/templating/templates/repository/detail/template-detail.server.data-source.d.ts

@@ -21,7 +21,7 @@ export declare class UmbTemplateServerDataSource implements UmbDetailDataSource<
      * @return { CreateTemplateRequestModel }
      * @memberof UmbTemplateServerDataSource
      */
-    createScaffold(parentUnique: string | null): Promise<{
+    createScaffold(parentUnique: string | null, preset?: Partial<UmbTemplateDetailModel>): Promise<{
         data: UmbTemplateDetailModel;
     }>;
     /**

package/dist-cms/packages/templating/templates/repository/detail/template-detail.server.data-source.js

@@ -36,15 +36,16 @@ export class UmbTemplateServerDataSource {
      * @return { CreateTemplateRequestModel }
      * @memberof UmbTemplateServerDataSource
      */
-    async createScaffold(parentUnique) {
+    async createScaffold(parentUnique, preset) {
+        const scaffold = '@using Umbraco.Cms.Web.Common.PublishedModels;\n@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage\n@{\n\tLayout = null;\n}';
         const data = {
             entityType: UMB_TEMPLATE_ENTITY_TYPE,
             unique: UmbId.new(),
             parentUnique,
-            name: '',
-            alias: '',
-            content: '',
-            masterTemplate: null,
+            name: preset?.name ?? '',
+            alias: preset?.alias ?? '',
+            content: preset?.content ?? scaffold,
+            masterTemplate: preset?.masterTemplate ?? null,
         };
         return { data };
     }

package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.js

@@ -89,16 +89,16 @@ let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement
 						<uui-button
 							look="secondary"
 							id="query-builder-button"
-							label="Query builder"
+							label=${this.localize.term('template_queryBuilder')}
 							@click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openQueryBuilder)}>
-							<uui-icon name="icon-wand"></uui-icon>Query builder
+							<uui-icon name="icon-wand"></uui-icon> ${this.localize.term('template_queryBuilder')}
 						</uui-button>
 						<uui-button
 							look="secondary"
 							id="sections-button"
-							label="Query builder"
+							label=${this.localize.term('template_insertSections')}
 							@click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openInsertSectionModal)}>
-							<uui-icon name="icon-indent"></uui-icon>Sections
+							<uui-icon name="icon-indent"></uui-icon> ${this.localize.term('template_insertSections')}
 						</uui-button>
 					</div>
 				</div>
@@ -153,6 +153,7 @@ _UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker = function _UmbTempl
             pickableFilter: (item) => {
                 return item.unique !== null && item.unique !== __classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_templateWorkspaceContext, "f")?.getEntityId();
             },
+            hideTreeRoot: true,
         },
         value: {
             selection: [__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_masterTemplateUnique, "f")],
@@ -179,15 +180,15 @@ _UmbTemplateWorkspaceEditorElement_renderMasterTemplatePicker = function _UmbTem
 					@click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker)}
 					look="secondary"
 					id="master-template-button"
-					label="Change Master template"
-					>${this._masterTemplateName
-        ? `Master template: ${this._masterTemplateName}`
-        : 'Set master template'}</uui-button
-				>
+					label=${this.localize.term('template_mastertemplate')}>
+					${this._masterTemplateName
+        ? `${this.localize.term('template_mastertemplate')}: ${this._masterTemplateName}`
+        : this.localize.term('template_noMaster')}
+				</uui-button>
 				${this._masterTemplateName
-        ? html ` <uui-button look="secondary" id="save-button" label="Remove master template" compact
-							><uui-icon name="icon-delete" @click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_resetMasterTemplate)}></uui-icon
-					  ></uui-button>`
+        ? html ` <uui-button look="secondary" id="save-button" label=${this.localize.term('actions_remove')} compact>
+							<uui-icon name="icon-delete" @click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_resetMasterTemplate)}></uui-icon>
+					  </uui-button>`
         : nothing}
 			</uui-button-group>
 		`;

package/dist-cms/packages/templating/templates/workspace/template-workspace.context.d.ts

@@ -28,7 +28,7 @@ export declare class UmbTemplateWorkspaceContext extends UmbEditableWorkspaceCon
     getHasLayoutBlock(): boolean;
     load(unique: string): Promise<void>;
     setMasterTemplate(id: string | null): Promise<UmbTemplateItemModel | null>;
-    create(parentUnique: string | null): Promise<void>;
+    create(parentUnique: string | null, preset?: Partial<UmbTemplateDetailModel>): Promise<void>;
     save(): Promise<void>;
     destroy(): void;
 }

package/dist-cms/packages/templating/templates/workspace/template-workspace.context.js

@@ -97,16 +97,15 @@ ${currentContent}`;
         }
         return null;
     }
-    async create(parentUnique) {
-        const { data } = await this.detailRepository.createScaffold(parentUnique);
+    async create(parentUnique, preset) {
+        const { data } = await this.detailRepository.createScaffold(parentUnique, preset);
         if (!data)
             return;
         this.setIsNew(true);
         __classPrivateFieldGet(this, _UmbTemplateWorkspaceContext_data, "f").setValue(data);
-        /*
-        if (!parentUnique) return;
+        if (!parentUnique)
+            return;
         await this.setMasterTemplate(parentUnique);
-        */
     }
     async save() {
         if (!__classPrivateFieldGet(this, _UmbTemplateWorkspaceContext_data, "f").value)