D-Net

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

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

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

@Component({

  selector: 'app-home',

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

  // styleUrls: ['./top-menu.component.css'],

  encapsulation: ViewEncapsulation.None

})

export class HomeComponent implements OnInit {

  overviewData: OverviewData;

  countrySelectedName: string = null;

  countrySelectedOverview: CountryOverview = null;

  constructor(private dataService: DataService) { }

  ngOnInit(): void {

    this.dataService.getOverviewData().subscribe(

      overviewData => {

        this.overviewData = overviewData;

      },

      error => {

        console.log(error);

      }

    );

  }

  countrySelected(countryName: string) {

    // console.log('Country selected: ', countryName);

    this.countrySelectedName = countryName;

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

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

  }

  deselectCountry() {

    this.countrySelectedName = null;

    this.countrySelectedOverview = null;

  }

}