comparison src/app/app.component.ts @ 427:b0415f8837d9

Setup extraction menu with a callback for closing the menu on extraction. Place the tray outside the main body to avoid weird scrolling issues when there are enough cards to scroll.

-import {Component, OnDestroy} from '@angular/core';
+import {Component, OnDestroy, ViewChild} from '@angular/core';
 import {
   AudioPlayerService,
   AudioResourceError, AudioResource
 } from './services/audio-player/audio-player.service';
 import {FeatureExtractionService} from './services/feature-extraction/feature-extraction.service';

   AnalysisItem,
   isRootAudioItem,
   Item, PendingAnalysisItem, PendingRootAudioItem, RootAudioItem
 } from './analysis-item/analysis-item.component';
 import {OnSeekHandler} from './playhead/PlayHeadHelpers';
+import {ActionTrayComponent} from "./actions/action-tray.component";
 
 class PersistentStack<T> {
   private stack: T[];
   private history: T[][];
 

   selector: 'ugly-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
 export class AppComponent implements OnDestroy {
+  @ViewChild(ActionTrayComponent) tray: ActionTrayComponent;
   audioBuffer: AudioBuffer; // TODO consider revising
   canExtract: boolean;
   private onAudioDataSubscription: Subscription;
   private onProgressUpdated: Subscription;
   private analyses: PersistentStack<Item>; // TODO some immutable state container describing entire session
   private nRecordings: number; // TODO user control for naming a recording
   private countingId: number; // TODO improve uniquely identifying items
   private rootAudioItem: RootAudioItem;
   private onSeek: OnSeekHandler;
+  private closeTray: () => void;
 
   constructor(private audioService: AudioPlayerService,
               private featureService: FeatureExtractionService,
               private iconRegistry: MdIconRegistry,
               private sanitizer: DomSanitizer) {

             {progress: progress.value}
           )
         );
       }
     );
+    this.closeTray = () => {
+      this.tray.toggle();
+    };
   }
 
   onFileOpened(file: File | Blob) {
     this.canExtract = false;
     const url = this.audioService.loadAudio(file);