dev@3: <md-toolbar color="primary">
dev@89:   <md-icon svgIcon="duck"></md-icon>
dev@102: 
dev@102:   <span class="app-toolbar-filler"></span>
dev@102: 
dev@102:   <app-playback-control></app-playback-control>
dev@135:   <ugly-recording-control
dev@135:     (finishedRecording)="onFileOpened($event)"
dev@135:   ></ugly-recording-control>
dev@102: 
dev@3:   <!-- This fills the remaining space of the current row -->
dev@4:   <span class="app-toolbar-filler"></span>
dev@1: 
dev@13: 
dev@31:   <app-audio-file-open (fileOpened)="onFileOpened($event)"></app-audio-file-open>
dev@4:   <!-- menu opens when trigger button is clicked -->
dev@99:   <button md-icon-button (click)="sidenav.toggle()">
dev@102:     <md-icon>extension</md-icon>
dev@4:   </button>
dev@3: </md-toolbar>
dev@7: 
dev@87: <md-sidenav-container>
dev@102:   <md-sidenav #sidenav align="start" mode="over">
dev@102:     <app-feature-extraction-menu
dev@102:       (requestOutput)="extractFeatures($event)"
dev@102:       [disabled]="!canExtract">
dev@102:     </app-feature-extraction-menu>
dev@4:   </md-sidenav>
dev@50:   <app-waveform
dev@50:     [audioBuffer]="audioBuffer"
dev@50:     ></app-waveform>
dev@115:   <ugly-progress-spinner [isVisible]="isProcessing"></ugly-progress-spinner>
dev@87: </md-sidenav-container>