diff src/app/app.component.ts @ 236:53ea6406d601

Generate new project with latest @angular/cli, including Angular 4.

--- a/src/app/app.component.ts	Mon Apr 24 17:05:12 2017 +0100
+++ b/src/app/app.component.ts	Tue Apr 25 20:01:09 2017 +0100
@@ -2,13 +2,13 @@
 import {
   AudioPlayerService,
   AudioResourceError, AudioResource
-} from "./services/audio-player/audio-player.service";
-import {FeatureExtractionService} from "./services/feature-extraction/feature-extraction.service";
-import {ExtractorOutputInfo} from "./feature-extraction-menu/feature-extraction-menu.component";
+} from './services/audio-player/audio-player.service';
+import {FeatureExtractionService} from './services/feature-extraction/feature-extraction.service';
+import {ExtractorOutputInfo} from './feature-extraction-menu/feature-extraction-menu.component';
 import {DomSanitizer} from '@angular/platform-browser';
 import {MdIconRegistry} from '@angular/material';
-import {Subscription} from "rxjs";
-import {AnalysisItem} from "./analysis-item/analysis-item.component";
+import {Subscription} from 'rxjs/Subscription';
+import {AnalysisItem} from './analysis-item/analysis-item.component';
 
 class PersistentStack<T> {
   private stack: T[];
@@ -26,8 +26,7 @@
     return item;
   }
 
-  unshift(item: T): number
-  {
+  unshift(item: T): number {
     this.history.push([...this.stack]);
     this.stack = [item, ...this.stack];
     return this.stack.length;
@@ -62,7 +61,7 @@
 }
 
 @Component({
-  selector: 'app-root',
+  selector: 'ugly-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
@@ -107,7 +106,9 @@
     this.onProgressUpdated = this.featureService.progressUpdated$.subscribe(
       progress => {
         const index = this.analyses.findIndex(val => val.id === progress.id);
-        if (index === -1) return;
+        if (index === -1) {
+          return;
+        }
 
         this.analyses.set(
           index,
@@ -152,7 +153,10 @@
   }
 
   extractFeatures(outputInfo: ExtractorOutputInfo): void {
-    if (!this.canExtract || !outputInfo) return;
+    if (!this.canExtract || !outputInfo) {
+      return;
+    }
+
     this.canExtract = false;
 
     this.analyses.unshift({