diff src/app/app.component.html @ 102:5f7896f2fad7

Playback controls and placeholder record button in the centre of the toolbar, plugin button on the right. Sidenav now overlays the content.

--- a/src/app/app.component.html	Thu Mar 02 15:07:07 2017 +0000
+++ b/src/app/app.component.html	Thu Mar 02 15:08:10 2017 +0000
@@ -1,5 +1,13 @@
 <md-toolbar color="primary">
   <md-icon svgIcon="duck"></md-icon>
+
+  <span class="app-toolbar-filler"></span>
+
+  <app-playback-control></app-playback-control>
+  <button md-icon-button>
+    <md-icon>mic_off</md-icon>
+  </button>
+
   <!-- This fills the remaining space of the current row -->
   <span class="app-toolbar-filler"></span>
 
@@ -7,22 +15,16 @@
   <app-audio-file-open (fileOpened)="onFileOpened($event)"></app-audio-file-open>
   <!-- menu opens when trigger button is clicked -->
   <button md-icon-button (click)="sidenav.toggle()">
-    <md-icon>menu</md-icon>
+    <md-icon>extension</md-icon>
   </button>
 </md-toolbar>
 
 <md-sidenav-container>
-  <md-sidenav #sidenav align="end" mode="side">
-    <md-tab-group>
-      <md-tab label="Playback">
-        <app-playback-control class="playback-content"></app-playback-control>
-      </md-tab>
-      <md-tab label="Feature Extraction">
-        <app-feature-extraction-menu
-          (requestOutput)="extractFeatures($event)"
-          [disabled]="!canExtract"></app-feature-extraction-menu>
-      </md-tab>
-    </md-tab-group>
+  <md-sidenav #sidenav align="start" mode="over">
+    <app-feature-extraction-menu
+      (requestOutput)="extractFeatures($event)"
+      [disabled]="!canExtract">
+    </app-feature-extraction-menu>
   </md-sidenav>
   <app-waveform
     [audioBuffer]="audioBuffer"