import {Component, Input, ViewChild} from '@angular/core';
import { ActivatedRoute} from '@angular/router';
import {Location} from '@angular/common';
import {SearchOrganizationsService} from '../../services/searchOrganizations.service';
import {ErrorCodes} from '../../utils/properties/errorCodes';
import {ErrorMessagesComponent}    from '../../utils/errorMessages.component';
import {SearchFields} from '../../utils/properties/searchFields';
import {SearchPageComponent } from '../searchUtils/searchPage.component';
import {SearchCustomFilter, SearchUtilsClass} from '../searchUtils/searchUtils.class';
import{EnvProperties} from '../../utils/properties/env-properties';

@Component({
    selector: 'search-organizations',
    template: `

    <search-page pageTitle="Search Organizations"
                  formPlaceholderText = "Search for Organizations"
                 type="organizations" entityType="organization" [(filters)] = "filters"
                 [(results)] = "results"  [(searchUtils)] = "searchUtils"
                 [baseUrl] = "baseUrl" 
                 [csvParams]="csvParams" csvPath="organizations" advancedSearchLink="/search/advanced/organizations"
                 [disableForms]="disableForms"
                 [loadPaging]="loadPaging"
                 [oldTotalResults]="oldTotalResults"
                 [piwikSiteId]=piwikSiteId
                 [searchFormClass]="customFilter && customFilter.queryFieldName == 'communityId' ? 
                      'communityPanelBackground' : 'organizationsSearchForm'">
    </search-page>

    `

})
export class SearchOrganizationsComponent {
  private errorCodes: ErrorCodes;
  private errorMessages: ErrorMessagesComponent;
@Input() piwikSiteId = null;
  public results =[];
  public filters =[];
  public baseUrl:string;
  public searchUtils:SearchUtilsClass = new SearchUtilsClass();
  public sub: any;
  public subResults: any;
  public searchFields:SearchFields = new SearchFields();
  public refineFields: string[] =  this.searchFields.ORGANIZATION_REFINE_FIELDS;
  public fieldIdsMap = this.searchFields.ORGANIZATION_FIELDS;
  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 ;
  @Input() customFilter:SearchCustomFilter= null;

  constructor (private route: ActivatedRoute, private _searchOrganizationsService: SearchOrganizationsService ) {

    this.errorCodes = new ErrorCodes();
    this.errorMessages = new ErrorMessagesComponent();
    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.searchLinkToOrganizations;
        this.pagingLimit = data.envSpecific.pagingLimit;

      });
    this.searchPage.refineFields = this.refineFields;
    this.searchPage.fieldIdsMap = this.fieldIdsMap;
    var firstLoad = true;
    this.sub =  this.route.queryParams.subscribe(params => {
      this.loadPaging = true;
      if(params['page'] && this.searchUtils.page != params['page']) {
        this.loadPaging = false;
        this.oldTotalResults = this.searchUtils.totalResults;
      }

      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;
      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;
      }

      this.searchPage.customFilter = this.customFilter;
      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._searchOrganizationsService.searchOrganizations(parameters,(refine)?this.searchPage.getRefineFieldsQuery():null, page, size, this.searchPage.getFields(), this.properties).subscribe(
          data => {
              this.searchUtils.totalResults = data[0];
              //console.info("search Organizations: [Parameters:"+parameters+" ]  [total results:"+this.searchUtils.totalResults+"]");
              this.results = data[1];
              if(refine){
                this.filters = data[2];
              }
              this.searchPage.checkSelectedFilters(this.filters);
              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);
              this.handleError("Error getting organizations", err);
              this.searchUtils.status = this.errorMessages.getErrorCode(err.status);

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



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