D-Net

import {ChangeDetectorRef, Component, OnDestroy, OnInit} from '@angular/core';

import {DomSanitizer, Meta, Title} from '@angular/platform-browser';

import {EnvProperties} from '../openaireLibrary/utils/properties/env-properties';

import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.service';

import {StringUtils} from '../openaireLibrary/utils/string-utils.class';

import {ErrorCodes} from '../openaireLibrary/utils/properties/errorCodes';

import {ErrorMessagesComponent} from '../openaireLibrary/utils/errorMessages.component';

import {HelperService} from "../openaireLibrary/utils/helper/helper.service";

import {SEOService} from "../openaireLibrary/sharedComponents/SEO/SEO.service";

import {StakeholderService} from "../services/stakeholder.service";

@Component({

  selector: 'monitor',

  templateUrl: 'monitor.component.html',

})

  public pageContents = null;

  public divContents = null;

  public status: number;

  public loading: boolean = true;

  public activeCategory: Category = null;

  public activeSubCategory: SubCategory = null;

  public stakeholder: Stakeholder;

  public numberResults: Map<number, number> = new Map<number, number>();

  public chartsActiveType: Map<number, IndicatorPath> = new Map<number, IndicatorPath>();

  private errorMessages: ErrorMessagesComponent;

  properties: EnvProperties;

  startYear;

  endYear;

  constructor(

    private route: ActivatedRoute,

    private _router: Router,

    private _meta: Meta,

    private _title: Title,

    private _piwikService: PiwikService,

    private helper: HelperService,

    private stakeholderService: StakeholderService,

    private statisticsService: StatisticsService,

      this.errorMessages = new ErrorMessagesComponent();

      this.status = this.errorCodes.LOADING;

  public ngOnInit() {

    this.layoutService.setHasHeader(false);

      .subscribe((data: { envSpecific: EnvProperties }) => {

        this.route.params.subscribe(params => {

          this.properties = data.envSpecific;

          var url = data.envSpecific.baseLink + this._router.url;

          if (!this.stakeholder || this.stakeholder.index_id !== params['stakeholder']) {

            this.status = this.errorCodes.LOADING;

            let stakeholder:Stakeholder = null;

            if(params['stakeholder']=="fwf"){

              false,"fwf",true,true, null);

              stakeholder = this.stakeholderUtils.

              createFunderFromDefaultProfile(stakeholder, StakeholderCreator.createFunderDefaultProfile().topics);

            }else if(params['stakeholder']=="arc"){

              stakeholder = this.stakeholderUtils.

              createFunderFromDefaultProfile(stakeholder, StakeholderCreator.createFunderDefaultProfile().topics);

              stakeholder.logoUrl = "./assets/arc1.gif";

              stakeholder = this.stakeholderUtils.

              createFunderFromDefaultProfile(stakeholder, StakeholderCreator.createFunderDefaultProfile().topics);

            }

                this.stakeholder = stakeholder;

                this.seoService.createLinkForCanonicalURL(url, false);

                this._meta.updateTag({content: url}, "property='og:url'");

                var description = "Monitor Dashboard | " + this.stakeholder.index_name;

                var title = "Monitor Dashboard | " + this.stakeholder.index_shortName;

                this._meta.updateTag({content: description}, "name='description'");

                this._meta.updateTag({content: description}, "property='og:description'");

                this._meta.updateTag({content: title}, "property='og:title'");

                this._title.setTitle(title);

                if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {

                  this.piwiksub = this._piwikService.trackView(this.properties, title, this.properties.piwikSiteId).subscribe();

                }

                //this.getDivContents();

                this.getPageContents();

                this.status = this.errorCodes.DONE;

                this.setView(params);

            //   this.navigateToError();

            // })

            this.setView(params);

          }

        });

      });

  }

  public toggleOpen(event = null) {

    if(!event) {

  }

    this.helper.getPageHelpContents(this._router.url, this.properties, 'monitor').subscribe(contents => {

      this.pageContents = contents;

    })

  }

  private getDivContents() {

    this.helper.getDivHelpContents(this._router.url, this.properties, 'monitor').subscribe(contents => {

      this.divContents = contents;

    })

  }

  private setView(params: Params) {

    if (params && params['topic']) {

      this.activeTopic = this.stakeholder.topics.filter(topic => topic.alias === decodeURIComponent(params['topic']))[0];

      if (this.activeTopic) {

        if (params['category']) {

          this.activeCategory = this.activeTopic.categories.filter(category =>

            (category.alias === params['category']) && category.isPublic && category.isActive)[0];

        } else {

          let category: Category = this.activeTopic.categories[0];

            this.navigateTo(this.stakeholder.alias, this.activeTopic.alias, category.alias);

          } else {

            this.navigateToError();

          }

        }

        if (this.activeCategory) {

          if (params['subCategory']) {

            this.activeSubCategory = this.activeCategory.subCategories.filter(subCategory =>

              (subCategory.alias === params['subCategory'] && subCategory.isPublic && subCategory.isActive))[0];

          } else {

            this.activeSubCategory = this.activeCategory.subCategories.filter(subCategory =>

              !subCategory.alias && subCategory.isPublic && subCategory.isActive)[0];

          }

          if (this.activeSubCategory) {

            this.setSideBar();

            this.setIndicators();

            return;

          } else {

              subCategory.isPublic && subCategory.isActive)[0];

            return;

          }

        }

      }

      this.navigateToError();

    } else {

      let topic: Topic = this.stakeholder.topics[0];

      let category: Category = topic.categories.filter(category => category.isPublic && category.isActive)[0];

        this.navigateTo(this.stakeholder.alias, topic.alias, category.alias);

      } else {

        this.navigateToError();

      }

  }

  private setSideBar() {

      if (category.isPublic && category.isActive) {

          if (subCategory.alias != null && subCategory.isPublic && subCategory.isActive) {

        });

        items.push(new Item(category.name, (

    });

  private setIndicators() {

    let urls: Map<string, number[]> = new Map<string, number[]>();

    this.activeSubCategory.numbers.forEach((number, index) => {

        //add fundingLevel0 filter in the query

        if(this.fundingL0 && number.indicatorPaths[0].filters.get("fundingL0")){

          url = url + number.indicatorPaths[0].filters.get("fundingL0").replace(ChartHelper.prefix+'fundingL0'+ChartHelper.suffix,encodeURIComponent(this.fundingL0));

        }

        const pair = JSON.stringify([number.indicatorPaths[0].source, url]);

        indexes.push(index);

        urls.set(pair, indexes);

      }

    });

    urls.forEach((indexes, pair) => {

      pair = JSON.parse(pair);

        indexes.forEach(index => {

          this.activeSubCategory.numbers[index].indicatorPaths[0].jsonPath.forEach(jsonPath => {

              result = result[jsonPath];

            }

          this.numberResults.set(index, result);

        });

      })

    });

    this.activeSubCategory.charts.forEach((chart, index) => {

      if (chart.indicatorPaths.length > 0) {

      }

    });

  public getUrlByStakeHolder(indicatorPath: IndicatorPath) {

  public setActiveChart(index, type: string) {

    activeChart.safeResourceUrl = this.getUrlByStakeHolder(activeChart);

    this.chartsActiveType.set(index, activeChart);

  private navigateToError() {

    this._router.navigate(['/error'], {queryParams: {'page': this._router.url}});

  }

  public navigateTo(stakeholder: string, topic: string, category: string = null, subcategory: string = null) {

    return this._router.navigate([url]);

  }

  public quote(param: string): string {

    return StringUtils.quote(param);

  }

  public ngOnDestroy() {

    if (this.piwiksub) {

      this.piwiksub.unsubscribe();

    }

  }

}