import {Component} from "@angular/core";
import {WarService} from "../services/war-service/war.service";


@Component({
  selector: 'statistic',
  templateUrl: './statistic.component.html',
  styleUrls: ['./statistic.component.css']
})
export class StatisticComponent {

  chartData: any[] = [];

  colorScheme = {
    domain: ['#0000FF', '#B22222', '#C7B42C', '#AAAAAA']
  };

  constructor(private warService: WarService) {
    Object.assign(this, this.chartData)
  }

  ngOnInit() {
    this.warService.getAllWars()
      .subscribe((wars) => {
        let updateObj = [{
          "name": "NATO",
          "series": []
        },
          {
            "name": "CSAT",
            "series": []
          }];
        for (let i = 0; i < wars.length; i++) {
          let warDateString = new Date(wars[i].date);
          let bluforData = {
            name: warDateString,
            value: wars[i].ptBlufor
          };
          updateObj[0].series.push(bluforData);
          let opforData = {
            name: warDateString,
            value: wars[i].ptOpfor
          };
          updateObj[1].series.push(opforData);
        }
        this.chartData = updateObj;
      })
  };

  onSelect(event) {
    console.log(event);
  }

}