|
dev@236
|
1 <div class="ugly-container">
|
|
dev@236
|
2 <div class="ugly-header">
|
|
dev@190
|
3 <md-toolbar color="primary">
|
|
dev@190
|
4 <md-icon svgIcon="duck"></md-icon>
|
|
dev@102
|
5
|
|
dev@236
|
6 <span class="ugly-toolbar-filler"></span>
|
|
dev@102
|
7
|
|
dev@236
|
8 <ugly-playback-control></ugly-playback-control>
|
|
dev@190
|
9 <ugly-recording-control
|
|
dev@190
|
10 (finishedRecording)="onFileOpened($event)"
|
|
dev@190
|
11 ></ugly-recording-control>
|
|
dev@102
|
12
|
|
dev@190
|
13 <!-- This fills the remaining space of the current row -->
|
|
dev@236
|
14 <span class="ugly-toolbar-filler"></span>
|
|
dev@1
|
15
|
|
dev@13
|
16
|
|
dev@236
|
17 <ugly-audio-file-open
|
|
dev@190
|
18 (fileOpened)="onFileOpened($event)"
|
|
dev@236
|
19 ></ugly-audio-file-open>
|
|
dev@190
|
20 <!-- menu opens when trigger button is clicked -->
|
|
dev@423
|
21 <button md-icon-button (click)="tray.toggle()">
|
|
dev@190
|
22 <md-icon>extension</md-icon>
|
|
dev@190
|
23 </button>
|
|
dev@190
|
24 </md-toolbar>
|
|
dev@190
|
25 </div>
|
|
dev@7
|
26
|
|
dev@236
|
27 <div class="ugly-content">
|
|
dev@423
|
28 <ugly-action-tray #tray>
|
|
dev@423
|
29 <ugly-feature-extraction-menu
|
|
dev@423
|
30 (requestOutput)="extractFeatures($event)"
|
|
dev@423
|
31 [disabled]="!canExtract">
|
|
dev@423
|
32 </ugly-feature-extraction-menu>
|
|
dev@423
|
33 </ugly-action-tray>
|
|
dev@419
|
34 <ugly-notebook-feed
|
|
dev@419
|
35 [analyses]="analyses.toIterable()"
|
|
dev@419
|
36 [rootAudioUri]="rootAudioItem.uri"
|
|
dev@419
|
37 [onSeek]="onSeek"></ugly-notebook-feed>
|
|
dev@190
|
38 </div>
|
|
dev@190
|
39 </div>
|
