D-Net

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

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

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

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

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

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

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

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

import {Subscriber} from "rxjs";

@Component({

  selector: 'learn-how',

  styleUrls: ['learn-how.component.css'],

  templateUrl: 'learn-how.component.html',

})

export class LearnHowComponent {

  public pageContents = null;

  public divContents = null;

  public url: string = null;

  public pageTitle: string = "OpenAIRE - Monitor | Learn How";

  public description: string = "Learn the process: Use the Monitor Dashboard to view your research results, open science. See how it works. Simplify research tracking & monitoring ";

  properties: EnvProperties;

  subscriptions = [];

  constructor(

    private route: ActivatedRoute,

    private _router: Router,

    private _meta: Meta,

    private _title: Title,

    private seoService: SEOService,

    private _piwikService: PiwikService,

    private helper: HelperService) {

  }

  public ngOnInit() {

    this.properties = properties;

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

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

    }

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

    this.seoService.createLinkForCanonicalURL(this.url);

    this.updateUrl(this.url);

    this.updateTitle(this.pageTitle);

    this.updateDescription("OpenAIRE - Monitor, Funders, Statistics, EC - Learn How");``

    //this.getDivContents();

    //this.getPageContents();

  }

  private getPageContents() {

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

      this.pageContents = contents;

    }));

  }

  private getDivContents() {

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

      this.divContents = contents;

    }));

  }

  ngOnDestroy() {

    this.subscriptions.forEach(subscription => {

      if (subscription instanceof Subscriber) {

        subscription.unsubscribe();

      }

    });

  }

  private updateDescription(description: string) {

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

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

  }

  private updateTitle(title: string) {

    var _title = ((title.length > 50) ? title.substring(0, 50) : title);

    this._title.setTitle(_title);

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

  }

  private updateUrl(url: string) {

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

  }

}