date selector as question answers

src/app/features/administration/form/form.component.html

@@ -24,7 +24,7 @@
 				</p>
 
 				<app-kind-select [form]="form"></app-kind-select>
-				<!--				<app-base-config [form]="form"></app-base-config>-->
+				<app-base-config [form]="form"></app-base-config>
 				<!--				<app-date-select-->
 				<!--					*ngIf="form.value.configuration && form.value.configuration.isAboutDate"-->
 				<!--					[form]="form"-->

src/app/features/administration/form/form.component.ts

@@ -70,6 +70,7 @@ export class FormComponent implements OnInit {
 					label: ['', [Validators.required]],
 				}),
 			]),
+			kind: ['', [Validators.required]],
 			configuration: this.fb.group({
 				areResultsPublic: [true, [Validators.required]],
 				whoCanChangeAnswers: ['everybody', [Validators.required]],
@@ -77,6 +78,7 @@ export class FormComponent implements OnInit {
 				isOwnerNotifiedByEmailOnNewVote: [false, [Validators.required]],
 				isOwnerNotifiedByEmailOnNewComment: [false, [Validators.required]],
 				isMaybeAnswerAvailable: [false, [Validators.required]],
+
 				isAboutDate: [true, [Validators.required]],
 				isZeroKnoledge: [false, [Validators.required]],
 				expiresDaysDelay: [60, [Validators.required, Validators.min(1)]],
@@ -110,6 +112,8 @@ export class FormComponent implements OnInit {
 			creatorEmail: 'chucknorris@example.com',
 			isAboutDate: true,
 			// hasSeveralHours: true,
+			kind: 'date',
+			// TODO aplatir les contrôles
 			configuration: {
 				whoCanChangeAnswers: 'everybody',
 				isProtectedByPassword: false,

src/app/features/administration/form/kind-select/kind-select.component.html

@@ -1,47 +1,48 @@
 <div class="kind-select form-field">
-	<div class="kind-of-poll columns">
+	<form [formGroup]="form">
-		<div class="column" *ngIf="template_questions_answers">
+		<div class="kind-of-poll columns">
-			<!--			version maquette questions réponses-->
+			<div class="column" *ngIf="template_questions_answers">
-			{{ 'creation.want' | translate }}
+				<!--			version maquette questions réponses-->
-			<select name="type" id="type" class="input">
+				<select name="type" id="type" class="input" formControlName="kind">
-				<option value="classic">{{ 'creation.kind.classic' | translate }}</option>
+					<option [value]="'date'">{{ 'creation.kind.date' | translate }}</option>
-				<option value="date">{{ 'creation.kind.date' | translate }}</option>
+					<option [value]="'classic'">{{ 'creation.kind.classic' | translate }}</option>
-			</select>
+				</select>
-			{{ 'creation.choose_title' | translate }}
+			</div>
-			<input type="text" name="title" class="input" />
+			<!--		version avec un choix de bouton-->
+			<div class="columns" *ngIf="!template_questions_answers">
+				<div class="column">
+					<button
+						class="btn-block btn"
+						[ngClass]="{ 'is-primary': form.value.configuration.isAboutDate }"
+						(click)="
+							form.patchValue({
+								configuration: {
+									isAboutDate: true
+								}
+							})
+						"
+					>
+						<i class="fa fa-calendar"></i>
+						{{ 'creation.kind.date' | translate }}
+					</button>
+				</div>
+				<div class="column">
+					<button
+						class="btn-block btn btn-default"
+						[ngClass]="{ 'is-primary': !form.value.configuration.isAboutDate }"
+						(click)="
+							form.patchValue({
+								configuration: {
+									isAboutDate: false
+								}
+							})
+						"
+					>
+						<i class="fa fa-stats"></i>
+						{{ 'creation.kind.classic' | translate }}
+					</button>
+				</div>
+			</div>
 		</div>
-		<!--		version avec un choix de bouton-->
+	</form>
-		<div class="column" *ngIf="!template_questions_answers">
-			<button
-				class="btn-block btn"
-				[ngClass]="{ 'is-primary': form.value.configuration.isAboutDate }"
-				(click)="
-					form.patchValue({
-						configuration: {
-							isAboutDate: true
-						}
-					})
-				"
-			>
-				<i class="fa fa-calendar"></i>
-				{{ 'creation.kind.date' | translate }}
-			</button>
-		</div>
-		<div class="column">
-			<button
-				class="btn-block btn btn-default"
-				[ngClass]="{ 'is-primary': !form.value.configuration.isAboutDate }"
-				(click)="
-					form.patchValue({
-						configuration: {
-							isAboutDate: false
-						}
-					})
-				"
-			>
-				<i class="fa fa-stats"></i>
-				{{ 'creation.kind.classic' | translate }}
-			</button>
-		</div>
-	</div>
 </div>