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

you can now remove media items

Browse Source
This commit is contained in:
JesmoDev
2024-03-06 18:38:43 +01:00
parent 62ccab0309
commit a7bcc7949e
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/Umbraco.Web.UI.Client/src/packages/media/media/property-editors/media-picker/property-editor-ui-media-picker.element.ts
View File

@@ -14,6 +14,8 @@ import { UmbId } from '@umbraco-cms/backoffice/id';
export class UmbPropertyEditorUIMediaPickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
@property({ attribute: false })
public value: Array<{ key: string; mediaKey: string; mediaTypeAlias: string }> = [];
//TODO: Add support for document specific crops. The server side already supports this.
//TODO: Add crops and focalpoint to value.
@property({ attribute: false })
public set config(config: UmbPropertyEditorConfigCollection | undefined) {
@@ -37,11 +39,10 @@ export class UmbPropertyEditorUIMediaPickerElement extends UmbLitElement impleme
@state()
private _limitMax: number = Infinity;
protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {
super.updated(_changedProperties);
if (_changedProperties.has('value')) {
this._items = this.value ? this.value.map((x) => x.mediaKey) : [];
}
protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {
super.firstUpdated(_changedProperties);
this._items = this.value ? this.value.map((x) => x.mediaKey) : [];
}
private _onChange(event: CustomEvent) {
@@ -56,6 +57,7 @@ export class UmbPropertyEditorUIMediaPickerElement extends UmbLitElement impleme
});
this.value = result;
this._items = this.value ? this.value.map((x) => x.mediaKey) : [];
this.dispatchEvent(new CustomEvent('property-value-change'));
}