From c0ea1197ebb1b28c58351e9ffc0c56350b5eddb8 Mon Sep 17 00:00:00 2001
From: JesmoDev <jjensenmoeller@gmail.com>
Date: Tue, 20 Feb 2024 10:27:09 +0100
Subject: [PATCH] translations

---
 .../input-image-cropper.element.ts               |  6 +++---
 .../create/media-create-options-modal.element.ts | 16 ++++++++++++----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
index 992d99e08a..d2a613b412 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
@@ -87,7 +87,7 @@ export class UmbInputImageCropperElement extends UmbLitElement {
 	#renderDropzone() {
 		return html`
 			<uui-file-dropzone id="dropzone" label="dropzone" @change="${this.#onUpload}">
-				<uui-button label="upload" @click="${this.#onBrowse}">Upload file here</uui-button>
+				<uui-button label="upload" @click="${this.#onBrowse}">${this.localize.term('media_clickToUpload')}</uui-button>
 			</uui-file-dropzone>
 		`;
 	}
@@ -100,8 +100,8 @@ export class UmbInputImageCropperElement extends UmbLitElement {
 
 	#renderImageCropper() {
 		return html`<umb-image-cropper-field .value=${this.value} .file=${this.file as File} @change=${this.#onChange}>
-			<uui-button slot="actions" @click=${this.#onRemove} label="Remove files">
-				<uui-icon name="icon-trash"></uui-icon> Remove image
+			<uui-button slot="actions" @click=${this.#onRemove} label=${this.localize.term('content_uploadClear')}>
+				<uui-icon name="icon-trash"></uui-icon>${this.localize.term('content_uploadClear')}
 			</uui-button>
 		</umb-image-cropper-field> `;
 	}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/entity-actions/create/media-create-options-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/entity-actions/create/media-create-options-modal.element.ts
index 829d05614c..0e713e171e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/entity-actions/create/media-create-options-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/entity-actions/create/media-create-options-modal.element.ts
@@ -20,7 +20,7 @@ export class UmbMediaCreateOptionsModalElement extends UmbModalBaseElement<
 	private _allowedMediaTypes: UmbAllowedMediaTypeModel[] = [];
 
 	@state()
-	private _headline: string = 'Create';
+	private _headline: string = this.localize.term('general_create');
 
 	async firstUpdated() {
 		const mediaUnique = this.data?.media?.unique || null;
@@ -47,7 +47,7 @@ export class UmbMediaCreateOptionsModalElement extends UmbModalBaseElement<
 		const { data } = await this.#mediaItemRepository.requestItems([unique]);
 		if (data) {
 			// TODO: we need to get the correct variant context here
-			this._headline = `Create at ${data[0].variants?.[0].name}`;
+			this._headline = this.localize.term('create_createUnder') + ' ' + data[0].variants?.[0].name;
 		}
 	}
 
@@ -60,7 +60,9 @@ export class UmbMediaCreateOptionsModalElement extends UmbModalBaseElement<
 		return html`
 			<umb-body-layout headline=${this._headline ?? ''}>
 				<uui-box>
-					${this._allowedMediaTypes.length === 0 ? html`<p>No allowed types</p>` : nothing}
+					${this._allowedMediaTypes.length === 0
+						? html`<umb-localize key="create_noMediaTypes"></umb-localize>`
+						: nothing}
 					${this._allowedMediaTypes.map(
 						(mediaType) => html`
 							<uui-menu-item
@@ -75,7 +77,13 @@ export class UmbMediaCreateOptionsModalElement extends UmbModalBaseElement<
 						`,
 					)}
 				</uui-box>
-				<uui-button slot="actions" id="cancel" label="Cancel" @click="${this._rejectModal}">Cancel</uui-button>
+				<uui-button
+					slot="actions"
+					id="cancel"
+					label=${this.localize.term('general_cancel')}
+					@click="${this._rejectModal}"
+					>${this.localize.term('general_cancel')}</uui-button
+				>
 			</umb-body-layout>
 		`;
 	}