import { Component, Input } from '@angular/core';
import { FormGroup } from '@angular/forms';
import { Field } from '../models/Field';
import { Rule } from '../models/Rule';
import { Multiplicity } from '../models/Multiplicity';
import { FormArray } from '@angular/forms/src/model';

@Component({
  selector: 'field-form',
  templateUrl: './field-form.component.html',
  styleUrls: []
})

export class FieldFormComponent {
@Input() form: FormGroup;
@Input() dataModel: Field;

constructon(){}

ngOnInit(){
  console.log("init field")
 // this.addNewRule();
}

addNewRule(){
  let rule: Rule = new Rule();
  this.dataModel.visible.rules.push(rule);
  (<FormArray>this.form.get("visible").get("rules")).push(rule.buildForm());
}

DeleteRule(index){
  this.dataModel.visible.rules.splice(index);
  (<FormArray>this.form.get("visible").get("rules")).removeAt(index);
}
    
}