You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.1 KiB
42 lines
1.1 KiB
<div class="row">
|
|
<div class="col-md-6 col-xs-12 d-flex">
|
|
<div class="align-items-center d-flex flex-grow-1 h5 mb-0 text-truncate">
|
|
<span i18n>Benchmarks</span>
|
|
<sup i18n>Beta</sup>
|
|
<gf-premium-indicator
|
|
*ngIf="user?.subscription?.type === 'Basic'"
|
|
class="ml-1"
|
|
></gf-premium-indicator>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-xs-12 d-flex justify-content-end">
|
|
<mat-form-field appearance="outline" class="w-100" color="accent">
|
|
<mat-label i18n>Compare with...</mat-label>
|
|
<mat-select
|
|
name="benchmark"
|
|
[value]="benchmark"
|
|
(selectionChange)="onChangeBenchmark($event.value)"
|
|
>
|
|
<mat-option *ngFor="let benchmark of benchmarks" [value]="benchmark">{{
|
|
benchmark.symbol
|
|
}}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
<div class="chart-container">
|
|
<ngx-skeleton-loader
|
|
*ngIf="isLoading"
|
|
animation="pulse"
|
|
[theme]="{
|
|
height: '100%',
|
|
width: '100%'
|
|
}"
|
|
></ngx-skeleton-loader>
|
|
<canvas
|
|
#chartCanvas
|
|
class="h-100"
|
|
[ngStyle]="{ display: isLoading ? 'none' : 'block' }"
|
|
></canvas>
|
|
</div>
|