/modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchFilter.component.ts - Annotate - D-Net - D-Net project tracking tool

dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchFilter.component.ts @ 59152

-            k.triantaf
+import {
   Component,
   Input,
   Output,
   EventEmitter,
   ViewChild,
   ElementRef,
   OnInit,
   OnChanges,
   SimpleChanges
 } from '@angular/core';
-            argiro.kok
+import { Filter, Value} from './searchHelperClasses.class';
 @Component({
     selector: 'search-filter',
     templateUrl: 'searchFilter.component.html'
 })
-            k.triantaf
+export class SearchFilterComponent implements OnInit, OnChanges{
             argiro.kok
-            konstantin
+  @Input() filter:Filter;
   @Input() showResultCount:boolean = true;
   @Input() isDisabled:boolean = false;
   @Input() addShowMore:boolean = true;
   @Input() showMoreInline: boolean = true;
-            konstantin
+  @Input() filterValuesNum: number = 6;
-            konstantin
+  public showAll:boolean = false;
   public _maxCharacters:number =28;
             argiro.kok
-            konstantin
+  @Output() toggleModal = new EventEmitter();
             argiro.kok
-            konstantin
+  @Output() modalChange = new EventEmitter();
   @Output() onFilterChange = new EventEmitter();
   keyword = "";
-            konstantin
+  sortBy = "name";
             argiro.kok
-            konstantin
+  public isOpen:boolean=false;
             argiro.kok
-            k.triantaf
+    constructor () {
             argiro.kok
-            k.triantaf
+    ngOnInit() {
       this.filter.values = this.filter.values.filter(value => !value.name.toLowerCase().includes('unknown') && !value.name.toLowerCase().includes('not available'));
-            argiro.kok
+      if(this.filter.filterType == "radio"){
-            konstantin
+        this.filter.radioValue = "";
-            argiro.kok
+        this.filter.values.forEach(value => {
           if(value.selected){
             this.filter.radioValue = value.id
+          }
         });
+      }
             k.triantaf
             k.triantaf
     ngOnChanges(changes: SimpleChanges) {
       if(changes.filter) {
         this.filter.values = this.filter.values.filter(value => !value.name.toLowerCase().includes('unknown') && !value.name.toLowerCase().includes('not available'));
-            konstantin
+        if(this.filter.filterType == "radio"){
           this.filter.radioValue = "";
           this.filter.values.forEach(value => {
             if(value.selected){
               this.filter.radioValue = value.id
+            }
           });
+        }
             k.triantaf
+    }
   public _formatTitle(title,length){
-            argiro.kok
+      return (((title+" ("+length+")").length >this._maxCharacters)?(title.substring(0,(this._maxCharacters - (" ("+length+")").length - ('...').length))+"..."):title+" ("+(length>95?"100":length)+")")
             argiro.kok
-            argiro.kok
+    public _formatName(value){
-            konstantin
+      //let maxLineLength = 24;
       let maxLineLength = 35;
-            argiro.kok
+      //1 space after checkbox
       //3 space before number + parenthesis
       if(!this.showResultCount && value.name.length+1 > maxLineLength ){
         return value.name.substr(0, maxLineLength -3 -1)+'...';
+      }
       if(value.name.length+value.number.toLocaleString().length +1 +3> maxLineLength){
         return value.name.substr(0, (maxLineLength- 3 -4 - value.number.toLocaleString().length))+'...';
+      }
       return value.name;
             argiro.kok
             argiro.kok
     filterKeywords(value){
       if(this.keyword.length > 0){
         if(value.toLowerCase().indexOf(this.keyword.toLowerCase()) ==-1){
           return false;
             argiro.kok
             argiro.kok
       return true;
             argiro.kok
     filterChange(selected:boolean){
-            konstantin
+      if(selected){
           this.filter.countSelectedValues++;
       }else{
           this.filter.countSelectedValues--;
+      }
-            konstantin
+      this.onFilterChange.emit({
           value: this.filter
       });
             argiro.kok
-            konstantin
+    uniqueFilterChange(value: Value) {
       let tmp = value.selected;
       value.selected = !tmp;
       if(value.selected){
         this.filter.countSelectedValues++;
       }else{
         this.filter.countSelectedValues--;
+      }
-            argiro.kok
+      this.filter.values.forEach(value => {
           value.selected = (value.id == this.filter.radioValue);
       });
-            konstantin
+      this.onFilterChange.emit({
         value: this.filter
       });
             konstantin
-            konstantin
+    clearFilter() {
       for (var i=0; i < this.filter.values.length; i++){
         this.filter.values[i].selected = false;
+      }
       this.filter.countSelectedValues = 0;
       this.onFilterChange.emit({
         value: this.filter
       });
-            argiro.kok
+      this.filter.radioValue = "";
             konstantin
             konstantin
   getSelectedAndTopValues(filter, topNum: number = 6):any{
     var values = [];
     for (let i=0; i < topNum; i++){
       if(filter.values.length <= i) {
         break;
+      }
       values.push(filter.values[i]);
+    }
     if(filter.countSelectedValues >0){
       for (let i=topNum; i < filter.values.length; i++){
         if(filter.values[i].selected){
           values.push(filter.values[i]);
+        }
+      }
+    }
     return values;
+  }
-            argiro.kok
+    getSelectedValues(filter, sortBy:string = "num"):any{
-            argiro.kok
+      var selected = [];
       if(filter.countSelectedValues >0){
         for (var i=0; i < filter.values.length; i++){
           if(filter.values[i].selected){
             selected.push(filter.values[i]);
+          }
+        }
+      }
-            argiro.kok
+      if(sortBy == "name"){
         selected.sort((n1,n2)=> {
           if (n1.name > n2.name) {
               return 1;
+          }
           if (n1.name < n2.name) {
               return -1;
+          }
           return 0;
         });
+      }
-            argiro.kok
+      return selected;
+    }
-            konstantin
+    getNotSelectedValues(filter, sortBy:string = "num"):any{
-            argiro.kok
+      var notSselected = [];
-            konstantin
+      for (var i=0; i < filter.values.length; i++){
         if(!filter.values[i].selected){
           notSselected.push(filter.values[i]);
             argiro.kok
             konstantin
             argiro.kok
       if(sortBy == "name"){
         notSselected.sort((n1,n2)=> {
           if (n1.name > n2.name) {
               return 1;
+          }
           if (n1.name < n2.name) {
               return -1;
+          }
           return 0;
         });
+      }
-            argiro.kok
+      return notSselected;
+    }
-            konstantin
+    sort(values: Value[]) {
       let sorted: Value[] = values.slice();
       if(this.sortBy == "name"){
         sorted.sort((n1,n2)=> {
           if (n1.name > n2.name) {
             return 1;
+          }
           if (n1.name < n2.name) {
             return -1;
+          }
           return 0;
         });
+      }
       return sorted;
+    }
-            konstantin
+  toggle() {
     this.isOpen = !this.isOpen;
             argiro.kok
-            argiro.kok
+  getFilterName(value){
     let name = value.name +" ("+ value.number.format()+")";
-            konstantin
+    console.log(name);
-            argiro.kok
+    return name;
+  }
             argiro.kok

Project

General

Profile

D-Net