Mercurial > hg > ugly-duckling
annotate src/app/audio-file-open/audio-file-open.component.ts @ 127:2b88e4d78ec6
First pass at Layer type definition.
author | Lucas Thompson <dev@lucas.im> |
---|---|
date | Wed, 15 Mar 2017 15:21:00 +0000 |
parents | 5bdfcf493646 |
children | 53ea6406d601 |
rev | line source |
---|---|
dev@16 | 1 import { |
dev@16 | 2 Component, OnInit, ViewChild, ElementRef, Output, |
dev@19 | 3 EventEmitter, NgZone |
dev@16 | 4 } from '@angular/core'; |
dev@13 | 5 |
dev@13 | 6 @Component({ |
dev@13 | 7 selector: 'app-audio-file-open', |
dev@13 | 8 templateUrl: './audio-file-open.component.html', |
dev@13 | 9 styleUrls: ['./audio-file-open.component.css'] |
dev@13 | 10 }) |
dev@13 | 11 export class AudioFileOpenComponent implements OnInit { |
dev@13 | 12 |
dev@13 | 13 @ViewChild('open') open: ElementRef; |
dev@30 | 14 @Output() fileOpened: EventEmitter<File>; |
dev@13 | 15 |
dev@30 | 16 constructor() { |
dev@30 | 17 this.fileOpened = new EventEmitter<File>(); |
dev@15 | 18 } |
dev@13 | 19 |
dev@13 | 20 ngOnInit() { |
dev@13 | 21 } |
dev@13 | 22 |
dev@15 | 23 decodeAudio(files: FileList) { |
dev@15 | 24 if (files.length > 0) { |
dev@30 | 25 this.fileOpened.emit(files[0]); |
dev@15 | 26 } |
dev@13 | 27 } |
dev@13 | 28 |
dev@13 | 29 openAudioDialog() { |
dev@13 | 30 this.open.nativeElement.click(); |
dev@13 | 31 } |
dev@13 | 32 } |