2018-05-28 11:50:42 +02:00
|
|
|
import { VisibilityRulesService } from '../../utilities/visibility-rules/visibility-rules.service';
|
2017-11-23 11:40:02 +01:00
|
|
|
import { FieldGroup } from '../../models/FieldGroup';
|
2018-09-06 14:50:38 +02:00
|
|
|
import { Component, Input, OnInit, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
|
2017-12-11 14:47:52 +01:00
|
|
|
import { FormGroup, Validators, FormControl, FormArray } from '@angular/forms';
|
2017-09-14 12:37:36 +02:00
|
|
|
import { NgForm } from '@angular/forms';
|
2017-12-11 14:47:52 +01:00
|
|
|
import { CompositeField } from '../../models/CompositeField';
|
2017-09-14 12:37:36 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: 'df-group',
|
|
|
|
templateUrl: './dynamic-form-group.component.html',
|
2017-12-06 11:35:50 +01:00
|
|
|
styleUrls: ['./dynamic-form-group.component.css'],
|
|
|
|
encapsulation: ViewEncapsulation.None,
|
2017-09-14 12:37:36 +02:00
|
|
|
})
|
|
|
|
export class DynamicFormGroupComponent implements OnInit {
|
2017-11-23 11:40:02 +01:00
|
|
|
@Input() group: FieldGroup
|
2018-09-06 14:50:38 +02:00
|
|
|
form: FormGroup;
|
2017-12-11 14:47:52 +01:00
|
|
|
@Input() pathName: string;
|
2017-10-06 16:33:08 +02:00
|
|
|
|
2017-12-11 14:47:52 +01:00
|
|
|
@Input() path: string;
|
2018-09-18 14:41:24 +02:00
|
|
|
trackByFn = (index, item) => item ? item["id"] : null
|
2018-07-11 15:47:36 +02:00
|
|
|
constructor(public visibilityRulesService: VisibilityRulesService) {
|
2017-09-14 12:37:36 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
ngOnInit() {
|
2018-09-18 14:41:24 +02:00
|
|
|
if (this.group) {
|
|
|
|
this.form = this.visibilityRulesService.getFormGroup(this.group.id)
|
|
|
|
}
|
2017-11-23 11:40:02 +01:00
|
|
|
}
|
2017-10-06 16:33:08 +02:00
|
|
|
|
2017-09-14 12:37:36 +02:00
|
|
|
|
2017-12-11 14:47:52 +01:00
|
|
|
addMultipleField(fieldsetIndex: number) {
|
2017-12-11 16:35:51 +01:00
|
|
|
let compositeField: CompositeField = this.group.compositeFields[fieldsetIndex].cloneForMultiplicity(fieldsetIndex);
|
2017-12-11 14:47:52 +01:00
|
|
|
this.group.compositeFields[fieldsetIndex].multiplicityItems.push(compositeField);
|
|
|
|
(<FormArray>(this.form.get("compositeFields").get('' + fieldsetIndex).get('multiplicityItems'))).push(compositeField.buildForm());
|
|
|
|
}
|
|
|
|
|
2017-11-23 11:40:02 +01:00
|
|
|
addFieldSet() {
|
2017-11-15 15:43:14 +01:00
|
|
|
|
|
|
|
}
|
|
|
|
|
2017-09-14 12:37:36 +02:00
|
|
|
}
|