Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { LANG } from '../../translate.component';
import { AppService } from '../../../service/app.service';
import { FunctionsService } from '../../../service/functions.service';
import { Observable } from 'rxjs';
import { FormControl } from '@angular/forms';
import { startWith, map } from 'rxjs/operators';
import { LatinisePipe } from 'ngx-pipes';
@Component({
selector: 'app-criteria-tool',
templateUrl: "criteria-tool.component.html",
styleUrls: ['criteria-tool.component.scss'],
providers: [AppService]
})
export class CriteriaToolComponent implements OnInit {
lang: any = LANG;
criteria: any = {
resource: [
{
id : 'resourceField',
label: 'Recherche par sujet / numéro chrono',
control : new FormControl()
},
{
id : 'contactField',
label: 'Recherche par contact',
control : new FormControl()
},
],
attachment: [],
contact: []
}
currentCriteria: any = [];
filteredCriteria: any = {};
searchCriteria = new FormControl();
@ViewChild('searchCriteriaInput', { static: false }) searchCriteriaInput: ElementRef;
constructor(
public http: HttpClient,
public appService: AppService,
public functions: FunctionsService,
private latinisePipe: LatinisePipe) { }
ngOnInit(): void {
this.currentCriteria.push(this.criteria.resource[0]);
Object.keys(this.criteria).forEach(keyVal => {
this.filteredCriteria[keyVal] = {};
this.filteredCriteria[keyVal] = new Observable<string[]>();
this.filteredCriteria[keyVal] = this.searchCriteria.valueChanges
.pipe(
startWith(''),
map(value => this._filter(value, keyVal))
);
});
}
private _filter(value: string, type: string): string[] {
if (typeof value === 'string') {
const filterValue = this.latinisePipe.transform(value.toLowerCase());
return this.criteria[type].filter((option: any) => this.latinisePipe.transform(option['label'].toLowerCase()).includes(filterValue));
} else {
return this.criteria[type];
}
}
isCurrentCriteria(criteriaId: string) {
return this.currentCriteria.filter((currCrit: any) => currCrit.id === criteriaId).length > 0;
}
addCriteria(criteria: any) {
this.currentCriteria.push(criteria);
this.searchCriteria.reset();
this.searchCriteriaInput.nativeElement.blur();
}
removeCriteria(index: number) {
this.currentCriteria.splice(index, 1);
}
getSearchUrl() {
let arrUrl: any[] = [];
this.currentCriteria.forEach((crit: any) => {
if (!this.functions.empty(crit.control.value)) {
arrUrl.push(`${crit.id}=${crit.control.value}`);
}
});
console.log(arrUrl.join('&'));
}
}