diff src/app/app.component.html @ 21:d9c0a1ca005c

Prototype some playback controls, and tabbed menus in the sidebar.

--- a/src/app/app.component.html	Fri Oct 28 08:29:24 2016 +0100
+++ b/src/app/app.component.html	Fri Oct 28 16:27:25 2016 +0100
@@ -1,5 +1,5 @@
 <md-toolbar color="primary">
-  <md-icon svgSrc="/assets/duck.svg"></md-icon>
+  <md-icon svgSrc="assets/duck.svg"></md-icon>
   <!-- This fills the remaining space of the current row -->
   <span class="app-toolbar-filler"></span>
 
@@ -17,11 +17,28 @@
 
 <md-sidenav-layout>
   <md-sidenav align="end" mode="side" opened>
-    <md-slider></md-slider>
-    <button md-icon-button (click)="testRef()">
-      <md-icon>face</md-icon>
-    </button>
-    <h1>{{count}}</h1>
+    <md-tab-group>
+      <md-tab>
+        <template md-tab-label>
+          Playback
+        </template>
+        <template md-tab-content>
+          <app-playback-control class="playback-content"></app-playback-control>
+          <button md-icon-button (click)="testRef()">
+            <md-icon>face</md-icon>
+          </button>
+          <h1>{{count}}</h1>
+        </template>
+      </md-tab>
+      <md-tab>
+        <template md-tab-label>
+          Feature Extraction
+        </template>
+        <template md-tab-content>
+          <p>Extraction</p>
+        </template>
+      </md-tab>
+    </md-tab-group>
   </md-sidenav>
   <app-waveform [audioBuffer]="audioBuffer"></app-waveform>
 </md-sidenav-layout>