explore-services/portal-2/src/app/searchPages/searchUtils/advancedSearchPage.component.ts

import {Component, Input, ViewChild, Output, EventEmitter} from '@angular/core';
import {Observable}       from 'rxjs/Observable';
import {Location} from '@angular/common';
 import { Filter, Value} from './searchHelperClasses.class';
import {SearchResult}     from '../../utils/entities/searchResult';

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

    <div class="container">
        <div class="page-header">
            <h1>{{pageTitle}}</h1>
        </div>
        <div>
            <div class="row row-offcanvas row-offcanvas-right">
                <div class="col-xs-12 col-sm-3">
                    <a *ngIf="isFiltered()" (click)="clearFilters()" > Clear Filters</a>
                    <p *ngFor="let filter of filters " >
                        <search-filter [filter]="filter"   (change)="filterChanged($event)"></search-filter>
                    </p>
                </div>

                <div class="col-xs-6 col-sm-9 sidebar-offcanvas" id="sidebar">
                    <advanced-search-form [(fields)]="fields"
                                          [(selectedFields)]="selectedFields"
                                          [(quantifiers)]="quantifiers"
                                          [(selectedQuantifiers)]="selectedQuantifiers"
                                          [(keywords)]="keywords"
                                          (keywordsChange)="keywordsChanged($event)">
                    </advanced-search-form>

                    <div class="text-right" *ngIf="results  && results.length>= size">
                        <paging-no-load [(currentPage)]="page" [totalResults]="totalResults" [size]="size"  (pageChange)="pageChanged($event)" > </paging-no-load>
                    </div>
                    <div>
                        <search-result [results]="results" [page]="page"></search-result>
                    </div>
                </div>
            </div>
        </div>
    </div>

    `
})
export class AdvancedSearchPageComponent {
  @Input() pageTitle = "";
  @Input() results = [];
  @Input() filters = [];
  @Input() type;
  @Input() page:number = 1;
  @Input() size: number = 10;
  @Input() totalResults: number = 0;

  @Input() fields: {"name": string, "value": string}[];
  @Input() selectedFields: {"name": string, "value": string}[];
  @Input() quantifiers: {"name": string, "value": string}[];
  @Input() selectedQuantifiers: {"name": string, "value": string}[];
  @Input() keywords:string[];
  @Output() keywordsChange = new EventEmitter();

  test= { value: 0};

  @Output() queryChange  = new EventEmitter();
  constructor (private location: Location) {

  }

  ngOnInit() {
    console.info("  page  - value: "+this.page);
    this.totalResults = this.results.length;
  }

  private createUrlParameters(){
    var allLimits="";//location.search.slice(1);
    for (let filter of this.filters){
      var filterLimits="";
      if(filter.countSelectedValues > 0){
        for (let value of filter.values){
          if(value.selected == true){
            filterLimits+=((filterLimits.length == 0)?'':',') + value.id;
           }
        }
        allLimits+=((filterLimits.length == 0 )?'':((allLimits.length == 0)?'':'&') +filter.filterId + '='+ filterLimits) ;
      }
    }
    /*if(this.keywords.length > 0 ){
       allLimits+=((allLimits.length == 0)?'':'&') + 'keyword=' + this.keyword;
    }
    if(this.page != 1 ){
       allLimits+=((allLimits.length == 0)?'':'&') + 'page=' + this.page;
   }*/
    return allLimits;
  }
  private createQueryParameters(){
    var allLimits="";
    for (let filter of this.filters){
      if(filter.countSelectedValues > 0){
        var filterLimits="";
        for (let value of filter.values){
          if(value.selected == true){
              if(filter.filterOperator == 'not') {
                  filterLimits+=((filterLimits.length == 0)?'':' and ') + filter.filterId + '<>'+ value.id;
              } else {
                  filterLimits+=((filterLimits.length == 0)?'':' '+filter.filterOperator+' ') + filter.filterId + '='+ value.id;
              }
            //filterLimits+=((filterLimits.length == 0)?'':' and ') + filter.filterId + '='+ value.id;
           }
        }
        allLimits+=((filterLimits.length == 0 )?'':((allLimits.length == 0)?'':' and ')+'('+filterLimits +')') ;
      }
  }


    for(let i=0; i<this.keywords.length; i++){
        var keywords = this.keywords[i];
        if(keywords == '') {
            if(this.keywords.length > 1) {
                this.selectedFields.splice(i, 1);
                this.selectedQuantifiers.splice(i, 1);
                this.keywords.splice(i, 1);
            }
        } else {
            let keyword = keywords.split(" ");
            let keywordLimits="";
            let numOfKeywordLimits = 0;
            for(let j=0; j<keyword.length; j++) {
                numOfKeywordLimits++;
                if(this.selectedQuantifiers[i].value == "not") {
                    keywordLimits+=((keywordLimits.length == 0)?'':' and')+' ('+this.selectedFields[i].value+' <> "'+keyword[j]+'")';
                } else {
                    keywordLimits+=((keywordLimits.length == 0)?'':' '+this.selectedQuantifiers[i].value)+' ('+this.selectedFields[i].value+' = "'+keyword[j]+'")';
                }
            }

            //... and ((resulttitle = "open") or (resulttitle = "access"))
            if(numOfKeywordLimits > 1) {
                allLimits+=((allLimits.length == 0)?'':' and (') + keywordLimits + ' )';
            } else {
                allLimits+=((allLimits.length == 0)?'':' and ') + keywordLimits;
            }
        }
   }
   console.info("QueryParams: "+allLimits);
    return allLimits;
  }
  private isFiltered(){
    var filtered=false;
    for (let filter of this.filters){
       if(filter.countSelectedValues > 0){
           filtered = true;
           break;
       }
   }/*
    if(this.keywords.length > 0 ){
      filtered = true;
  }*/
    return filtered;
  }
  clearFilters(){
    for (let filter of this.filters){
      if(filter.countSelectedValues > 0){
         for (let value of filter.values){
          if(value.selected == true){
            value.selected = false;
           }
        }
        filter.countSelectedValues = 0;
      }
  }/*
    if(this.keywords.length > 0 ){
      this.keywords =[''];
  }*/
  }

  goTo(page:number = 1){
      console.info("goto");
      //console.info("keyword: "+this.keyword);
    this.page = page;
    var urlParameters = this.createUrlParameters();
    var queryParameters = this.createQueryParameters();
    this.location.go(location.pathname,urlParameters);
    this.queryChange.emit({
        value: queryParameters
    });

  }
  filterChanged($event){
      console.info("filterChanged");
      this.goTo(1);
  }
  keywordsChanged($event) {
      console.info("keywordsChanged");
     // this.keyword = $event.value;
     // console.info("searchPage: keyword= "+this.keyword);
     this.keywords = $event.keywords;
     this.selectedFields = $event.selectedFields;
     this.selectedQuantifiers = $event.selectedQuantifiers;
     this.goTo(1);
  }
  pageChanged($event) {
    this.page = +$event.value;
    this.goTo(this.page);
  }

}