import {Component} from '@angular/core';
import {QuestionInterface} from './modules/dyn-form/types/question.interface';
import {FormService} from './modules/dyn-form/services/form.service';
import {ValueService} from './modules/dyn-form/services/value.service';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html'
})

export class AppComponent  {
  public formQuestions: QuestionInterface[] = null;
  public formValue: Object = null;
  public formName: string = "";
  public formDescription  ="";

  constructor(private questionService: FormService, private valueService: ValueService) {
    this.questionService.getForm('/crf/domains', (res, err) => {
      if (err)
        console.error(err);
      else {
        this.formQuestions = res.questions;
        this.formName = res.name;
        this.formDescription = res.description;
        console.log("questions", this.formQuestions);
      }
    });
    this.valueService.getValue('/crf/domains', 3, (res, err) => {
      if (err)
        console.error(err);
      else {
        this.formValue = res;
        console.log("values", this.formValue);
      }
    });
  }

  submit(value: any) {
    console.log('send', value);
  }
}