connect/src/app/communities/communities.component.ts

import {Component, Input, Output, EventEmitter}  from '@angular/core';
import {ViewChild, ChangeDetectionStrategy}      from '@angular/core';
import {ViewEncapsulation}                       from '@angular/core';
import {ActivatedRoute, Router}                  from '@angular/router';
import {Location}                                from '@angular/common';

import {Observable}                              from 'rxjs/Observable';
import "rxjs/add/observable/zip";

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

import {PiwikService}                            from '../openaireLibrary/utils/piwik/piwik.service';
import {Meta}                                    from '../openaireLibrary/sharedComponents/metaService';
import {ConfigurationService}                    from '../openaireLibrary/utils/configuration/configuration.service';
import {CommunitiesService}                      from '../openaireLibrary/connect/communities/communities.service';

@Component({
    selector: 'communities',
    templateUrl: 'communities.component.html',
})

export class CommunitiesComponent {
  public piwiksub: any;
  public subfunders: any;

  public pageTitle = "OpenAIRE"
  properties:EnvProperties;

  public communitiesResults = null;

  constructor (
      private route: ActivatedRoute,
      private _router: Router,
      private location: Location, private _meta: Meta,
      private _piwikService:PiwikService,
      private _communitiesService:CommunitiesService,
      private config: ConfigurationService
    ) {
                var description = "open access, research, scientific publication, European Commission, EC, FP7, ERC, Horizon 2020, H2020, search, projects ";
                var title = "OpenAIRE";

                this._meta.setTitle(title);
                this._meta.updateMeta("description", description);
                this._meta.updateProperty("og:description", description);
                this._meta.updateProperty("og:title", title);
        }

        public ngOnInit() {
          this.route.data
              .subscribe((data: { envSpecific: EnvProperties }) => {
                 this.properties = data.envSpecific;
                 var url = data.envSpecific.baseLink+this._router.url
                 this._meta.updateProperty("og:url", url);
                 if(this.properties.enablePiwikTrack && (typeof document !== 'undefined')){
                   this.piwiksub = this._piwikService.trackView(this.properties, "OpenAIRE").subscribe();
                 }

                 this._communitiesService.getCommunities(this.properties.communitiesAPI).subscribe(
                       communitiesResults => {
                             this.communitiesResults = communitiesResults;
                             //console.log(communitiesResults);
                 });
              });
        }

        public ngOnDestroy() {
          if(this.piwiksub){
            this.piwiksub.unsubscribe();
          }
        }
}