From 51dc7cf5bd808cedc42a06fad1adcdda59d096fc Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Fri, 16 Feb 2024 12:03:57 +0100
Subject: [PATCH] add localizations

---
 .../templating-insert-menu.element.ts         | 12 ++++++----
 .../insert-choose-type-sidebar.element.ts     | 23 +++++++-----------
 .../template-workspace-editor.element.ts      | 24 +++++++++----------
 3 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/components/insert-menu/templating-insert-menu.element.ts b/src/Umbraco.Web.UI.Client/src/packages/templating/components/insert-menu/templating-insert-menu.element.ts
index aab57ae965..e6b7d97c7c 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/components/insert-menu/templating-insert-menu.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/templating/components/insert-menu/templating-insert-menu.element.ts
@@ -99,6 +99,7 @@ export class UmbTemplatingInsertMenuElement extends UmbLitElement {
 		this.#openModal = this._modalContext?.open(UMB_DICTIONARY_ITEM_PICKER_MODAL, {
 			data: {
 				pickableFilter: (item) => item.id !== null,
+				hideTreeRoot: true,
 			},
 		});
 		this.#openModal?.onSubmit().then((value) => {
@@ -118,14 +119,17 @@ export class UmbTemplatingInsertMenuElement extends UmbLitElement {
 	render() {
 		return html`
 			<uui-button-group>
-				<uui-button look="secondary" @click=${this.#openChooseTypeModal} label="Choose value to insert">
-					<uui-icon name="icon-add"></uui-icon>Insert
+				<uui-button
+					look="secondary"
+					@click=${this.#openChooseTypeModal}
+					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=${this.#openInsertDictionaryItemModal}>
 					</uui-menu-item>
 				</umb-dropdown>
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-choose-type-sidebar.element.ts b/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-choose-type-sidebar.element.ts
index 07589ef9f6..7a775526b3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-choose-type-sidebar.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/templating/modals/insert-choose-type-sidebar.element.ts
@@ -62,6 +62,7 @@ export default class UmbChooseInsertTypeModalElement extends UmbModalBaseElement
 		this.#openModal = this._modalContext?.open(UMB_DICTIONARY_ITEM_PICKER_MODAL, {
 			data: {
 				pickableFilter: (item) => item.id !== null,
+				hideTreeRoot: true,
 			},
 		});
 		this.#openModal?.onSubmit().then((dictionaryItemPickerModalValue) => {
@@ -76,12 +77,9 @@ export default class UmbChooseInsertTypeModalElement extends UmbModalBaseElement
 	#renderInsertPartialViewButton() {
 		return html`${this.data?.hidePartialViews
 			? ''
-			: html`<uui-button @click=${this.#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=${this.#openInsertPartialViewSidebar} look="placeholder" label="Insert value">
+					<h3>${this.localize.term('template_insertPartialView')}</h3>
+					<p>${this.localize.term('template_insertPartialViewDesc')}</p></uui-button
 			  >`}`;
 	}
 
@@ -90,17 +88,14 @@ export default class UmbChooseInsertTypeModalElement extends UmbModalBaseElement
 			<umb-body-layout headline="Insert">
 				<div id="main">
 					<uui-box>
-						<uui-button @click=${this.#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=${this.#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>
 		`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/templates/workspace/template-workspace-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/templating/templates/workspace/template-workspace-editor.element.ts
index 3080c7165b..7e5bf7c163 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/templates/workspace/template-workspace-editor.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/templating/templates/workspace/template-workspace-editor.element.ts
@@ -156,15 +156,15 @@ export class UmbTemplateWorkspaceEditorElement extends UmbLitElement {
 					@click=${this.#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=${this.#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=${this.#resetMasterTemplate}></uui-icon>
+					  </uui-button>`
 					: nothing}
 			</uui-button-group>
 		`;
@@ -198,16 +198,16 @@ export class UmbTemplateWorkspaceEditorElement extends UmbLitElement {
 						<uui-button
 							look="secondary"
 							id="query-builder-button"
-							label="Query builder"
+							label=${this.localize.term('template_queryBuilder')}
 							@click=${this.#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=${this.#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>