69 lines
2.2 KiB
HTML
69 lines
2.2 KiB
HTML
<div class="fade-in player-campaign-detail-container" xmlns="http://www.w3.org/1999/html">
|
|
<h2 class="pull-left">{{'stats.player.detail.headline' | translate:{name: campaignPlayer.name} }}</h2>
|
|
|
|
<button class="btn-back" mat-raised-button (click)="navigateBack()">
|
|
<mat-icon svgIcon="chevron-left"></mat-icon>
|
|
{{'stats.player.detail.button.back' | translate}}
|
|
</button>
|
|
|
|
<div class="sum-container">
|
|
<div class="gauge-container pull-left">
|
|
<ngx-charts-linear-gauge
|
|
[view]="[200, 100]"
|
|
[scheme]="colorScheme"
|
|
[value]="kdRatio"
|
|
[previousValue]="1"
|
|
[max]="maxKd"
|
|
[min]="0"
|
|
[units]="translations['stats.player.detail.kill.death.ratio']">
|
|
</ngx-charts-linear-gauge>
|
|
<span style="height: 150px; display: block;"></span>
|
|
<ngx-charts-linear-gauge
|
|
[view]="[200, 100]"
|
|
[scheme]="colorScheme"
|
|
[value]="respawnDeathRatio"
|
|
[previousValue]="0.5"
|
|
[max]="maxRespawnDeathRatio"
|
|
[min]="0"
|
|
[units]="translations['stats.player.detail.respawn.death.ratio']">
|
|
</ngx-charts-linear-gauge>
|
|
</div>
|
|
|
|
<div class="sum-bar-container pull-left">
|
|
<ngx-charts-bar-horizontal
|
|
[scheme]="colorSchemeBar"
|
|
[results]="sumData"
|
|
[gradient]="gradient"
|
|
[xAxis]="xAxis"
|
|
[yAxis]="yAxis"
|
|
[showXAxisLabel]="showXAxisLabel"
|
|
[showYAxisLabel]="showYAxisLabel"
|
|
[animations]="animations">
|
|
</ngx-charts-bar-horizontal>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="charts-parent">
|
|
<div class="chart-container" *ngFor="let category of graphData">
|
|
<ngx-charts-line-chart
|
|
[results]="category.data"
|
|
[showRefLines]="showRefLines"
|
|
[showRefLabels]="showRefLabels"
|
|
[referenceLines]="category.refLine"
|
|
[scheme]="colorScheme"
|
|
[gradient]="gradient"
|
|
[xAxis]="xAxis"
|
|
[yAxis]="yAxis"
|
|
[legend]="legend"
|
|
[showXAxisLabel]="showXAxisLabel"
|
|
[showYAxisLabel]="showYAxisLabel"
|
|
[yAxisLabel]="category.label"
|
|
[autoScale]="autoscale"
|
|
[timeline]="timeline"
|
|
[animations]="animations"
|
|
[roundDomains]="roundDomains">
|
|
</ngx-charts-line-chart>
|
|
</div>
|
|
</div>
|
|
</div>
|