D-Net

import {Component, Input, Output, EventEmitter, ViewChild} from '@angular/core';

import {Observable}       from 'rxjs/Observable';

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

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

import { SearchPublicationsComponent } from '../simple/searchPublications.component';

import { SearchDataprovidersComponent } from '../simple/searchDataproviders.component';

import { SearchProjectsComponent } from '../simple/searchProjects.component';

import { SearchDatasetsComponent } from '../simple/searchDatasets.component';

import { SearchOrganizationsComponent } from '../simple/searchOrganizations.component';

import { SearchPeopleComponent } from '../simple/searchPeople.component';

import {SearchPublicationsService} from '../../services/searchPublications.service';

import {SearchDataprovidersService} from '../../services/searchDataproviders.service';

import {SearchProjectsService} from '../../services/searchProjects.service';

import {SearchDatasetsService} from '../../services/searchDatasets.service';

import {SearchPeopleService} from '../../services/searchPeople.service';

import {SearchOrganizationsService} from '../../services/searchOrganizations.service';

import {OpenaireProperties} from '../../utils/properties/openaireProperties';

@Component({

    selector: 'search-find',

    template: `

    <div  class="container">

      <div class="page-header">

          <h1>{{pageTitle}}</h1>

      </div>

      <div >

            <search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)"></search-form>

            <div *ngIf = "keyword.length > 0"  class="container">

               <ul class="nav nav-tabs">

                   <li (click)="searchPublications()">

                       <a data-toggle="tab" href="#pubsTab">

                           Publications ({{searchPublicationsComponent.totalResults}})

                       </a>

                   </li>

                   <li (click)="searchDatasets()">

                       <a data-toggle="tab" href="#dataTab">

                           Datasets ({{searchDatasetsComponent.totalResults}})

                       </a>

                   </li>

                   <li (click)="searchProjects()">

                       <a data-toggle="tab" href="#projectsTab">

                           Projects ({{searchProjectsComponent.totalResults}})

                       </a>

                   </li>

                   <li (click)="searchDataProviders()">

                       <a data-toggle="tab" href="#dataProviderTab">

                           Data Providers ({{searchDataProvidersComponent.totalResults}})

                       </a>

                   </li>

                   <li (click)="searchOrganizations()">

                       <a data-toggle="tab" href="#organizationsTab"  >

                           Organizations ({{searchOrganizationsComponent.totalResults}})

                       </a>

                   </li>

                   <li (click)="searchPeople()">

                       <a data-toggle="tab" href="#peopleTab" >

                           People ({{searchPeopleComponent.totalResults}})

                       </a>

                   </li>

                </ul>

                <div class="tab-content">

                    <div id="pubsTab" class="tab-pane fade in active panel-body">

                      <div class = "text-right" *ngIf = "searchPublicationsComponent.totalResults > 10" ><a [href] = "linkToSearchPublications" >View all {{searchPublicationsComponent.totalResults}} results</a></div>

                      <search-result [(results)]="searchPublicationsComponent.results" [(status)]= "searchPublicationsComponent.status"></search-result>

                    </div>

                    <div id="dataTab" class="tab-pane fade in  panel-body" >

                      <div class = "text-right" *ngIf = "searchDatasetsComponent.totalResults > 10" ><a [href] = "linkToSearchDatasets" >View all {{searchDatasetsComponent.totalResults}} results</a></div>

                      <search-result [(results)]="searchDatasetsComponent.results" [(status)]= "searchDatasetsComponent.status"></search-result>

                    </div>

                    <div id="projectsTab" class="tab-pane fade in  panel-body"  >

                      <div class = "text-right" *ngIf = "searchProjectsComponent.totalResults > 10" ><a [href] = "linkToSearchProjects" >View all {{searchProjectsComponent.totalResults}} results</a></div>

                      <search-result [(results)]="searchProjectsComponent.results" [(status)]= "searchProjectsComponent.status"></search-result>

                    </div>

                    <div id="dataProviderTab" class="tab-pane fade in  panel-body"  >

                    <div class = "text-right" *ngIf = "searchDataProvidersComponent.totalResults > 10" ><a [href] = "linkToSearchDataproviders" >View all {{searchDataProvidersComponent.totalResults}} results</a></div>

                    <search-result [(results)]="searchDataProvidersComponent.results" [(status)]= "searchDataProvidersComponent.status"></search-result>

                    </div>

                    <div id="organizationsTab" class="tab-pane fade in  panel-body"  >

                    <div class = "text-right" *ngIf = "searchOrganizationsComponent.totalResults > 10" ><a [href] = "linkToSearchOrganizations" >View all {{searchOrganizationsComponent.totalResults}} results</a></div>

                    <search-result [(results)]="searchOrganizationsComponent.results" [(status)]= "searchOrganizationsComponent.status"></search-result>

                    </div>

                    <div id="peopleTab" class="tab-pane fade in  panel-body" >

                    <div class = "text-right" *ngIf = "searchPeopleComponent.totalResults > 10" ><a [href] = "linkToSearchPeople" >View all {{searchPeopleComponent.totalResults}} results</a></div>

                    <search-result [(results)]="searchPeopleComponent.results" [(status)]= "searchPeopleComponent.status"></search-result>

                    </div>

                </div>

      </div>

    </div>

    `

})

