2018-05-28 11:50:42 +02:00
|
|
|
import { VisibilityRulesService } from '../../utilities/visibility-rules/visibility-rules.service';
|
2018-01-05 18:02:26 +01:00
|
|
|
import { FormGroup, Form, FormArray } from '@angular/forms';
|
2018-10-05 17:00:54 +02:00
|
|
|
import { Component, Input, OnInit, ViewEncapsulation, ChangeDetectionStrategy, AfterViewInit } from '@angular/core';
|
2018-01-08 15:57:21 +01:00
|
|
|
import { CompositeField } from '../../models/CompositeField';
|
2018-05-14 08:44:35 +02:00
|
|
|
import { Section } from '../../models/Section';
|
2018-01-05 18:02:26 +01:00
|
|
|
|
|
|
|
|
2017-11-23 11:40:02 +01:00
|
|
|
@Component({
|
2018-10-05 17:00:54 +02:00
|
|
|
selector: 'app-df-section',
|
|
|
|
templateUrl: './dynamic-form-section.html',
|
|
|
|
styleUrls: [
|
|
|
|
'./dynamic-form-section.css'
|
|
|
|
],
|
|
|
|
encapsulation: ViewEncapsulation.None,
|
2017-12-06 11:35:50 +01:00
|
|
|
})
|
2018-10-05 17:00:54 +02:00
|
|
|
export class DynamicFormSectionComponent implements OnInit, AfterViewInit {
|
2017-11-23 11:40:02 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
@Input() section: Section;
|
|
|
|
form: FormGroup;
|
|
|
|
@Input() pathName: string;
|
|
|
|
@Input() path: string;
|
|
|
|
trackByFn = (index, item) => item ? item['id'] : null;
|
|
|
|
constructor(public visibilityRulesService: VisibilityRulesService) { }
|
2017-11-23 11:40:02 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
ngOnInit() {
|
|
|
|
if (this.section) {
|
|
|
|
this.form = this.visibilityRulesService.getFormGroup(this.section.id);
|
|
|
|
}
|
|
|
|
}
|
2018-09-18 14:41:24 +02:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
ngAfterViewInit() {
|
|
|
|
this.visibilityRulesService.triggerVisibilityEvaluation();
|
|
|
|
}
|
2018-01-05 18:02:26 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
addMultipleField(fieldsetIndex: number) {
|
|
|
|
const compositeField: CompositeField = this.section.compositeFields[fieldsetIndex].cloneForMultiplicity(fieldsetIndex);
|
|
|
|
this.section.compositeFields[fieldsetIndex].multiplicityItems.push(compositeField);
|
|
|
|
(<FormArray>(this.form.get('compositeFields').get('' + fieldsetIndex).get('multiplicityItems'))).push(compositeField.buildForm());
|
|
|
|
}
|
2018-01-05 18:02:26 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
isElementVisible(fieldSet: CompositeField): boolean {
|
|
|
|
if (!fieldSet) { return false; }
|
|
|
|
for (let i = 0; i < fieldSet.fields.length; i++) {
|
|
|
|
if (fieldSet.fields[i]) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
2018-05-28 11:50:42 +02:00
|
|
|
}
|