D-Net

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

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

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

import { Filter, Value} from './searchUtils/searchHelperClasses.class';

// import {RefineResultsService} from '../services/servicesUtils/refineResuts.service';

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

import {SearchResult}     from '../utils/entities/searchResult';

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

import {SearchFields} from '../utils/properties/searchFields';

import {SearchPageComponent } from './searchUtils/searchPage.component';

@Component({

    selector: 'search-projects',

    template: `

    <search-page pageTitle="Search Projects" type="project" [(filters)] = "filters"

                 [(results)] = "results" [(totalResults)] = "totalResults" [(keyword)] = "keyword"

                 [(page)] = "page" [(size)] = "size" [(status)] = "status"   [baseUrl] = "baseUrl" (queryChange)="queryChanged($event)"  >

    </search-page>

     `

})

export class SearchProjectsComponent {

  public results =[];

  private filters: Filter[] =[];

  public totalResults:number  = 0 ;

  public status:number;

  private baseUrl:string;

  private keyword = '';

  private page :number = 1;

  private size :number = 10;

  private sub: any;

  private refineFields = [];

  private searchFields:SearchFields = new SearchFields();

  private urlParams : Map<string, string>  ;

  private _location:Location;

  @ViewChild (SearchPageComponent) searchPage : SearchPageComponent ;

  constructor (private route: ActivatedRoute, private _searchProjectsService: SearchProjectsService) {

    var errorCodes:ErrorCodes = new ErrorCodes();

    this.status =errorCodes.LOADING;

    this.baseUrl = OpenaireProperties.getLinkToSearchProjects();

    this.refineFields = this.searchFields.getPROJECT_FIELDS();

    if(!this.searchPage){

      this.searchPage = new SearchPageComponent(this._location);

    }

  }

  private ngOnInit() {

    this.searchPage.refineFields = this.refineFields;

    console.info("Here:: init pr"+this.refineFields.length);

    //get refine field filters  from url parameters

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

        //get keyword from url parameters

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

        //get page from url parameters

        this.page = (params['page']=== undefined)?1:+params['page'];

         this.searchPage.getSelectedFiltersFromUrl(params);

        this.getResults(this.keyword, this.page, this.size);

    });

  }

  private ngOnDestroy() {

    this.sub.unsubscribe();

  }

  public getResults(parameters:string, page: number, size: number){

    this._searchProjectsService.searchProjects(parameters+this.searchPage.getRefineFieldsQuery(), page, size, this.searchPage.getFields()).subscribe(

        data => {

            this.totalResults = data[0];

            console.info("search Projects: [Parameters:"+parameters+" ]  [total results:"+this.totalResults+"]");

            this.results = data[1];

              this.filters = this.searchPage.checkSelectedFilters(data[2]);

              this.searchPage.updateBaseUrlWithParameters(this.filters);

            var errorCodes:ErrorCodes = new ErrorCodes();

            this.status = errorCodes.DONE;

            if(this.totalResults == 0 ){

              this.status = errorCodes.NONE;

            }

        },

        err => {

            console.error(err);

             //TODO check erros (service not available, bad request)

            // if( ){

            //   this.status = ErrorCodes.ERROR;

            // }

            var errorCodes:ErrorCodes = new ErrorCodes();

            this.status = errorCodes.ERROR;

        }

    );

  }

  private queryChanged($event) {

    this.urlParams = undefined;

    var parameters = $event.value;

    this.getResults(parameters, this.page, this.size);

  }

}