openaire-library/utils/rangeFilter/rangeFilter.component.ts

53 lines
1.4 KiB
TypeScript

import {Component, Input, Output, EventEmitter} from '@angular/core';
import { RangeFilter } from './rangeFilterHelperClasses.class';
import { Dates } from "../string-utils.class";
@Component({
selector: 'range-filter',
templateUrl: 'rangeFilter.component.html'
})
export class RangeFilterComponent {
@Input() filter:RangeFilter;
@Input() isDisabled:boolean = false;
public _maxCharacters:number =28;
public focusedInput: string = "";
public yearMin: number = Dates.yearMin;
public yearMax: number = Dates.yearMax;
public currentYear: number = Dates.currentYear;
@Output() onFilterChange = new EventEmitter();
constructor() {}
ngOnInit() {}
public _formatTitle(title){
return ((title.length > this._maxCharacters)?(title.substring(0,(this._maxCharacters - ('...').length))+"..."):title);
}
yearChanged(yearsSelected: number = null){
if(yearsSelected != null) {
this.filter.selectedFromValue = (this.currentYear - yearsSelected) + "";
this.filter.selectedToValue = this.currentYear + "";
}
this.onFilterChange.emit({
value: this.filter
});
}
clearFilter() {
this.filter.selectedFromValue = null;
this.filter.selectedToValue = null;
this.onFilterChange.emit({
value: this.filter
});
}
getFilterName(value){
let name = value.name +" ("+ value.number.format()+")";
return name;
}
}