93 lines
2.1 KiB
TypeScript
93 lines
2.1 KiB
TypeScript
import {Component} from "@angular/core";
|
|
import {AppComponent} from "../app.component";
|
|
import {WarService} from "../services/war-service/war.service";
|
|
|
|
|
|
@Component({
|
|
selector: 'statistic',
|
|
templateUrl: './statistic.component.html',
|
|
styleUrls: ['./statistic.component.css']
|
|
})
|
|
export class StatisticComponent {
|
|
|
|
pointData: any[] = [];
|
|
playerData: any[] = [];
|
|
|
|
colorScheme = {
|
|
domain: ['#0000FF', '#B22222']
|
|
};
|
|
|
|
constructor(private appComponent: AppComponent,
|
|
private warService: WarService) {
|
|
}
|
|
|
|
ngOnInit() {
|
|
let wars = this.appComponent.wars;
|
|
if (wars.length === 0) {
|
|
this.warService.getAllWars().subscribe(items => {
|
|
this.initChart(items);
|
|
})
|
|
}
|
|
this.initChart(wars);
|
|
}
|
|
|
|
initChart(wars: any[]) {
|
|
let pointsObj = [
|
|
{
|
|
"name": "NATO",
|
|
"series": []
|
|
},
|
|
{
|
|
"name": "CSAT",
|
|
"series": []
|
|
}];
|
|
let playersObj = [
|
|
{
|
|
"name": "NATO",
|
|
"series": []
|
|
},
|
|
{
|
|
"name": "CSAT",
|
|
"series": []
|
|
}
|
|
];
|
|
for (let i = wars.length - 1; i >= 0; i--) {
|
|
const isoDate = wars[i].date.slice(0, 10);
|
|
const dayDate = parseInt(isoDate.slice(8, 10)) + 1;
|
|
const warDateString = (dayDate < 10 ? "0" + dayDate : dayDate) + '.'
|
|
+ isoDate.slice(5, 7) + '.' + isoDate.slice(0, 4);
|
|
|
|
const bluforData = {
|
|
name: warDateString,
|
|
value: wars[i].ptBlufor
|
|
};
|
|
const opforData = {
|
|
name: warDateString,
|
|
value: wars[i].ptOpfor
|
|
};
|
|
const bluforPlayers = {
|
|
name: warDateString,
|
|
value: wars[i].playersBlufor
|
|
};
|
|
const opforPlayers = {
|
|
name: warDateString,
|
|
value: wars[i].playersOpfor
|
|
};
|
|
|
|
playersObj[0].series.push(bluforData);
|
|
playersObj[1].series.push(opforData);
|
|
pointsObj[0].series.push(bluforPlayers);
|
|
pointsObj[1].series.push(opforPlayers);
|
|
}
|
|
|
|
this.pointData = pointsObj;
|
|
this.playerData = playersObj;
|
|
Object.assign(this, [this.playerData, this.pointData])
|
|
}
|
|
|
|
onSelect(event) {
|
|
console.log(event);
|
|
}
|
|
|
|
}
|