mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
22 lines
1,002 B
HTML
22 lines
1,002 B
HTML
<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'">
|
|
<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>
|
|
<br />
|
|
<span>
|
|
<input type="file" (change)="importProfilerResults($event)" placeholder="Upload file" accept=".json" />
|
|
</span>
|
|
</p>
|
|
<p class="visualization" *ngIf="state !== 'idle'">
|
|
<ng-recording-timeline [stream]="stream" (exportProfile)="exportProfilerResults()"> </ng-recording-timeline>
|
|
</p>
|
|
</div>
|
|
</div>
|