From d9301559ef99902c3901afd0ee4a6a5035e77b81 Mon Sep 17 00:00:00 2001
From: Baptiste Lemoine <contact@cipherbliss.com>
Date: Thu, 29 Oct 2020 21:30:33 +0100
Subject: [PATCH] add form array for choices

---
 .../administration/form/form.component.html   |  6 ++++++
 .../administration/form/form.component.ts     | 20 ++++++++++++++++---
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/app/features/administration/form/form.component.html b/src/app/features/administration/form/form.component.html
index 4bb6afc3..ea7235ca 100644
--- a/src/app/features/administration/form/form.component.html
+++ b/src/app/features/administration/form/form.component.html
@@ -52,6 +52,12 @@
 			>
 				<i class="fa fa-close"></i>
 			</button>
+			<h2>Choix de réponses</h2>
+			<pre class="debug padded warning">
+			choicesFormArray :
+				{{ choicesFormArray | json }}
+			</pre
+			>
 
 			<label for="slug"
 				>Url pour les participants
diff --git a/src/app/features/administration/form/form.component.ts b/src/app/features/administration/form/form.component.ts
index 8ea81d61..62446626 100644
--- a/src/app/features/administration/form/form.component.ts
+++ b/src/app/features/administration/form/form.component.ts
@@ -1,9 +1,10 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { Poll } from '../../../core/models/poll.model';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormArray, FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { UuidService } from '../../../core/services/uuid.service';
 import { DateService } from '../../../core/services/date.service';
 import { ApiService } from '../../../core/services/api.service';
+import { Choice } from '../../../core/models/choice.model';
 
 @Component({
 	selector: 'app-admin-form',
@@ -15,6 +16,9 @@ export class FormComponent implements OnInit {
 	public poll?: Poll;
 	public pollFormGroup: FormGroup;
 	public configurationFormGroup: FormGroup;
+
+	public choicesFormArray: FormArray; // possible choices to answer
+
 	public longFormVersionEnabled = true;
 
 	public urlPrefix: string = window.location.origin + '/participation/';
@@ -27,6 +31,17 @@ export class FormComponent implements OnInit {
 			slug: [this.poll ? this.poll.slug : this.uuidService.getUUID(), [Validators.required]],
 			description: [this.poll ? this.poll.description : ''],
 		});
+		// add dynamically elements to add choices
+		this.choicesFormArray = this.fb.array([
+			{
+				choices: this.poll.choices.forEach((elem: Choice) => {
+					return {
+						label: [elem.label, [Validators.required]],
+						imageUrl: [elem.imageUrl, null],
+					};
+				}),
+			},
+		]);
 
 		this.configurationFormGroup = this.fb.group({
 			isAboutDate: [this.poll ? this.poll.configuration.isAboutDate : false, [Validators.required]],
@@ -63,7 +78,6 @@ export class FormComponent implements OnInit {
 	}
 	public updateSlug() {
 		let newValueFormatted = 'TODO';
+		this.pollFormGroup.patchValue({ slug: newValueFormatted });
 	}
-	// this.pollFormGroup.setValue({'slug' :  newValueFormatted);
-	// }
 }