opt-cc/static/src/app/statistic/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>
  <h2 class="pull-right">{{campaignPlayer.campaign.title}} Kampagne</h2>

  <span class="btn btn-default btn-back" (click)="navigateBack()">< Zurück</span>

  <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">
      <ngx-charts-line-chart
        [results]="killData"
        [showRefLines]="showRefLines"
        [showRefLabels]="showRefLabels"
        [referenceLines]="killRefLines"
        [scheme]="colorScheme"
        [gradient]="gradient"
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        [legend]="legend"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [yAxisLabel]="yAxisKill"
        [autoScale]="autoscale"
        [timeline]="timeline"
        [roundDomains]="roundDomains">
      </ngx-charts-line-chart>
    </div>

    <div class="chart-container">
      <ngx-charts-line-chart
        [results]="friendlyFireData"
        [showRefLines]="showRefLines"
        [showRefLabels]="showRefLabels"
        [referenceLines]="friendlyFireRefLines"
        [scheme]="colorScheme"
        [gradient]="gradient"
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        [legend]="legend"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [yAxisLabel]="yAxisFriendlyFire"
        [autoScale]="autoscale"
        [timeline]="timeline"
        [roundDomains]="roundDomains">
      </ngx-charts-line-chart>
    </div>

    <div class="chart-container">
      <ngx-charts-line-chart
        [results]="deathData"
        [showRefLines]="showRefLines"
        [showRefLabels]="showRefLabels"
        [referenceLines]="deathRefLines"
        [scheme]="colorScheme"
        [gradient]="gradient"
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        [legend]="legend"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [yAxisLabel]="yAxisDeath"
        [autoScale]="autoscale"
        [timeline]="timeline"
        [roundDomains]="roundDomains">
      </ngx-charts-line-chart>
    </div>

    <div class="chart-container">
      <ngx-charts-line-chart
        [results]="respawnData"
        [showRefLines]="showRefLines"
        [showRefLabels]="showRefLabels"
        [referenceLines]="respawnRefLines"
        [scheme]="colorScheme"
        [gradient]="gradient"
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        [legend]="legend"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [yAxisLabel]="yAxisRespawn"
        [autoScale]="autoscale"
        [timeline]="timeline"
        [roundDomains]="roundDomains">
      </ngx-charts-line-chart>
    </div>

    <div class="chart-container">
      <ngx-charts-line-chart
        [results]="reviveData"
        [showRefLines]="showRefLines"
        [showRefLabels]="showRefLabels"
        [referenceLines]="reviveRefLines"
        [scheme]="colorScheme"
        [gradient]="gradient"
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        [legend]="legend"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [yAxisLabel]="yAxisRevive"
        [autoScale]="autoscale"
        [timeline]="timeline"
        [roundDomains]="roundDomains">
      </ngx-charts-line-chart>
    </div>

    <div class="chart-container">
      <ngx-charts-line-chart
        [results]="captureData"
        [showRefLines]="showRefLines"
        [showRefLabels]="showRefLabels"
        [referenceLines]="captureRefLines"
        [scheme]="colorScheme"
        [gradient]="gradient"
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        [legend]="legend"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [yAxisLabel]="yAxisCapture"
        [autoScale]="autoscale"
        [timeline]="timeline"
        [roundDomains]="roundDomains">
      </ngx-charts-line-chart>
    </div>

    <div class="chart-container">
      <ngx-charts-line-chart
        [results]="vehicleLightData"
        [showRefLines]="showRefLines"
        [showRefLabels]="showRefLabels"
        [referenceLines]="killRefLines"
        [scheme]="colorScheme"
        [gradient]="gradient"
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        [legend]="legend"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [yAxisLabel]="yAxisVehicleLight"
        [autoScale]="autoscale"
        [timeline]="timeline"
        [roundDomains]="roundDomains">
      </ngx-charts-line-chart>
    </div>

    <div class="chart-container">
      <ngx-charts-line-chart
        [results]="vehicleHeavyData"
        [showRefLines]="showRefLines"
        [showRefLabels]="showRefLabels"
        [referenceLines]="killRefLines"
        [scheme]="colorScheme"
        [gradient]="gradient"
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        [legend]="legend"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [yAxisLabel]="yAxisVehicleHeavy"
        [autoScale]="autoscale"
        [timeline]="timeline"
        [roundDomains]="roundDomains">
      </ngx-charts-line-chart>
    </div>

    <div class="chart-container">
      <ngx-charts-line-chart
        [results]="vehicleAirData"
        [showRefLines]="showRefLines"
        [showRefLabels]="showRefLabels"
        [referenceLines]="killRefLines"
        [scheme]="colorScheme"
        [gradient]="gradient"
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        [legend]="legend"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [yAxisLabel]="yAxisVehicleAir"
        [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			`<h2 class="pull-right">{{campaignPlayer.campaign.title}} Kampagne</h2>`

Optimize style & fix username encoding 2017-10-02 18:10:57 +02:00			`<span class="btn btn-default btn-back" (click)="navigateBack()">< Zurück</span>`

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">`
			`<div class="chart-container">`
			`<ngx-charts-line-chart`
			`[results]="killData"`
			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
			`[referenceLines]="killRefLines"`
			`[scheme]="colorScheme"`
			`[gradient]="gradient"`
			`[xAxis]="xAxis"`
			`[yAxis]="yAxis"`
			`[legend]="legend"`
			`[showXAxisLabel]="showXAxisLabel"`
			`[showYAxisLabel]="showYAxisLabel"`
			`[yAxisLabel]="yAxisKill"`
			`[autoScale]="autoscale"`
			`[timeline]="timeline"`
			`[roundDomains]="roundDomains">`
			`</ngx-charts-line-chart>`
			`</div>`

			`<div class="chart-container">`
			`<ngx-charts-line-chart`
			`[results]="friendlyFireData"`
			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
			`[referenceLines]="friendlyFireRefLines"`
			`[scheme]="colorScheme"`
			`[gradient]="gradient"`
			`[xAxis]="xAxis"`
			`[yAxis]="yAxis"`
			`[legend]="legend"`
			`[showXAxisLabel]="showXAxisLabel"`
			`[showYAxisLabel]="showYAxisLabel"`
			`[yAxisLabel]="yAxisFriendlyFire"`
			`[autoScale]="autoscale"`
			`[timeline]="timeline"`
			`[roundDomains]="roundDomains">`
			`</ngx-charts-line-chart>`
			`</div>`

add vehicle kill stats for cmpaign player view 2018-03-03 13:40:15 +01:00			`<div class="chart-container">`
			`<ngx-charts-line-chart`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[results]="deathData"`
add vehicle kill stats for cmpaign player view 2018-03-03 13:40:15 +01:00			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[referenceLines]="deathRefLines"`
add vehicle kill stats for cmpaign player view 2018-03-03 13:40:15 +01:00			`[scheme]="colorScheme"`
			`[gradient]="gradient"`
			`[xAxis]="xAxis"`
			`[yAxis]="yAxis"`
			`[legend]="legend"`
			`[showXAxisLabel]="showXAxisLabel"`
			`[showYAxisLabel]="showYAxisLabel"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[yAxisLabel]="yAxisDeath"`
add vehicle class kills to highscore and player details 2018-04-14 18:05:37 +02:00			`[autoScale]="autoscale"`
			`[timeline]="timeline"`
			`[roundDomains]="roundDomains">`
			`</ngx-charts-line-chart>`
			`</div>`

			`<div class="chart-container">`
			`<ngx-charts-line-chart`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[results]="respawnData"`
add vehicle class kills to highscore and player details 2018-04-14 18:05:37 +02:00			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[referenceLines]="respawnRefLines"`
add vehicle class kills to highscore and player details 2018-04-14 18:05:37 +02:00			`[scheme]="colorScheme"`
			`[gradient]="gradient"`
			`[xAxis]="xAxis"`
			`[yAxis]="yAxis"`
			`[legend]="legend"`
			`[showXAxisLabel]="showXAxisLabel"`
			`[showYAxisLabel]="showYAxisLabel"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[yAxisLabel]="yAxisRespawn"`
add vehicle class kills to highscore and player details 2018-04-14 18:05:37 +02:00			`[autoScale]="autoscale"`
			`[timeline]="timeline"`
			`[roundDomains]="roundDomains">`
			`</ngx-charts-line-chart>`
			`</div>`

			`<div class="chart-container">`
			`<ngx-charts-line-chart`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[results]="reviveData"`
add vehicle class kills to highscore and player details 2018-04-14 18:05:37 +02:00			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[referenceLines]="reviveRefLines"`
add vehicle class kills to highscore and player details 2018-04-14 18:05:37 +02:00			`[scheme]="colorScheme"`
			`[gradient]="gradient"`
			`[xAxis]="xAxis"`
			`[yAxis]="yAxis"`
			`[legend]="legend"`
			`[showXAxisLabel]="showXAxisLabel"`
			`[showYAxisLabel]="showYAxisLabel"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[yAxisLabel]="yAxisRevive"`
add vehicle kill stats for cmpaign player view 2018-03-03 13:40:15 +01:00			`[autoScale]="autoscale"`
			`[timeline]="timeline"`
			`[roundDomains]="roundDomains">`
			`</ngx-charts-line-chart>`
			`</div>`

implement user detail charts 2017-10-02 17:09:30 +02:00			`<div class="chart-container">`
			`<ngx-charts-line-chart`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[results]="captureData"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[referenceLines]="captureRefLines"`
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"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[yAxisLabel]="yAxisCapture"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[autoScale]="autoscale"`
			`[timeline]="timeline"`
			`[roundDomains]="roundDomains">`
			`</ngx-charts-line-chart>`
			`</div>`

			`<div class="chart-container">`
			`<ngx-charts-line-chart`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[results]="vehicleLightData"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[referenceLines]="killRefLines"`
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"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[yAxisLabel]="yAxisVehicleLight"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[autoScale]="autoscale"`
			`[timeline]="timeline"`
			`[roundDomains]="roundDomains">`
			`</ngx-charts-line-chart>`
			`</div>`

			`<div class="chart-container">`
			`<ngx-charts-line-chart`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[results]="vehicleHeavyData"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[referenceLines]="killRefLines"`
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"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[yAxisLabel]="yAxisVehicleHeavy"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[autoScale]="autoscale"`
			`[timeline]="timeline"`
			`[roundDomains]="roundDomains">`
			`</ngx-charts-line-chart>`
			`</div>`

			`<div class="chart-container">`
			`<ngx-charts-line-chart`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[results]="vehicleAirData"`
implement user detail charts 2017-10-02 17:09:30 +02:00			`[showRefLines]="showRefLines"`
			`[showRefLabels]="showRefLabels"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[referenceLines]="killRefLines"`
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"`
Finish vehicle class parsing 2018-04-15 13:37:51 +02:00			`[yAxisLabel]="yAxisVehicleAir"`
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>`