|
@@ -4,27 +4,27 @@ import { Directive, Output, EventEmitter, HostBinding, HostListener } from '@ang
|
|
|
selector: '[dragDrop]'
|
|
|
})
|
|
|
export class DragDropDirective {
|
|
|
- @Output() onFileDropped = new EventEmitter<FileList>()
|
|
|
+ @Output() fileDropped = new EventEmitter<FileList>()
|
|
|
|
|
|
@HostBinding('class.dragover') dragover = false
|
|
|
|
|
|
- @HostListener('dragover', ['$event']) onDragOver(e: Event) {
|
|
|
+ @HostListener('dragover', ['$event']) onDragOver (e: Event) {
|
|
|
e.preventDefault()
|
|
|
e.stopPropagation()
|
|
|
this.dragover = true
|
|
|
}
|
|
|
|
|
|
- @HostListener('dragleave', ['$event']) public onDragLeave(e: Event) {
|
|
|
+ @HostListener('dragleave', ['$event']) public onDragLeave (e: Event) {
|
|
|
e.preventDefault()
|
|
|
e.stopPropagation()
|
|
|
this.dragover = false
|
|
|
}
|
|
|
|
|
|
- @HostListener('drop', ['$event']) public ondrop(e: DragEvent) {
|
|
|
+ @HostListener('drop', ['$event']) public ondrop (e: DragEvent) {
|
|
|
e.preventDefault()
|
|
|
e.stopPropagation()
|
|
|
this.dragover = false
|
|
|
- let files = e.dataTransfer.files
|
|
|
- if (files.length > 0) this.onFileDropped.emit(files)
|
|
|
+ const files = e.dataTransfer.files
|
|
|
+ if (files.length > 0) this.fileDropped.emit(files)
|
|
|
}
|
|
|
}
|