import {Component, Input, ViewChild} from '@angular/core';
import {Observable}       from 'rxjs/Observable';
import { Router, ActivatedRoute} from '@angular/router';
import {Filter, Value,AdvancedField} from '../searchUtils/searchHelperClasses.class';
import {SearchProjectsService} from '../../services/searchProjects.service';
import {SearchResult}     from '../../utils/entities/searchResult';
import {OpenaireProperties, ErrorCodes} from '../../utils/properties/openaireProperties';
import {AdvancedSearchPageComponent} from '../searchUtils/advancedSearchPage.component';
import {SearchFields, FieldDetails} from '../../utils/properties/searchFields';
import {SearchUtilsClass } from '../searchUtils/searchUtils.class';

@Component({
    selector: 'advanced-search-projects',
    template: `
    <advanced-search-page pageTitle="Advanced Search for Projects" entityType="project"
                 type = "projects"
                 [(results)] = "results"
                 [(searchUtils)] = "searchUtils"
                 [(fieldIds)]="fieldIds" [(fieldIdsMap)]="fieldIdsMap"   [(selectedFields)]="selectedFields"
                 (queryChange)="queryChanged($event)"
                 [csvParams]="csvParams" csvPath="resources" simpleSearchLink="/search/find/projects"
                 [disableForms]="disableForms"
                 [loadPaging]="loadPaging"
                 [oldTotalResults]="oldTotalResults">
    </advanced-search-page>

    `
 })

export class AdvancedSearchProjectsComponent {
  private errorCodes: ErrorCodes;

  public results =[];
  public filters =[];

  public searchUtils:SearchUtilsClass = new SearchUtilsClass();
  public searchFields:SearchFields = new SearchFields();

  public fieldIds:  string[] = this.searchFields.PROJECT_ADVANCED_FIELDS;
  public fieldIdsMap = this.searchFields.PROJECT_FIELDS;
  public selectedFields:AdvancedField[] =  [];

  @ViewChild (AdvancedSearchPageComponent) searchPage : AdvancedSearchPageComponent ;
  public resourcesQuery = "(oaftype exact project)";
  public csvParams: string;
  public disableForms: boolean = false;
  public loadPaging: boolean = true;
  public oldTotalResults: number = 0;

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

    this.results =[];
    this.errorCodes = new ErrorCodes();
    this.searchUtils.status = this.errorCodes.LOADING;
    this.searchUtils.baseUrl = OpenaireProperties.searchLinkToAdvancedProjects;



  }
  ngOnInit() {
    //var errorCodes:ErrorCodes = new ErrorCodes();
    this.searchUtils.status = this.errorCodes.LOADING;
    this.sub =  this.route.queryParams.subscribe(params => {
      if(params['page'] && this.searchUtils.page != params['page']) {
        this.loadPaging = false;
        this.oldTotalResults = this.searchUtils.totalResults;
      }

      let page = (params['page']=== undefined)?1:+params['page'];
      this.searchUtils.page = ( page <= 0 ) ? 1 : page;
      this.searchPage.fieldIds = this.fieldIds;
      this.selectedFields =[];
      this.searchPage.selectedFields = this.selectedFields;
      this.searchPage.fieldIdsMap = this.fieldIdsMap;
      this.searchPage.getSelectedFiltersFromUrl(params);
      this.getResults(this.searchPage.createQueryParameters(),  this.searchUtils.page, this.searchUtils.size);

    });
  }
  ngOnDestroy() {
    this.sub.unsubscribe();
  }
  sub: any;
  public getResults(parameters:string, page: number, size: number){
      if(parameters!= null && parameters != ''  ) {
        this.csvParams ="&type=projects&query=( "+this.resourcesQuery + "and (" + parameters + "))";
      }else{
        this.csvParams ="&type=projects&query="+this.resourcesQuery;
      }

    //var errorCodes:ErrorCodes = new ErrorCodes();
    this.searchUtils.status = this.errorCodes.LOADING;
    //this.searchPage.openLoading();
    this.disableForms = true;
    this.results = [];
    this.searchUtils.totalResults = 0;

    console.info("Advanced Search for Publications: Execute search query "+parameters);
     this._searchProjectsService.advancedSearchProjects(parameters,  page, size).subscribe(
        data => {
            this.searchUtils.totalResults = data[0];
            console.info("Advanced Search for Projects total="+this.searchUtils.totalResults);
            this.results = data[1];
            this.searchPage.updateBaseUrlWithParameters();
            //var errorCodes:ErrorCodes = new ErrorCodes();
            this.searchUtils.status = this.errorCodes.DONE;
            if(this.searchUtils.totalResults == 0 ){
              this.searchUtils.status = this.errorCodes.NONE;
            }
            //this.searchPage.closeLoading();
            this.disableForms = false;

            if(this.searchUtils.status == this.errorCodes.DONE) {
              // Page out of limit!!!
              let totalPages:any = this.searchUtils.totalResults/(this.searchUtils.size);
              if(!(Number.isInteger(totalPages))) {
                  totalPages = (parseInt(totalPages, 10) + 1);
              }
              if(totalPages < page) {
                this.searchUtils.totalResults = 0;
                this.searchUtils.status = this.errorCodes.OUT_OF_BOUND;
              }
            }
        },
        err => {
            console.log(err);
            console.info("error");
            //TODO check erros (service not available, bad request)
            // if( ){
            //   this.searchUtils.status = errorCodes.ERROR;
            // }
            //var errorCodes:ErrorCodes = new ErrorCodes();
            //this.searchUtils.status = errorCodes.NOT_AVAILABLE;
            if(err.status == '404') {
              this.searchUtils.status = this.errorCodes.NOT_FOUND;
            } else if(err.status == '500') {
              this.searchUtils.status = this.errorCodes.ERROR;
            } else {
              this.searchUtils.status = this.errorCodes.NOT_AVAILABLE;
            }

            //this.searchPage.closeLoading();
            this.disableForms = false;

        }
    );
  }
  private setFilters(){
    //TODO set filters from
  }

  public queryChanged($event) {
    this.loadPaging = true;
    
    var parameters = $event.value;
    this.getResults(parameters, this.searchUtils.page,this.searchUtils.size);
    console.info("queryChanged: Execute search query "+parameters);

  }


}