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)
}
}
-<div *ngIf="!hasImportedVideo" class="upload-video-container" dragDrop (onFileDropped)="setTorrentFile($event)">
+<div *ngIf="!hasImportedVideo" class="upload-video-container" dragDrop (fileDropped)="setTorrentFile($event)">
<div class="first-step-block">
<my-global-icon class="upload-icon" iconName="upload"></my-global-icon>
-<div *ngIf="!isUploadingVideo" class="upload-video-container" dragDrop (onFileDropped)="setVideoFile($event)">
+<div *ngIf="!isUploadingVideo" class="upload-video-container" dragDrop (fileDropped)="setVideoFile($event)">
<div class="first-step-block">
<my-global-icon class="upload-icon" iconName="upload"></my-global-icon>