-
-
+
-
-
+
+
{{parent_ques.group_title}} {{g_i+1}}
@@ -28,11 +35,15 @@
Type your name and age
-->
-
-
+
+
-
+
+
-
+
-
+
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-form/dynamic-form.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-form/dynamic-form.component.scss
index e69de29..48a86b6 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-form/dynamic-form.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-form/dynamic-form.component.scss
@@ -0,0 +1,6 @@
+::ng-deep {
+ .mat-expansion-panel-body{
+ flex-flow: wrap;
+ place-content: space-between;
+ }
+}
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-form/dynamic-form.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-form/dynamic-form.component.ts
index 51d6239..c68885d 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-form/dynamic-form.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-form/dynamic-form.component.ts
@@ -1,8 +1,10 @@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, OnInit, Input, ViewChild } from '@angular/core';
import { FormGroup, FormBuilder, FormArray } from '@angular/forms';
+import { MatExpansionPanel } from '@angular/material';
import { QuesFormService } from '../ques-form/ques-form.service';
+
@Component({
selector: 'app-dynamic-form',
templateUrl: './dynamic-form.component.html',
@@ -14,16 +16,68 @@ export class DynamicFormComponent implements OnInit {
@Input() questions_JSON:any;
@Input() json_answers:any;
step: number=0;
+ @ViewChild('mapanel') matExpansionPanel:MatExpansionPanel
constructor(private _fb:FormBuilder,private questionService:QuesFormService) { }
ngOnInit() {
// this.form_group_name=new FormGroup({questions:this._fb.array([])})
console.log(this.questions_JSON,this.json_answers,this.questionService);
this.form_group_name=this.questionService.assignFormControl_array(this.form_group_name,this.questions_JSON.questions)
+
// debugger
+ this.generateGroupControls();
+ }
+ generateGroupControls() {
+ if(this.json_answers && this.json_answers != null ){
+ this.questions_JSON.questions.forEach(parent_ques=>{
+ console.log(parent_ques);
+ // debugger;
+ // FOR ADDING THE GROUP QUES TO DISPLAY WITHOUT CONSIDERING INDEX 0
+ if(parent_ques.is_repeatable == '1'){
+ if(this.json_answers[parent_ques.group_key] && this.json_answers[parent_ques.group_key].length > this.form_group_name.value[parent_ques.group_key].length) {
+ console.log(this.json_answers[parent_ques.group_key]);
+
+ this.json_answers[parent_ques.group_key].forEach((group_ques,g_i)=>{
+ console.log(parent_ques,g_i)
+
+ if(g_i != 0){
+ // let parent_control=this.form_group_name
+
+ // if(parent_control.value.hasOwnProperty('questions_group')){
+ this.addData(g_i,parent_ques)
+ // }
+ }
+})
+}
+ }
+ })
+ }
}
ngOnChanges() {
console.log(this.questions_JSON,this.json_answers,this.questionService);
+ // debugger
+// if(this.json_answers && this.json_answers != null ){
+// this.questions_JSON.questions.forEach(parent_ques=>{
+// console.log(parent_ques);
+// // debugger;
+// // FOR ADDING THE GROUP QUES TO DISPLAY WITHOUT CONSIDERING INDEX 0
+// if(parent_ques.is_repeatable == '1'){
+// console.log(this.json_answers[parent_ques.group_key]);
+// debugger;
+// this.json_answers[parent_ques.group_key].forEach((group_ques,g_i)=>{
+// console.log(parent_ques,g_i)
+// debugger;
+// if(g_i != 0){
+// // let parent_control=this.form_group_name
+
+// // if(parent_control.value.hasOwnProperty('questions_group')){
+// this.addData(g_i,parent_ques)
+// // }
+// }
+// })
+// }
+// })
+// }
// this.form_group_name=new FormGroup({questions:this._fb.array([])})
console.log(this.form_group_name);
@@ -40,6 +94,7 @@ export class DynamicFormComponent implements OnInit {
control_names[val.question_key] = ''
})
console.log(control,json_obj.group_key,control_names);
+
json_obj.group_questions.push(json_obj.question);
control.push(this._fb.group(control_names))
@@ -64,5 +119,11 @@ export class DynamicFormComponent implements OnInit {
this.step = control.length-1
console.log(json_obj)
}
+ openMatExpansionPanel() {
+ console.log("opening expansion panek",this.matExpansionPanel)
+ if(this.matExpansionPanel!= undefined){
+ this.matExpansionPanel.open()
+ }
+ }
}
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-question-template/dynamic-question-template.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-question-template/dynamic-question-template.component.html
index 406995e..c236e59 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-question-template/dynamic-question-template.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dynamic-form/dynamic-question-template/dynamic-question-template.component.html
@@ -1,4 +1,10 @@
+
+
+ {{parent_ques.sub_title}}
+
+
+
@@ -70,16 +76,17 @@
-
+ {{formGroupN.value[parent_ques.question_key] | json}}
+