diff options
Diffstat (limited to 'client/src/app/videos/+video-edit/video-add-components/drag-drop.directive.ts')
-rw-r--r-- | client/src/app/videos/+video-edit/video-add-components/drag-drop.directive.ts | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/client/src/app/videos/+video-edit/video-add-components/drag-drop.directive.ts b/client/src/app/videos/+video-edit/video-add-components/drag-drop.directive.ts index 07c7d34ac..7b1a38c62 100644 --- a/client/src/app/videos/+video-edit/video-add-components/drag-drop.directive.ts +++ b/client/src/app/videos/+video-edit/video-add-components/drag-drop.directive.ts | |||
@@ -4,27 +4,27 @@ import { Directive, Output, EventEmitter, HostBinding, HostListener } from '@ang | |||
4 | selector: '[dragDrop]' | 4 | selector: '[dragDrop]' |
5 | }) | 5 | }) |
6 | export class DragDropDirective { | 6 | export class DragDropDirective { |
7 | @Output() onFileDropped = new EventEmitter<FileList>() | 7 | @Output() fileDropped = new EventEmitter<FileList>() |
8 | 8 | ||
9 | @HostBinding('class.dragover') dragover = false | 9 | @HostBinding('class.dragover') dragover = false |
10 | 10 | ||
11 | @HostListener('dragover', ['$event']) onDragOver(e: Event) { | 11 | @HostListener('dragover', ['$event']) onDragOver (e: Event) { |
12 | e.preventDefault() | 12 | e.preventDefault() |
13 | e.stopPropagation() | 13 | e.stopPropagation() |
14 | this.dragover = true | 14 | this.dragover = true |
15 | } | 15 | } |
16 | 16 | ||
17 | @HostListener('dragleave', ['$event']) public onDragLeave(e: Event) { | 17 | @HostListener('dragleave', ['$event']) public onDragLeave (e: Event) { |
18 | e.preventDefault() | 18 | e.preventDefault() |
19 | e.stopPropagation() | 19 | e.stopPropagation() |
20 | this.dragover = false | 20 | this.dragover = false |
21 | } | 21 | } |
22 | 22 | ||
23 | @HostListener('drop', ['$event']) public ondrop(e: DragEvent) { | 23 | @HostListener('drop', ['$event']) public ondrop (e: DragEvent) { |
24 | e.preventDefault() | 24 | e.preventDefault() |
25 | e.stopPropagation() | 25 | e.stopPropagation() |
26 | this.dragover = false | 26 | this.dragover = false |
27 | let files = e.dataTransfer.files | 27 | const files = e.dataTransfer.files |
28 | if (files.length > 0) this.onFileDropped.emit(files) | 28 | if (files.length > 0) this.fileDropped.emit(files) |
29 | } | 29 | } |
30 | } | 30 | } |