31 lines
804 B
TypeScript
31 lines
804 B
TypeScript
export class UploadInput {
|
|
private wrap: HTMLElement;
|
|
private inner: HTMLElement;
|
|
private hover = false;
|
|
|
|
constructor(public input: HTMLInputElement) {}
|
|
|
|
initialize(): void {
|
|
this.wrap = document.createElement('div');
|
|
this.wrap.classList.add('upload__wrapper');
|
|
|
|
this.inner = document.createElement('div');
|
|
this.inner.classList.add('upload');
|
|
this.wrap.appendChild(this.inner);
|
|
|
|
this.inner.addEventListener('dragenter', () => {
|
|
this.hover = true;
|
|
this.inner.classList.add('upload--hovered');
|
|
});
|
|
|
|
this.inner.addEventListener('dragleave', () => {
|
|
this.hover = false;
|
|
this.inner.classList.remove('upload--hovered');
|
|
});
|
|
|
|
this.inner.addEventListener('dragover', () => {});
|
|
|
|
this.input.parentElement.appendChild(this.wrap);
|
|
}
|
|
}
|