diff src/app/analysis-item/analysis-item.component.html @ 224:1c1cc4ec183c

Setup analysis-item to display determinate spinner if progress prop provided when declared.

--- a/src/app/analysis-item/analysis-item.component.html	Fri Apr 21 12:18:22 2017 +0100
+++ b/src/app/analysis-item/analysis-item.component.html	Fri Apr 21 12:55:24 2017 +0100
@@ -4,13 +4,21 @@
     <md-card-subtitle>{{description}}</md-card-subtitle>
   </md-card-header>
   <md-card-content>
-    <app-waveform
-      [timeline]="timeline"
-      [trackIdPrefix]=" id || title"
-      [isSubscribedToAudioService]="isActive && isRoot"
-      [isSubscribedToExtractionService]="isActive && !isRoot"
-      [isOneShotExtractor]="true"
-      [isSeeking]="isActive"
-    ></app-waveform>
+    <template [ngIf]="isLoading()">
+      <ugly-progress-spinner
+        [isDeterminate]="true"
+        [progress]="progress"
+      ></ugly-progress-spinner>
+    </template>
+    <template [ngIf]="!isLoading()">
+      <app-waveform
+        [timeline]="timeline"
+        [trackIdPrefix]=" id || title"
+        [isSubscribedToAudioService]="isActive && isRoot"
+        [isSubscribedToExtractionService]="isActive && !isRoot"
+        [isOneShotExtractor]="true"
+        [isSeeking]="isActive"
+      ></app-waveform>
+    </template>
   </md-card-content>
 </md-card>