view src/app/app.component.html @ 99:c702b208a527

Hide menu by default and change unused settings menu to a menu icon which toggles the sidebar

<md-toolbar color="primary">
  <md-icon svgIcon="duck"></md-icon>
  <!-- This fills the remaining space of the current row -->
  <span class="app-toolbar-filler"></span>


  <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>
  </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>
  <app-waveform
    [audioBuffer]="audioBuffer"
    ></app-waveform>
</md-sidenav-container>