You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
import { VisibilityRulesService } from '../../utilities/visibility-rules/visibility-rules.service';
|
|
import { CompositeField } from '../../models/CompositeField';
|
|
import { FormGroup, FormArray } from '@angular/forms';
|
|
import { Component, Input, OnInit, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
|
|
import { Field } from '../../models/Field';
|
|
@Component({
|
|
selector: 'df-composite-field',
|
|
templateUrl: './dynamic-form-composite-field.html',
|
|
styleUrls: [
|
|
'./dynamic-form-composite-field.css'
|
|
],
|
|
encapsulation: ViewEncapsulation.None,
|
|
})
|
|
export class DynamicFormCompositeFieldComponent implements OnInit {
|
|
|
|
@Input() compositeField: CompositeField
|
|
form: FormGroup;
|
|
@Input() pathName: string;
|
|
@Input() path: string;
|
|
trackByFn = (index, item) => item ? item["id"] : null
|
|
|
|
constructor(private visibilityRulesService: VisibilityRulesService) {
|
|
}
|
|
|
|
ngOnInit() {
|
|
if (this.compositeField) {
|
|
this.form = this.visibilityRulesService.getFormGroup(this.compositeField.id)
|
|
}
|
|
}
|
|
|
|
|
|
addMultipleField(fieldIndex: number) {
|
|
let field: Field = this.compositeField.fields[fieldIndex].cloneForMultiplicity(fieldIndex, "");
|
|
this.compositeField.fields[fieldIndex].multiplicityItems.push(field);
|
|
(<FormArray>(this.form.get("fields").get('' + fieldIndex).get('multiplicityItems'))).push(field.buildForm());
|
|
}
|
|
}
|