D-Net

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

import {faqs} from './faqs';

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

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

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

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

import {Subscription} from 'rxjs';

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

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

@Component({

  selector: 'about',

  templateUrl: 'about.component.html',

  styleUrls: ['about.component.css'],

})

export class AboutComponent implements OnInit {

  faqs: any[] = faqs;

  properties: EnvProperties = properties;

  description = "UsageCounts service is an OpenAIRE service built after the development of the Usage Statistics Service within OpenAIRE. UsageCounts forms metrics of usage activity of Open Access Repositories categorizing the data retrieved by country, number of downloads, number of views, number of repositories and all derivative quantitative open metrics, in a comprehensive way for all stakeholders. Architecture. ";

  title = "OpenAIRE - UsageCounts | About";

  subs: Subscription[] = [];

  constructor(private route: ActivatedRoute,

              private router: Router,

              private _title: Title, private _piwikService: PiwikService,

              private _meta: Meta, private seoService: SEOService) {

  }

  ngOnInit() {

    this._title.setTitle(this.title);

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

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

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

    this._title.setTitle(this.title);

    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.title).subscribe());

    }

    this.subs.push(this.route.fragment.subscribe(fragment => {

      setTimeout(() => {

        this.goTo(fragment);

      }, 100);

    }));

  }

  goTo(id: string) {

    const yOffset = -100;

    const element = document.getElementById(id);

    if(element) {

      const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;

      window.scrollTo({top: y, behavior: 'smooth'});

    }

  }

  public ngOnDestroy() {

    for (let sub of this.subs) {

      sub.unsubscribe();

    }

  }

}