Mercurial > hg > ugly-duckling

changeset 363:53d33e0d0636

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Set up some logic for rendering different items. Might belong somewhere else.
author Lucas Thompson <dev@lucas.im>
date Tue, 30 May 2017 15:08:34 +0100
parents bcb0a172eca3
children 7b28be117735
files src/app/analysis-item/analysis-item.component.html
diffstat 1 files changed, 14 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/src/app/analysis-item/analysis-item.component.html	Tue May 30 15:08:15 2017 +0100
+++ b/src/app/analysis-item/analysis-item.component.html	Tue May 30 15:08:34 2017 +0100
@@ -19,16 +19,27 @@
           >
           </ugly-live-play-head>
         </ng-template>
-        <ugly-waveform *ngIf="isAudioItem(); else showSpinner"
+        <ugly-waveform *ngIf="isAudioItem(); else notAudio"
           [timeline]="timeline"
           [trackIdPrefix]=" item.id"
           [width]="contentWidth"
           [audioBuffer]="item.audioData"
           [onSeek]="onSeek"
         ></ugly-waveform>
-        <ng-template #showSpinner>
-          <ugly-progress-spinner></ugly-progress-spinner>
+
+        <ng-template #notAudio>
+          <div
+            *ngIf="getFeatureShape() as shape; else showSpinner">
+            <div [ngSwitch]="shape">
+              <ugly-curve *ngSwitchCase="'vector'"></ugly-curve>
+              <div *ngSwitchDefault>Feature cannot be visualised.</div>
+            </div>
+          </div>
+          <ng-template #showSpinner>
+            <ugly-progress-spinner></ugly-progress-spinner>
+          </ng-template>
         </ng-template>
+
       </ng-template>
     </div>
   </md-card-content>