# HG changeset patch
# User Lucas Thompson <dev@lucas.im>
# Date 1496153314 -3600
# Node ID 53d33e0d06362963037f40592e4f012a6047ef53
# Parent  bcb0a172eca32ba0a76aa37545950cc6fce5c6b2
Set up some logic for rendering different items. Might belong somewhere else.

diff -r bcb0a172eca3 -r 53d33e0d0636 src/app/analysis-item/analysis-item.component.html
--- 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>