opt-cc/static/src/app/statistic/campaign/campaign-player-detail/campaign-player-detail.comp...

<div class="fade-in player-campaign-detail-container" xmlns="http://www.w3.org/1999/html">
  <h2 class="pull-left">Kampagnendetails - {{campaignPlayer.name}}</h2>

  <button class="btn-back" mat-raised-button (click)="navigateBack()">
    <mat-icon svgIcon="chevron-left"></mat-icon>
    Zurück
  </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]="'Kill/Death'">
      </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]="'Respawn/Death'">
      </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">
      </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"
        [roundDomains]="roundDomains">
      </ngx-charts-line-chart>
    </div>
  </div>
</div>
Add campaign player detail as tab 2017-11-13 15:45:12 +01:00			`<div class="fade-in player-campaign-detail-container" xmlns="http://www.w3.org/1999/html">`
Refactor war detail components; Fix styles; Add Scoreboard additional btns 2017-11-13 13:49:47 +01:00			`<h2 class="pull-left">Kampagnendetails - {{campaignPlayer.name}}</h2>`
Add player kill chart 2017-10-02 14:41:17 +02:00
Add unified material return navigation button 2018-07-24 21:43:09 +02:00			`<button class="btn-back" mat-raised-button (click)="navigateBack()">`
Add new router outlet setup and add root setup for new statistics page 2018-07-29 20:59:09 +02:00			`<mat-icon svgIcon="chevron-left"></mat-icon>`
			`Zurück`
Add unified material return navigation button 2018-07-24 21:43:09 +02:00			`</button>`
Optimize style & fix username encoding 2017-10-02 18:10:57 +02:00
implement user detail charts 2017-10-02 17:09:30 +02:00			`<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]="'Kill/Death'">`
			`</ngx-charts-linear-gauge>`
Optimize style & fix username encoding 2017-10-02 18:10:57 +02:00			`<span style="height: 150px; display: block;"></span>`
implement user detail charts 2017-10-02 17:09:30 +02:00			`<ngx-charts-linear-gauge`
			`[view]="[200, 100]"`
			`[scheme]="colorScheme"`
			`[value]="respawnDeathRatio"`
			`[previousValue]="0.5"`
make war detail row clickable 2017-10-02 20:03:42 +02:00			`[max]="maxRespawnDeathRatio"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[min]="0"`
			`[units]="'Respawn/Death'">`
			`</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">`
			`</ngx-charts-bar-horizontal>`
			`</div>`
			`</div>`

			`<div class="charts-parent">`
Simplify logic for player campaign detail page init 2018-04-27 09:03:57 +02:00			`<div class="chart-container" *ngFor="let category of graphData">`
implement user detail charts 2017-10-02 17:09:30 +02:00			`<ngx-charts-line-chart`
Simplify logic for player campaign detail page init 2018-04-27 09:03:57 +02:00			`[results]="category.data"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
Simplify logic for player campaign detail page init 2018-04-27 09:03:57 +02:00			`[referenceLines]="category.refLine"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[scheme]="colorScheme"`
			`[gradient]="gradient"`
			`[xAxis]="xAxis"`
			`[yAxis]="yAxis"`
			`[legend]="legend"`
			`[showXAxisLabel]="showXAxisLabel"`
			`[showYAxisLabel]="showYAxisLabel"`
Simplify logic for player campaign detail page init 2018-04-27 09:03:57 +02:00			`[yAxisLabel]="category.label"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[autoScale]="autoscale"`
			`[timeline]="timeline"`
			`[roundDomains]="roundDomains">`
			`</ngx-charts-line-chart>`
			`</div>`
			`</div>`
Add clickable playername, playerservice + detail page routing 2017-10-01 20:24:35 +02:00			`</div>`