view src/app/app.component.html @ 420:8a866ee7c75f

web-animations polyfill

<div class="ugly-container">
  <div class="ugly-header">
    <md-toolbar color="primary">
      <md-icon svgIcon="duck"></md-icon>

      <span class="ugly-toolbar-filler"></span>

      <ugly-playback-control></ugly-playback-control>
      <ugly-recording-control
        (finishedRecording)="onFileOpened($event)"
      ></ugly-recording-control>

      <!-- This fills the remaining space of the current row -->
      <span class="ugly-toolbar-filler"></span>


      <ugly-audio-file-open
        (fileOpened)="onFileOpened($event)"
      ></ugly-audio-file-open>
      <!-- menu opens when trigger button is clicked -->
      <button md-icon-button>
        <md-icon>extension</md-icon>
      </button>
    </md-toolbar>
  </div>

  <div class="ugly-content">
    <ugly-notebook-feed
      [analyses]="analyses.toIterable()"
      [rootAudioUri]="rootAudioItem.uri"
      [onSeek]="onSeek"></ugly-notebook-feed>
  </div>
</div>