explore-services/explore/src/app/home/home.component.ts

import {Component, Input, Output, EventEmitter, ViewChild, ChangeDetectionStrategy, ViewEncapsulation} from '@angular/core';
import {Observable}       from 'rxjs';
import {ActivatedRoute, Router} from '@angular/router';
import {Location} from '@angular/common';
import "rxjs/add/observable/zip";
import {Title, Meta}                  from '@angular/platform-browser';
import {ConfigurationService} from '../openaireLibrary/utils/configuration/configuration.service';
import {  FetchDataproviders}             from '../openaireLibrary/utils/fetchEntitiesClasses/fetchDataproviders.class';
import {  SearchDataprovidersService} from '../openaireLibrary/services/searchDataproviders.service';
import {  SearchProjectsService} from '../openaireLibrary/services/searchProjects.service';
import {  SearchOrganizationsService} from '../openaireLibrary/services/searchOrganizations.service';
import {  RefineFieldResultsService} from '../openaireLibrary/services/refineFieldResults.service';
import {  SearchFields} from '../openaireLibrary/utils/properties/searchFields';
import {  NumberUtils} from '../openaireLibrary/utils/number-utils.class';

import {  RouterHelper} from '../openaireLibrary/utils/routerHelper.class';
import { EnvProperties} from '../openaireLibrary/utils/properties/env-properties';
import { ErrorCodes} from '../openaireLibrary/utils/properties/errorCodes';
import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.service';
import { SEOService } from '../openaireLibrary/sharedComponents/SEO/SEO.service';
import {SearchResearchResultsService} from "../openaireLibrary/services/searchResearchResults.service";

@Component({
    selector: 'home',
    templateUrl: 'home.component.html',
})
export class HomeComponent {
  public piwiksub: any;
  public subfunders: any;

  // MAX 12 logos in every slide
  public logos = {
    "publication": [
      [
        "PubMed-Logo.png",
        "ArXiv_web.png",
        "BASE_search_engine_logo.png",
        "logo-Scielo.png",
        "lareferencia.png",
        "ssoar_logo.png",
        "repec.png",
        "core.png",
        "zenodo-black-1000.png",
        "narcis.png"
      ],
      [
        "crossref-logo.png",
        "Unpaywall_logo.png",
        "Elsevier_logo_2019.png",
        "Springer_Nature.png",
        "logo-home.png",
        "opencitations.png",
        "doaj-logo1.png",
        "microsoft.png",
        "plos.png",
        "F1000.png",
        "logo_copernicus_publications.png"
      ]
    ],
    "software": [
      [
        "Software-heritage-logo.png",
        "github_PNG23.png",
        "DOEcodeBLUE_300dpi.png",
        "bitbucket-logo.png",
        "sourceforge.png",
        "zenodo-black-1000.png"
      ]
    ],
    "dataset": [
      [
        "zenodo-black-1000.png",
        "datacite.png",
        "pangaea.png",
        "figshare.png",
        "protocols_identity_outline.png",
        "ot-logo-white.png",
        "Kaggle_logo.png",
        "Reactome.png",
        "easy.png",
        "DryadLogo.png"
      ]
    ],
    //"other": [],
    "persistent": [
      [
        "Re3data_Logo_RGB_72dpi.png",
        "ORCID_logo.png",
        "opendoar_logo.png",
        "GRID_rgb1.png"
      ]
    ],
    "funder": [
      [
        "European_Commission.png",
        "NSF.png",
        "logo-miur.png",
        "nhmrc.png",
        "SFI-logo.png",
        "nwo-logo.png",
        "wellcome-logo.png",
        "FCT-logo.png",
        "gsrt_logo_eng.png",
        "fnsnf.png"
      ]
    ]
  };

  public pageTitle = "OpenAIRE";
  public keyword:string = "";

  public searchFields:SearchFields = new SearchFields();
  public errorCodes:ErrorCodes = new ErrorCodes();
  public routerHelper:RouterHelper = new RouterHelper();

  public publicationsSize:any = null;
  public datasetsSize:any = null;
  public softwareSize: any = null;
  public otherSize: any = null;
  public fundersSize:any = null;
  public projectsSize:any = null;
  public datasourcesSize:any = null;

  private numResults: number = 2;
  public fetchDataproviders : FetchDataproviders;

  showPublications:boolean= false;
  showDatasets:boolean= false;
  showSoftware: boolean = false;
  showOrp: boolean = false;
  showProjects:boolean= false;
  showDataProviders:boolean= false;
  properties: EnvProperties;
  public readMore: boolean = false;
public subPub;public subData;public subProjects;public subOrg; public subDataPr;
  public subSoft;
  public subOrp;
  trelloImg: string = 'trello.svg';
  trelloImg2: string = 'trello.svg';
  constructor (
    private route: ActivatedRoute,
      private _router: Router,
      private _searchResearchResultsService: SearchResearchResultsService,
      private _searchDataprovidersService: SearchDataprovidersService,
      private _searchProjectsService: SearchProjectsService,
      private _searchOrganizationsService: SearchOrganizationsService,
      private _refineFieldResultsService:RefineFieldResultsService,
      private location: Location, private _piwikService:PiwikService,
      private config: ConfigurationService, private _meta: Meta, private _title: Title, private seoService: SEOService
    ) {

          var description = "openAIRE explore, open access, publications, research results, European commission, search";

          var title = "OpenAIRE | Explore";

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


          //this.fetchDataproviders = new FetchDataproviders(this._searchDataprovidersService);
  }

