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

fix errors as listed by eslint-plugin-wc

Browse Source
This commit is contained in:
Jacob Overgaard
2023-01-11 16:23:14 +01:00
parent fcbd777c98
commit be2a105fc2
1 changed files with 31 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/Umbraco.Web.UI.Client/src/backoffice/shared/collection/views/collection-view-media-grid.element.ts
View File

@@ -74,23 +74,36 @@ export class UmbCollectionViewsMediaGridElement extends UmbLitElement {
constructor() {
super();
document.addEventListener('dragenter', () => {
this.toggleAttribute('dragging', true);
});
document.addEventListener('dragleave', () => {
this.toggleAttribute('dragging', false);
});
document.addEventListener('drop', (e) => {
e.preventDefault();
this.toggleAttribute('dragging', false);
});
document.addEventListener('dragenter', this._handleDragEnter.bind(this));
document.addEventListener('dragleave', this._handleDragLeave.bind(this));
document.addEventListener('drop', this._handleDrop.bind(this));
this.consumeContext('umbCollectionContext', (instance) => {
console.log("umbCollectionContext", instance)
console.log('umbCollectionContext', instance);
this._collectionContext = instance;
this._observeCollectionContext();
});
}
disconnectedCallback(): void {
super.disconnectedCallback();
document.removeEventListener('dragenter', this._handleDragEnter.bind(this));
document.removeEventListener('dragleave', this._handleDragLeave.bind(this));
document.removeEventListener('drop', this._handleDrop.bind(this));
}
private _handleDragEnter() {
this.toggleAttribute('dragging', true);
}
private _handleDragLeave() {
this.toggleAttribute('dragging', false);
}
private _handleDrop(e: DragEvent) {
e.preventDefault();
this.toggleAttribute('dragging', false);
}
private _observeCollectionContext() {
if (!this._collectionContext) return;
@@ -144,11 +157,13 @@ export class UmbCollectionViewsMediaGridElement extends UmbLitElement {
label="Drop files here"
accept=""></uui-file-dropzone>
<div id="media-files">
${this._mediaItems ? repeat(
this._mediaItems,
(file, index) => file.key + index,
(file) => this._renderMediaItem(file)
) : ''}
${this._mediaItems
? repeat(
this._mediaItems,
(file, index) => file.key + index,
(file) => this._renderMediaItem(file)
)
: ''}
</div>
`;
}