diff src/app/notebook-feed/notebook-feed.component.html @ 201:d179cf7df697

First attempt at the feed containing items. Currently breaks analyses into distinct, separated segments, based on each item marked as root.

--- a/src/app/notebook-feed/notebook-feed.component.html	Fri Mar 24 11:05:20 2017 +0000
+++ b/src/app/notebook-feed/notebook-feed.component.html	Fri Mar 24 11:07:26 2017 +0000
@@ -1,14 +1,11 @@
-<ugly-analysis-item
-  [audioBuffer]="audioBuffer"
-  [timeline]="sharedTimeline"
-  [title]="'one'"
-  [description]="'Shared timeline'"></ugly-analysis-item>
-<ugly-analysis-item
-  [audioBuffer]="audioBuffer"
-  [timeline]="sharedTimeline"
-  [title]="'two'"
-  [description]="'Shared timeline'"></ugly-analysis-item>
-<ugly-analysis-item
-  [audioBuffer]="audioBuffer"
-  [title]="'three'"
-  [description]="'Independent timeline'"></ugly-analysis-item>
+
+<template ngFor let-item [ngForOf]="analyses">
+  <div [class.break]="item.isRoot">
+      <ugly-analysis-item
+        [timeline]="item.hasSharedTimeline ? sharedTimeline : undefined"
+        [title]="item.title"
+        [description]="item.description"
+        [isActive]="rootAudioUri === item.rootAudioUri"
+        [isRoot]="item.isRoot"></ugly-analysis-item>
+  </div>
+</template>