  public getKeys(obj: {}) {
    return Object.keys(obj);
  }

  createRange(number){
    var items: number[] = [];
    for(var i = 1; i <= number; i++){
      items.push(i);
    }
    return items;
  }

  public ceil(num: number) {
    return Math.ceil(num);
  }

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

          this.config.getCommunityInformation(this.properties, this.properties.adminToolsCommunity ).subscribe(data => {
                 var showEntity = {};
                 for(var i=0; i< data['entities'].length; i++){

                   showEntity[""+data['entities'][i]["pid"]+""] = data['entities'][i]["isEnabled"];
                 }
                 this.showPublications =  showEntity["publication"];
                 this.showDatasets =   showEntity["dataset"];
                 this.showSoftware = showEntity["software"];
                 this.showOrp = showEntity["orp"];
                 this.showProjects =   showEntity["project"];
                  this.showDataProviders =   showEntity["datasource"];
                  this.getNumbers();
                  // if(this.showDataProviders) {
                  //   this.fetchDataproviders.getResultsForHome(this.numResults, this.properties);
                  // }
               },
                error => {
                  this.handleError("Error getting community information", error);
                }
            );
        }
       });

  }
  public ngOnDestroy() {
    if(this.piwiksub){
      this.piwiksub.unsubscribe();
    }
    if(this.subfunders){
      this.subfunders.unsubscribe();
    }
        if(this.subPub){
          this.subPub.unsubscribe();
        }
        if(this.subData){
          this.subData.unsubscribe();
        }
    //     if(this.subProjects){
    //       this.subProjects.unsubscribe();
    //     }
    //     if(this.subOrg){
    //       this.subOrg.unsubscribe();
    //     }
        if(this.subDataPr){
          this.subDataPr.unsubscribe();
        }

  }

   private getNumbers() {
     if(this.showPublications){
       this.subPub = this._searchResearchResultsService.numOfSearchResults("publication", "", this.properties).subscribe(
               data => {
                  if(data && data != null && data > 0 ){
                      this.publicationsSize = NumberUtils.roundNumber(data);

                  }
               },
               err => {
         		    //console.log(err);
                this.handleError("Error getting number of publications", err);
          		 }
        );
      }
      if(this.showDatasets){
       this.subData = this._searchResearchResultsService.numOfSearchResults("dataset", "", this.properties).subscribe(
             data => {
               if(data && data != null && data > 0 ){
                   this.datasetsSize = NumberUtils.roundNumber(data);
               }
             },
             err => {
                 //console.log(err);
                 this.handleError("Error getting number of research data", err);
               }
         );
       }
     if (this.showSoftware) {
       this.subSoft = this._searchResearchResultsService.numOfSearchResults("software", "", this.properties).subscribe(
         data => {
           if (data && data > 0) {
             this.softwareSize = NumberUtils.roundNumber(data);
           }else{
             this.showSoftware = false;
           }
         },
         err => {
           this.handleError("Error getting number of software data", err);
         }
       );
     }
     if (this.showOrp) {
       this.subOrp = this._searchResearchResultsService.numOfSearchResults("other", "", this.properties).subscribe(
         data => {
           if (data && data > 0) {
             this.otherSize = NumberUtils.roundNumber(data);
           }else{
             this.showOrp = false;
           }
         },
         err => {
           this.handleError("Error getting number of software data", err);
         }
       );
     }
       if(this.showProjects){
         this.subfunders = this._refineFieldResultsService.getRefineFieldsResultsByEntityName(["funder"],"project", this.properties).subscribe(
           data => {


                if(data[0] && data[0] > 0 ){
                  this.projectsSize = NumberUtils.roundNumber(data[0]);
                }
                if(data[1].length > 0 && data[1][0].filterId == "funder" && data[1][0].values ){
                  this.fundersSize = NumberUtils.roundNumber(data[1][0].values.length);
                }

           },
           err => {
               //console.log(err);
               this.handleError("Error getting 'funder' field results of projects", err);
        });
      }
      if(this.showDataProviders){
        this.subDataPr = this._searchDataprovidersService.numOfSearchDataproviders("", this.properties).subscribe(
           data => {
             if(data && data != null && data > 0 ){
                 this.datasourcesSize = NumberUtils.roundNumber(data);
             }

           },
           err => {
               //console.log(err);
               this.handleError("Error getting number of content providers", err);
           }
       );
     }
   }

   private handleError(message: string, error) {
       console.error("Home Page: "+message, error);
   }
}