yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #17970 from umbraco/v15/bugfix/save-image-when-changing-focal-point

Browse Source 
Fixes bug change focal point of Image Cropper can not save image
This commit is contained in:
Niels Lyngsø
2025-01-20 12:15:22 +01:00
committed by GitHub
parent 72cae41653 bb8ef2ceff
commit ef478cf5d1
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts
View File

@@ -122,8 +122,6 @@ export class UmbImageCropperFocusSetterElement extends UmbLitElement {
const focalPoint = { left, top } as UmbFocalPointModel;
console.log('setFocalPoint', focalPoint);
this.dispatchEvent(new UmbFocalPointChangeEvent(focalPoint));
}

23
src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
View File

@@ -13,18 +13,21 @@ import './image-cropper-focus-setter.element.js';
import './image-cropper-preview.element.js';
import './image-cropper-field.element.js';
const DefaultFocalPoint = { left: 0.5, top: 0.5 };
const DefaultValue = {
temporaryFileId: null,
src: '',
crops: [],
focalPoint: DefaultFocalPoint,
};
@customElement('umb-input-image-cropper')
export class UmbInputImageCropperElement extends UmbLitElement {
@query('#dropzone')
private _dropzone?: UUIFileDropzoneElement;
@property({ attribute: false })
value: UmbImageCropperPropertyEditorValue = {
temporaryFileId: null,
src: '',
crops: [],
focalPoint: { left: 0.5, top: 0.5 },
};
value: UmbImageCropperPropertyEditorValue = DefaultValue;
@property({ attribute: false })
crops: UmbImageCropperPropertyEditorValue['crops'] = [];
@@ -68,7 +71,7 @@ export class UmbInputImageCropperElement extends UmbLitElement {
}
#onRemove = () => {
this.value = assignToFrozenObject(this.value, { src: '', temporaryFileId: null });
this.value = assignToFrozenObject(this.value, DefaultValue);
if (this.fileUnique) {
this.#manager?.removeOne(this.fileUnique);
}
@@ -116,11 +119,15 @@ export class UmbInputImageCropperElement extends UmbLitElement {
const value = (e.target as UmbInputImageCropperFieldElement).value;
if (!value) {
this.value = { src: '', crops: [], focalPoint: { left: 0.5, top: 0.5 }, temporaryFileId: null };
this.value = DefaultValue;
this.dispatchEvent(new UmbChangeEvent());
return;
}
if (this.value && this.value.temporaryFileId) {
value.temporaryFileId = this.value.temporaryFileId;
}
this.value = value;
this.dispatchEvent(new UmbChangeEvent());
}