2020-01-27 18:40:18 +00:00
|
|
|
<div class="profiler-wrapper">
|
|
|
|
|
<menu>
|
|
|
|
|
<span *ngIf="state === 'idle'" (click)="startRecording()" class="start-recording-button"></span>
|
|
|
|
|
<span *ngIf="state === 'recording'" (click)="stopRecording()" class="recording-button"></span>
|
|
|
|
|
<span *ngIf="state === 'visualizing'" (click)="discardRecording()" class="discard-button">❌</span>
|
|
|
|
|
</menu>
|
|
|
|
|
<div id="profiler-content-wrapper">
|
|
|
|
|
<p class="instructions" [class.hidden]="state !== 'idle'">
|
2020-02-18 21:13:57 +00:00
|
|
|
<span
|
|
|
|
|
>Click the record button <span class="start-recording-button"></span> to start a new recording, or upload a json
|
|
|
|
|
file containing profiler data
|
|
|
|
|
</span>
|
2020-05-06 23:34:41 +00:00
|
|
|
<br />
|
2020-02-18 21:13:57 +00:00
|
|
|
<span>
|
|
|
|
|
<input type="file" (change)="importProfilerResults($event)" placeholder="Upload file" accept=".json" />
|
|
|
|
|
</span>
|
2020-01-27 18:40:18 +00:00
|
|
|
</p>
|
2020-05-04 23:40:55 +00:00
|
|
|
<p class="visualization" *ngIf="state !== 'idle'">
|
|
|
|
|
<ng-recording-timeline [stream]="stream" (exportProfile)="exportProfilerResults()"> </ng-recording-timeline>
|
2020-01-27 18:40:18 +00:00
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
