import { Component, OnInit } from '@angular/core';
// import { FormArray, FormControl, FormGroup, Validators } from '@angular/forms';
// import { LocationChangeEvent } from '@angular/common';
// import { RadioDirection, Helper } from './forms';
// import { QUESTION_GROUP } from './forms/poc-data/question-group';

// import * as pocData from './forms/poc-data/states_titlecase'; //TO BE DELETED or moved

@Component({
  selector: 'rss-app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

export class AppComponent implements OnInit {
  // title = 'app works!';

  // textAreaCtrl: FormControl;
  // textareaOptions: any;

  // /*poc : to be deleted or moved*/

  // comboBoxCtrl: FormControl;
  // comboBoxDataSource: any;
  // comboOptions: any;
  // abbreviation = 'abbreviation';

  // dropdownControl: FormControl;
  // dropdownOptions: any;

  // questions:  any;
  // questionnaireForm: FormGroup;

  // lhatQuestions:  any;
  // lhatForm: FormGroup;

  // radioCtrl = new FormControl();
  // radioOptions = [{ label: 'A', value: 1 }, { label: 'B', value: 2 }];
  // radioDirection = RadioDirection.ROW;
  // form: FormGroup;

  // personUrl: String = 'http://purple-sandbox.uctechnology.ucdavis.edu:3004/api/person/find/name';

  // checkBoxOptions: any;
  // checkBoxCtrlArray: FormArray = new FormArray([]);

  // dataSource: any = [
  //   { name: 'Cook Dinner', completed: false },
  //   { name: 'Read the Material Design Spec', completed: false },
  //   { name: 'Upgrade Application to Angular', completed: false }
  // ];

  // selected: any = [
  //   { name: 'Cook Dinner', completed: false }
  // ];

  // yesNoControl = new FormControl();
  // chooseDefaultGroup = new FormGroup({});
  // yesNo1Control = new FormControl({value: true});
  // yesNo2Control = new FormControl();
  // yesNo3Control = new FormControl();

  // chooseDefaultOptions: any;
  // defaultCheckBoxCtrl: FormControl = new FormControl();
  // defaultCheckRadioCtrlArray: any = [this.yesNo1Control, this.yesNo2Control, this.yesNo3Control];

  // config = {
  //   rows: 4,
  //   columns: 30,
  //   maxLength: 100,
  //   placeholder: 'placeholder'
  // };

  // lhatQComp = {
  //   "type": "multi-input",
  //   "key": "multi-key",
  //   "questions": [
  //     { label: 'Example Text-area1', key: 'key1', type: 'textarea', config: this.config },
  //     { label: 'Example Text-area2', key: 'key2', type: 'textarea', config: this.config },
  //     { label: 'Example Text-area3', key: 'key3', type: 'textarea', config: this.config },
  //     { label: 'Example Text-area4', key: 'key4', type: 'textarea', config: this.config }
  //   ]
  // };
  // lhatQArray: FormArray = new FormArray([]);
  // multiInputForm: FormGroup = new FormGroup({});

  // constructor() {
  //   this.dropdownControl = new FormControl();
  //   this.dropdownOptions = OPTIONS;

  //   this.questions  =  QUESTION_GROUP;
  //   this.questionnaireForm = Helper.buildFormGroup(this.questions.questions);

  //   this.lhatQuestions = LHAT_QUESTIONS;
  //   this.lhatForm = Helper.buildFormGroup(this.lhatQuestions);

  //   this.textAreaCtrl = new FormControl('', Validators.required);

  //   this.textareaOptions = {
  //     rows: 4,
  //     columns: 40,
  //     maxLength: 100,
  //     placeholder: 'example placeholder by config'
  //   };

  //   this.form = new FormGroup({
  //     person: new FormGroup({
  //       firstName: new FormControl(),
  //       lastName: new FormControl(),
  //       eppn: new FormControl()
  //     })
  //   });

  //   this.comboBoxCtrl = new FormControl();
  //   this.comboBoxDataSource = pocData.comboBoxData;
  //   this.comboOptions = {
  //     //'placeholder': 'Type to search or select',
  //     'label': 'Type to search and select or add your own text',
  //     //  'displayKey': 'abbreviation'
  //   };

  //   this.checkBoxOptions = {
  //     theme: 'accent'
  //   };
  //   this.selected.forEach(item => (this.checkBoxCtrlArray.push(new FormControl(item))));

  //   this.chooseDefaultOptions = {
  //     label: "Mark all No",
  //     theme: 'primary',
  //     disableChildren: false,
  //     defaultBehaviour: false
  //   };

  //   this.chooseDefaultGroup.addControl('yes-no-1', this.yesNo1Control);
  //   this.chooseDefaultGroup.addControl('yes-no-2', this.yesNo2Control);
  //   this.chooseDefaultGroup.addControl('yes-no-3', this.yesNo3Control);
  //   /*end of poc*/

  //   this.multiInputForm = new FormGroup({
  //     multiTextarea: this.lhatQArray
  //   });

  // }

  ngOnInit() {
  }

  // save(form){
  // }
}