D-Net

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

import {Subscription} from 'rxjs';

import {ActivatedRoute, Router} from '@angular/router';

import {Location} from '@angular/common';

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

import {ConfigurationService} from '../openaireLibrary/utils/configuration/configuration.service';

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

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

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

import {properties} from '../../environments/environment';

import {portals} from './portals';

import {Filter} from '../openaireLibrary/searchPages/searchUtils/searchHelperClasses.class';

import {RouterHelper} from '../openaireLibrary/utils/routerHelper.class';

@Component({

  selector: 'home',

  templateUrl: 'home.component.html',

  styleUrls: ['home.component.css']

})

export class HomeComponent implements OnInit, OnDestroy {

  public pageTitle = 'OpenAIRE - Research Graph';

  public portals: any[] = portals;

  public state: number = 0;

  public properties: EnvProperties = properties;

  public selectedEntity = 'all';

  public url: string;

  public routerHelper: RouterHelper = new RouterHelper();

  public resultTypes: Filter = {

    values: [

      {name: 'Publications', id: 'publications', selected: true, number: 0},

      {name: "Research data", id: "datasets", selected: true, number: 0},

      {name: "Software", id: "software", selected: true, number: 0},

      {name: "Other research products", id: "other", selected: true, number: 0}

    ],

    filterId: 'type',

    countSelectedValues: 0,

    filterType: 'checkbox',

    originalFilterId: '',

    valueIsExact: true,

    title: 'Result Types',

    filterOperator: 'or'

  };

  public resultsQuickFilter: { filter: Filter, selected: boolean, filterId: string, value: string } = {

    filter: null,

    selected: true,

    filterId: 'resultbestaccessright',

    value: 'Open Access'

  };

  public keyword: string = '';

  private timeouts: any[] = [];

  private subs: Subscription[] = [];

  constructor(

    private route: ActivatedRoute,

    private _router: Router,

    private location: Location, private _piwikService: PiwikService,

    private config: ConfigurationService, private _meta: Meta, private _title: Title, private seoService: SEOService

  ) {

    let description = 'OpenAIRE Research Graph is an open resource that aggregates a collection of research data properties (metadata, links) available within the OpenAIRE Open Science infrastructure for funders, organizations, researchers, research communities and publishers to interlink information by using a semantic graph database approach.';

    this._title.setTitle(this.pageTitle);

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

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

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

  }

  public ngOnInit() {

    if (this.properties) {

      let url = this.properties.domain + this.properties.baseLink + this._router.url;

      this.seoService.createLinkForCanonicalURL(url, false);

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

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

        this.subs.push(this._piwikService.trackView(this.properties, this.pageTitle).subscribe());

      }

      this.animation();

    }

  }

  public ngOnDestroy() {

    this.subs.forEach(sub => {

      if(sub instanceof Subscription) {

        sub.unsubscribe();

      }

    });

    this.clearTimeouts();

  }

  private animation() {

    this.timeouts.push(setTimeout(() => {

      this.animation();

      if (this.state === (this.portals.length - 1)) {

        this.state = 0;

      } else {

        this.state++;

      }

    }, 4000));

  }

  entityChanged($event) {

    this.selectedEntity = $event.entity;

    this.url = $event.simpleUrl;

  }

  private changeSlide(slide: number) {

    this.clearTimeouts();

    this.state = slide;

    this.animation();

  }

  private clearTimeouts() {

    this.timeouts.forEach(timeout => {

      clearTimeout(timeout);

    });

    this.state = 0;

  }

  goTo() {

    let url = 'https://explore.openaire.eu' + this.url;

    let parameterNames = [];

    let parameterValues = [];

    if (this.selectedEntity == 'result') {

      if (this.resultTypes) {

        let values = [];

        for (let value of this.resultTypes.values) {

          if (value.selected) {

            values.push(value.id);

          }

        }

        if (values.length > 0 && values.length != 4) {

          parameterNames.push('type');

          parameterValues.push(values.join(','));

        }

        if (this.resultsQuickFilter && this.resultsQuickFilter.selected) {

          parameterNames.push(this.resultsQuickFilter.filterId);

          parameterValues.push('"'+ encodeURIComponent(this.resultsQuickFilter.value)+'"');

        }

      }

    } else if (this.selectedEntity == 'all') {

      if (this.resultsQuickFilter && this.resultsQuickFilter.selected) {

        parameterNames.push(this.resultsQuickFilter.filterId);

        parameterValues.push('"'+ encodeURIComponent(this.resultsQuickFilter.value)+'"');

      }

    }

    if (this.keyword.length > 0) {

      parameterNames.push('fv0');

      parameterValues.push(this.keyword);

      parameterNames.push('f0');

      parameterValues.push('q');

    }

    window.open(url + this.routerHelper.createQueryParamsString(parameterNames, parameterValues), '_blank').focus();

  }

}