export class SearchComponent {

  private sub: any;

  private subPublicationsCount: any;

  private subDatasetsCount: any;

  private subProjectsCount: any;

  private subDataprovidersCount: any;

  private subOrganizationsCount: any;

  private subPeopleCount: any;

  private reloadPublications: boolean;

  private reloadDatasets: boolean;

  private reloadProjects: boolean;

  private reloadDataproviders: boolean;

  private reloadOrganizations: boolean;

  private reloadPeople: boolean;

  private pageTitle = "Search in OpenAIRE"

  private keyword:string = "";

  private publications:string[];

  private datasets:string[];

  private projectsTab:string[];

  private dataproviders:string[];

  private organizations:string[];

  private people:string[];

  private activeTab = "publications";

  private linkToSearchPublications = "";

  private linkToSearchProjects = "";

  private linkToSearchDataproviders = "";

  private linkToSearchDatasets = "";

  private linkToSearchOrganizations = "";

  private linkToSearchPeople = "";

  private searchPublicationsComponent : SearchPublicationsComponent;

  private searchDataProvidersComponent : SearchDataprovidersComponent;

  private searchProjectsComponent : SearchProjectsComponent;

  private searchDatasetsComponent: SearchDatasetsComponent;

  private searchOrganizationsComponent: SearchOrganizationsComponent;

  private searchPeopleComponent: SearchPeopleComponent;

private subPub;private subData;private subProjects;private subOrg;private subPeople; private subDataPr;

  constructor ( private route: ActivatedRoute,

      private _searchPublicationsService: SearchPublicationsService,

      private _searchDataprovidersService: SearchDataprovidersService,

      private _searchProjectsService: SearchProjectsService,

      private _searchDatasetsService: SearchDatasetsService,

      private _searchOrganizationsService: SearchOrganizationsService,

      private _searchPeopleService: SearchPeopleService,

      private location: Location ) {

    this.searchPublicationsComponent = new SearchPublicationsComponent(this.route, this._searchPublicationsService);

    this.searchDataProvidersComponent = new SearchDataprovidersComponent(this.route,this._searchDataprovidersService);

    this.searchProjectsComponent = new SearchProjectsComponent(this.route, this._searchProjectsService);

    this.searchDatasetsComponent = new SearchDatasetsComponent(this.route, this._searchDatasetsService);

    this.searchOrganizationsComponent = new SearchOrganizationsComponent(this.route, this._searchOrganizationsService);

    this.searchPeopleComponent = new SearchPeopleComponent(this.route, this._searchPeopleService);

  }

  private ngOnInit() {

    this.sub =  this.route.queryParams.subscribe(params => {

      this.keyword = (params['keyword'])?params['keyword']:"";

      if(this.keyword !=null && this.keyword.length > 0){

          this.reloadTabs();

          this.searchPublications();

          this.count();

      }

    });

  }

