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
|
import {Component, Input, OnInit} from '@angular/core';
import {FormControl, FormGroup, Validators} from "@angular/forms";
import {DynamicInput, DynamicMultiSelect, DynamicNumber, DynamicSelect} from "../../models/dynamicInput";
@Component({
selector: 'dynamic-inputs',
templateUrl: './dynamic-inputs.html',
styleUrls: ['./dynamic-inputs.scss']
})
export class DynamicInputsComponent implements OnInit{
@Input() public list:any[] = [];
@Input() public group: FormGroup;
private dynamicList:DynamicInput<any>[] = [];
isDynamicNumber(item: any): item is DynamicNumber {
return item;
}
buildValidators(item: DynamicInput<any>) {
let validatorArr = [];
item.maxLength && validatorArr.push(Validators.maxLength(item.maxLength));
item.minLength && validatorArr.push(Validators.minLength(item.minLength));
if(this.isDynamicNumber(item)) {
item.max && validatorArr.push(Validators.max(item.max));
item.min && validatorArr.push(Validators.min(item.min));
}
return Validators.compose(validatorArr);
}
ngOnInit(): void {
this.list.forEach((item)=> {
let dynamicItem: DynamicInput<any>;
switch (item.type) {
case 'multi_select':
item.optionList.forEach(function(option) { option.id = option.id||option.name;
option.itemName = option.name;});
item.settings = {
disabled: !item.isEnabled,
text: item.prompt,
};
dynamicItem = new DynamicMultiSelect(item);
break;
case 'select':
let defaultValue:any = item.optionList.find((option) => option.isDataLoading && option.name);
item.value = defaultValue && defaultValue.id;
dynamicItem = new DynamicSelect(item);
break;
case 'boolean':
item.value = item.value || false;
item.optionList = [{name: true, isPermitted: true, isDataLoading: item.value}, {name: false, isPermitted: true, isDataLoading: !item.value}];
dynamicItem = new DynamicSelect(item);
break;
case 'number':
dynamicItem = new DynamicNumber(item);
break;
case 'file':
dynamicItem = new DynamicInput<any>(item);
break;
case 'checkbox':
dynamicItem = new DynamicInput<boolean>(item);
break;
case 'map':
item.prompt = "{<key1>: <value1>,\.\.\.,<keyN>: <valueN>}";
dynamicItem = new DynamicInput<string>(item);
break;
case 'list':
item.prompt = "[<value1>,...,<valueN>]";
dynamicItem = new DynamicInput<string>(item);
break;
default: dynamicItem = new DynamicInput<string>(item);
}
this.dynamicList.push(dynamicItem);
this.group.addControl(dynamicItem.name, new FormControl({value: dynamicItem.value, disabled: !dynamicItem.isEnabled}, this.buildValidators(dynamicItem)));
})
}
}
|
