argos/dmp-admin/src/app/dataset-profile-form/section-form/section-form.component.ts

import { Component, OnInit, Input, ViewEncapsulation } from '@angular/core';
import { FormGroup } from '@angular/forms';
import { Section } from 'app/models/DataSetProfile/Section';
import { FieldGroup } from 'app/models/DataSetProfile/FieldGroup';
import { FormArray } from '@angular/forms/src/model';
import { DatasetProfileModel } from 'app/models/DataSetProfile/DatasetProfileModel';
import { FieldSet } from 'app/models/DataSetProfile/FieldSet';
import { Field } from 'app/models/DataSetProfile/Field';
import { Page } from 'app/models/DataSetProfile/Page';
import { JsonSerializer } from 'app/utilities/JsonSerializer';

@Component({
  selector: 'section-form',
  templateUrl: './section-form.component.html',
  styleUrls: ['./section-form.component.css'],
  encapsulation: ViewEncapsulation.None
})

export class SectionFormComponent {
  @Input() form: FormGroup;
  @Input() dataModel: Section;
  @Input() indexPath: string;

  constructor() { }

  ngOnInit() {
    var self = this;
    this.form.root.get("pages").valueChanges.subscribe(function (value) {
      self.keepPageSelectionValid(value);
    });
  }

  addField() {
    let fieldSet: FieldSet = new FieldSet();
    let field: Field = new Field();
    fieldSet.fields.push(field);
    if (this.dataModel.fieldSets)
      this.dataModel.fieldSets.push(fieldSet);
    (<FormArray>this.form.get("fieldSets")).push(fieldSet.buildForm());
  }

  addSectioninSection() {
    let section: Section = new Section();
    this.dataModel.sections.push(section);
    (<FormArray>this.form.get("sections")).push(section.buildForm());
  }

  DeleteSectionInSection(index) {
    this.dataModel.sections.splice(index);
    (<FormArray>this.form.get("sections")).removeAt(index);
  }

  DeleteFieldSet(index) {
    this.dataModel.fieldSets.splice(index, 1);
    (<FormArray>this.form.get("fieldSets")).removeAt(index);
  }

  keepPageSelectionValid(pagesJson: Array<any>) {
    let selectedPage = this.form.get("page").value as String;
    let pages: Array<Page> = JsonSerializer.fromJSONArray(pagesJson, Page);
    if (pages.find(elem => elem.id === selectedPage) === undefined)
      this.form.get("page").reset();
  }
}