Mercurial > hg > ugly-duckling
view src/app/app.component.html @ 484:ae96db60f25c
Move extraction toggle button back to right edge.
author | Lucas Thompson <dev@lucas.im> |
---|---|
date | Mon, 03 Jul 2017 20:32:51 +0100 |
parents | 50f61d1945db |
children | cf4a17efb5d4 |
line wrap: on
line source
<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, true); tray.close()" ></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); tray.close()" ></ugly-audio-file-open> <button md-icon-button (click)="analyses.stepBack()"> <md-icon>undo</md-icon> </button> <button md-icon-button (click)="analyses.stepForward()"> <md-icon>redo</md-icon> </button> <button md-icon-button (click)="tray.toggle()"> <md-icon>extension</md-icon> </button> </md-toolbar> </div> <ugly-action-tray #tray> <ugly-feature-extraction-menu (requestOutput)="tray.close(); extractFeatures($event)" [disabled]="!canExtract" > </ugly-feature-extraction-menu> </ugly-action-tray> <div class="ugly-content"> <ugly-notebook-feed (removeItem)="removeItem($event)" [analyses]="analyses.toIterable()" [onSeek]="onSeek"></ugly-notebook-feed> </div> </div>