D-Net

import { Component, DoCheck, OnInit, ViewEncapsulation } from '@angular/core';

import { DataService } from '../../services/data.service';

import { CountryOverview, OverviewData } from '../../domain/overview-data';

import {CountryOverviewData, EuropeData, SelectedCountry} from '../../domain/overview-map-data';

import {DataHandlerService} from '../../services/data-handler.service';

@Component({

  selector: 'app-home',

  templateUrl: './home.component.html',

})

export class HomeComponent implements OnInit {

  // overviewData: OverviewData;

  europeOverviewData: EuropeData;

  selectedCountry: SelectedCountry = null;

  selectedCountryData: CountryOverviewData = null;

  // countrySelectedName: string = null;

  // countrySelectedOverview: CountryOverview = null;

  constructor(private dataService: DataService,

              private dataHandlerService: DataHandlerService) { }

  ngOnInit(): void {

    window.scroll(0, 0);

    this.dataService.getEuropeOverviewData().subscribe(

      rawData => {

        this.europeOverviewData = this.dataHandlerService.convertRawDataToEuropeOverviewData(rawData);

      }, error => {

        console.log(error);

      }

    );

    // this.dataService.getOverviewData().subscribe(

    //   overviewData => {

    //     this.overviewData = overviewData;

    //   },

    //   error => {

    //     console.log(error);

    //   }

    // );

  }

  countrySelected(selectedCountry: SelectedCountry) {

    this.selectedCountry = selectedCountry;

    this.selectedCountryData = null;

    this.dataService.getCountryOverviewData(this.selectedCountry.code).subscribe(

      rawData => {

        this.selectedCountryData = this.dataHandlerService.convertRawDataToCountryOverviewData(rawData);

      }, error => {

        console.log(error);

      }

    );

    // this.countrySelectedOverview = this.overviewData.countries.filter(x => x.country === this.selectedCountry.name)[0];

    // console.log('Country selected overview: ', this.countrySelectedOverview);

  }

  deselectCountry() {

    this.selectedCountry = null;

    this.selectedCountryData = null;

    // this.countrySelectedName = null;

    // this.countrySelectedOverview = null;

  }

}