50 lines
1.0 KiB
TypeScript
50 lines
1.0 KiB
TypeScript
import {
|
|
Directive,
|
|
Output,
|
|
Input,
|
|
EventEmitter,
|
|
HostBinding,
|
|
HostListener
|
|
} from '@angular/core';
|
|
|
|
import { NewtonFile } from '../types/file.type';
|
|
|
|
|
|
|
|
@Directive({
|
|
selector: '[dropzone]'
|
|
})
|
|
export class DndDirective {
|
|
@HostBinding('class.fileover') fileOver!: boolean;
|
|
@Output() fileDropped = new EventEmitter<any>();
|
|
|
|
@HostListener('dragover', ['$event'])
|
|
onDragOver(evt: any) {
|
|
evt.preventDefault();
|
|
evt.stopPropagation();
|
|
|
|
this.fileOver = true;
|
|
}
|
|
|
|
@HostListener('dragleave', ['$event'])
|
|
public onDragLeave(evt: any) {
|
|
evt.preventDefault();
|
|
evt.stopPropagation();
|
|
|
|
this.fileOver = false;
|
|
}
|
|
|
|
@HostListener('drop', ['$event'])
|
|
publicondrop(evt: any) {
|
|
evt.preventDefault();
|
|
evt.stopPropagation();
|
|
|
|
this.fileOver = false;
|
|
let files: Array<NewtonFile> = evt.dataTransfer.files;
|
|
|
|
if (files.length == 0) return;
|
|
|
|
this.fileDropped.emit(files);
|
|
}
|
|
|
|
} |