argos/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-composite-field/form-composite-field.component.ts

import { Component, Input, OnInit } from '@angular/core';
import { FormArray, FormGroup } from '@angular/forms';
import { DatasetDescriptionCompositeFieldEditorModel, DatasetDescriptionFieldEditorModel } from '../../dataset-description-form.model';
import { VisibilityRulesService } from '../../visibility-rules/visibility-rules.service';

@Component({
	selector: 'app-form-composite-field',
	templateUrl: './form-composite-field.component.html',
	styleUrls: ['./form-composite-field.component.scss']
})
export class FormCompositeFieldComponent implements OnInit {

	@Input() compositeField: DatasetDescriptionCompositeFieldEditorModel;
	form: FormGroup;
	trackByFn = (index, item) => item ? item['id'] : null;

	constructor(
		private visibilityRulesService: VisibilityRulesService,
		//private markForConsiderationService: MarkForConsiderationService,
	) {
	}

	ngOnInit() {
		if (this.compositeField) {
			this.form = this.visibilityRulesService.getFormGroup(this.compositeField.id);
		}
	}

	addMultipleField(fieldIndex: number) {
		const field: DatasetDescriptionFieldEditorModel = 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());
	}

	// markForConsideration() {
	// 	this.markForConsiderationService.markForConsideration(this.compositeField);
	// }
}