  private ngOnDestroy() {

    this.sub.unsubscribe();

    if(this.keyword !=null && this.keyword.length > 0){

        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.subPeople){

          this.subPeople.unsubscribe();

        }

        if(this.subDataPr){

          this.subDataPr.unsubscribe();

        }

        this.subPublicationsCount.unsubscribe();

        this.subDatasetsCount.unsubscribe();

        this.subProjectsCount.unsubscribe();

        //this.subDataprovidersCount.unsubscribe();

        this.subOrganizationsCount.unsubscribe();

        this.subPeopleCount.unsubscribe();

    }

  }

  private searchPublications() {

    this.activeTab = "publications";

    if(this.reloadPublications) {

        this.reloadPublications = false;

        this.searchPublicationsComponent.getResults(this.keyword, false, 1, 10);

        this.linkToSearchPublications = OpenaireProperties.getLinkToSearchPublications() + "?keyword="  + this.keyword;

    }

   }

   private searchDatasets() {

     this.activeTab = "datasets";

     if(this.reloadDatasets) {

         this.reloadDatasets = false;

         this.searchDatasetsComponent.getResults(this.keyword, false, 1, 10);

         this.linkToSearchDatasets = OpenaireProperties.getLinkToSearchDatasets() + "?keyword="  + this.keyword;

     }

   }

   private  searchProjects() {

     this.activeTab = "projects";

     if(this.reloadProjects) {

         this.reloadProjects = false;

         this.searchProjectsComponent.getResults(this.keyword, false, 1, 10);

         this.linkToSearchProjects = OpenaireProperties.getLinkToSearchProjects() + "?keyword="  + this.keyword;

     }

   }

   private  searchDataProviders() {

     this.activeTab = "datproviders";

     if(this.reloadDataproviders) {

         this.reloadDataproviders = false;

         this.searchDataProvidersComponent.getResults(this.keyword, false, 1, 10);

         this.linkToSearchDataproviders = OpenaireProperties.getLinkToSearchDataProviders() + "?keyword="  + this.keyword;

     }

   }

   private searchOrganizations() {

     this.activeTab = "organizations";

     if(this.reloadOrganizations) {

         this.reloadOrganizations = false;

         this.searchOrganizationsComponent.getResults(this.keyword, false, 1, 10);

         this.linkToSearchOrganizations = OpenaireProperties.getLinkToSearchOrganizations() + "?keyword="  + this.keyword;

     }

   }

   private  searchPeople() {

     this.activeTab = "people";

     if(this.reloadPeople) {

         this.reloadPeople = false;

         this.searchPeopleComponent.getResults(this.keyword, false, 1, 10);

         this.linkToSearchPeople = OpenaireProperties.getLinkToSearchPeople() + "?keyword="  + this.keyword;

     }

   }

   private keywordChanged($event){

    this.keyword = $event.value;

    console.info("Search Find: search with keyword \"" +  this.keyword + "\"" );

    if(location.pathname.indexOf("search/find") ==-1){

      this.location.go(location.pathname+"search/find","?keyword="  + this.keyword);

    }else{

      this.location.go(location.pathname,"?keyword="  + this.keyword);

    }

    //unsubscribeSearch();

    this.reloadTabs();

    if(this.activeTab == "publications") {

        this.searchPublications();

    }

    if(this.activeTab == "projects") {

        this.searchProjects();

    }

    if(this.activeTab == "datasources") {

        this.searchDataProviders();

    }

    if(this.activeTab == "datasets") {

        this.searchDatasets();

    }

    if(this.activeTab == "organizations") {

        this.searchOrganizations();

    }

    if(this.activeTab == "people") {

        this.searchPeople();

    }

    this.count();

   }

   private count() {

       this.subPublicationsCount = this.route.queryParams.subscribe(params => {

           this.subPub = this._searchPublicationsService.numOfSearchPublications(this.keyword).subscribe(

             data => {

                 this.searchPublicationsComponent.totalResults = data;

             },

             err => {

       		    console.error(err);

       		 }

           );

       })

       this.subDatasetsCount = this.route.queryParams.subscribe(params => {

           this.subData = this._searchDatasetsService.numOfSearchDatasets(this.keyword).subscribe(

             data => {

                 this.searchDatasetsComponent.totalResults = data;

             },

             err => {

                 console.error(err);

              }

           );

       })

       this.subProjectsCount = this.route.queryParams.subscribe(params => {

          this.subProjects = this._searchProjectsService.numOfSearchProjects(this.keyword).subscribe(

             data => {

                 this.searchProjectsComponent.totalResults = data;

             },

             err => {

                 console.error(err);

              }

           );

       })

       this.searchDataProvidersComponent.getNumForSearch(this.keyword);

       this.subOrganizationsCount = this.route.queryParams.subscribe(params => {

            this.subOrg = this._searchOrganizationsService.numOfSearchOrganizations(this.keyword).subscribe(

             data => {

                 this.searchOrganizationsComponent.totalResults = data;

             },

             err => {

                 console.error(err);

              }

           );

       })

       this.subPeopleCount = this.route.queryParams.subscribe(params => {

          this.subPeople =  this._searchPeopleService.numOfSearchPeople(this.keyword).subscribe(

             data => {

                 this.searchPeopleComponent.totalResults = data;

             },

             err => {

                 console.error(err);

              }

           );

       })

   }

   private reloadTabs() {

       this.reloadPublications = true;

       this.reloadDatasets = true;

       this.reloadProjects = true;

       this.reloadDataproviders = true;

       this.reloadOrganizations = true;

       this.reloadPeople = true;

   }

}