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 {SearchProjectsService} from '../../services/searchProjects.service';

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

import {ErrorCodes} from '../../utils/properties/errorCodes';

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

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

import {SearchUtilsClass } from '../searchUtils/searchUtils.class';

import{EnvProperties} from '../../utils/properties/env-properties';

@Component({

    selector: 'search-projects',

    template: `

    <search-page pageTitle="Search Projects"

                formPlaceholderText = "Search for Projects"

                 type="projects" entityType="project" [(filters)] = "filters"

                 [(results)] = "results" [(searchUtils)] = "searchUtils"

                 [baseUrl] = "baseUrl" (queryChange)="queryChanged($event)"

                 [csvParams]="csvParams" csvPath="projects" advancedSearchLink="/search/advanced/projects"

                 [disableForms]="disableForms"

                 [loadPaging]="loadPaging"

                 [oldTotalResults]="oldTotalResults"

                 [piwikSiteId]=piwikSiteId

                 searchFormClass="projectsSearchForm">

    </search-page>

     `

})

export class SearchProjectsComponent {

  private errorCodes: ErrorCodes;

@Input() piwikSiteId = null;

  public results =[];

  public filters: Filter[] =[];

  public baseUrl:string;

  public searchUtils:SearchUtilsClass = new SearchUtilsClass();

  public sub: any;

  public subResults: any;

  public searchFields:SearchFields = new SearchFields();

  public refineFields: string[] =  this.searchFields.PROJECT_REFINE_FIELDS;

  public fieldIdsMap = this.searchFields.PROJECT_FIELDS;

  public urlParams : Map<string, string>;

  public _location:Location;

  public csvParams: string;

  public disableForms: boolean = false;

  public loadPaging: boolean = true;

  public oldTotalResults: number = 0;

  pagingLimit = 0;

properties: EnvProperties;

  @ViewChild (SearchPageComponent) searchPage : SearchPageComponent ;

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

    console.info(" constructor SearchProjectsComponent "+this.refineFields.length);

    this.errorCodes = new ErrorCodes();

    this.searchUtils.status = this.errorCodes.LOADING;

    this.searchUtils.page =1;

  }

  public ngOnInit() {

    this.route.data

      .subscribe((data: { envSpecific: EnvProperties }) => {

        this.properties = data.envSpecific;

        this.baseUrl = data.envSpecific.searchLinkToProjects;

        this.pagingLimit = data.envSpecific.pagingLimit;

      });

    this.searchPage.refineFields = this.refineFields;

    this.searchPage.fieldIdsMap = this.fieldIdsMap;

    console.info(" ngOnInit SearchProjectsComponent "+this.refineFields.length);

    //get refine field filters  from url parameters

    var firstLoad = true;

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

      if(params['page'] && this.searchUtils.page != params['page']) {

        this.loadPaging = false;

        this.oldTotalResults = this.searchUtils.totalResults;

      }

      //get keyword from url parameters

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

      var refine = true;

      if(this.searchUtils.page != ((params['page']=== undefined)?1:+params['page']) && this.filters && !firstLoad){

        refine = false;

      }

      firstLoad = false;

      //get page from url parameters

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

      this.searchUtils.size = (params['size']=== undefined)?10:+params['size'];

      if(this.searchUtils.size != 5 && this.searchUtils.size != 10 && this.searchUtils.size != 20 && this.searchUtils.size != 50) {

        this.searchUtils.size = 10;

      }

      var queryParameters = this.searchPage.getQueryParametersFromUrl(params);

      this._getResults(queryParameters, refine, this.searchUtils.page, this.searchUtils.size);

    });

  }

  public ngOnDestroy() {

    if(this.sub){

      this.sub.unsubscribe();

    }

    if(this.subResults){

      this.subResults.unsubscribe();

    }

  }

  public getResults(keyword:string,refine:boolean, page: number, size: number){

    var parameters = "";

    if(keyword.length > 0){

      parameters = "q="+keyword;

    }

    this._getResults(parameters,refine,page,this.searchUtils.size);

  }

  private _getResults(parameters:string,refine:boolean, page: number, size: number){

    if(page > this.pagingLimit) {

      size=0;

    }

    if(page <= this.pagingLimit || this.searchUtils.status == this.errorCodes.LOADING) {

      this.csvParams = parameters;

      this.searchUtils.status = this.errorCodes.LOADING;

      //this.searchPage.openLoading();

      this.disableForms = true;

      this.results = [];

      this.searchUtils.totalResults = 0;

      this.subResults = this._searchProjectsService.searchProjects(parameters,(refine)?this.searchPage.getRefineFieldsQuery():null, page, size, this.searchPage.getFields(), this.properties).subscribe(

        data => {

            this.searchUtils.totalResults = data[0];

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

            this.results = data[1];

            if(refine){

              this.filters = data[2];

            }

            this.searchPage.checkSelectedFilters(this.filters);

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

            this.searchPage.updateBaseUrlWithParameters(this.filters);

            //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);

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

            // if( ){

            //   this.searchUtils.status = ErrorCodes.ERROR;

            // }

            //var errorCodes:ErrorCodes = new ErrorCodes();

            //this.searchUtils.status = errorCodes.ERROR;

            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;

        }

      );

    }

  }

  public getResultsForDataproviders(id:string, page: number, size: number){

    this._searchProjectsService.getProjectsforDataProvider(id, page, size, this.properties).subscribe(

        data => {

            this.searchUtils.totalResults = data[0];

            console.info("search Projects for Dataproviders: [Id:"+id+" ]  [total results:"+this.searchUtils.totalResults+"]");

            this.results = data[1];

            //var errorCodes:ErrorCodes = new ErrorCodes();

            this.searchUtils.status = this.errorCodes.DONE;

            if(this.searchUtils.totalResults == 0 ){

              this.searchUtils.status = this.errorCodes.NONE;

            }

        },

        err => {

            console.log(err);

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

            // if( ){

            //   this.searchUtils.status = ErrorCodes.ERROR;

            // }

            //var errorCodes:ErrorCodes = new ErrorCodes();

            //this.searchUtils.status = errorCodes.ERROR;

            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;

            }

        }

    );

  }

  public queryChanged($event) {

    this.loadPaging = true;

    this.urlParams = undefined;

    var parameters = $event.value;

    this._getResults(parameters, true, this.searchUtils.page, this.searchUtils.size);

  }

}