# HG changeset patch
# User Lucas Thompson <dev@lucas.im>
# Date 1493049825 -3600
# Node ID 0833ddde6a833752ac7300f3d9ba41f9deaf354c
# Parent  bd2f5769e7fa83bb132f8ad1c664aeb1ab58386a
Manually trigger change detection - as being a child of an OnPush component causes issues updating this.

diff -r bd2f5769e7fa -r 0833ddde6a83 src/app/waveform/waveform.component.html
--- a/src/app/waveform/waveform.component.html	Mon Apr 24 17:02:55 2017 +0100
+++ b/src/app/waveform/waveform.component.html	Mon Apr 24 17:03:45 2017 +0100
@@ -3,5 +3,5 @@
   (mousedown)="seekStart()"
   (mouseup)="seekEnd($event.clientX)"></div>
 <template [ngIf]="isLoading">
-  <ugly-progress-spinner [isVisible]="true"></ugly-progress-spinner>
+  <ugly-progress-spinner></ugly-progress-spinner>
 </template>
diff -r bd2f5769e7fa -r 0833ddde6a83 src/app/waveform/waveform.component.ts
--- a/src/app/waveform/waveform.component.ts	Mon Apr 24 17:02:55 2017 +0100
+++ b/src/app/waveform/waveform.component.ts	Mon Apr 24 17:03:45 2017 +0100
@@ -1,6 +1,6 @@
 import {
   Component, OnInit, ViewChild, ElementRef, Input, AfterViewInit, NgZone,
-  OnDestroy
+  OnDestroy, ChangeDetectorRef
 } from '@angular/core';
 import {
   AudioPlayerService, AudioResource,
@@ -171,7 +171,8 @@
 
   constructor(private audioService: AudioPlayerService,
               private piperService: FeatureExtractionService,
-              public ngZone: NgZone) {
+              private ngZone: NgZone,
+              private ref: ChangeDetectorRef) {
     this.isSubscribedToAudioService = true;
     this.isSeeking = true;
     this.layers = [];
@@ -532,6 +533,7 @@
     waveTrack.update();
 
     this.isLoading = false;
+    this.ref.markForCheck();
     this.animate();
   }
 
@@ -735,6 +737,7 @@
     }
 
     this.isLoading = false;
+    this.ref.markForCheck();
     this.timeline.tracks.update();
   }