From e5b8d5b65ec32f170610f0186ed08b6fc23a1568 Mon Sep 17 00:00:00 2001
From: tykayn <contact@cipherbliss.com>
Date: Tue, 3 Nov 2020 15:47:44 +0100
Subject: [PATCH] add all config controls

---
 .../administration/form/form.component.html   | 191 ++++++++----------
 1 file changed, 82 insertions(+), 109 deletions(-)

diff --git a/src/app/features/administration/form/form.component.html b/src/app/features/administration/form/form.component.html
index a8c8f46c..e9c212f7 100644
--- a/src/app/features/administration/form/form.component.html
+++ b/src/app/features/administration/form/form.component.html
@@ -11,14 +11,14 @@
 		<div class="form-field">
 			<h2>Choix de réponse</h2>
 			<span formArrayName="choices">
-				<h3>Aliases</h3>
+				<h3>Choix proposés</h3>
 				<button (click)="addChoice()">
 					<i class="fa fa-plus"></i>
-					Add choice
+					Ajouter un choix
 				</button>
 				<button (click)="reinitChoices()">
 					<i class="fa fa-recycle"></i>
-					réinitialiser
+					Réinitialiser
 				</button>
 
 				<div *ngFor="let choice of choices.controls; let i = index">
@@ -32,7 +32,6 @@
 				</div>
 			</span>
 		</div>
-		<!--		<div class='simple' >-->
 		<div class="form-field">
 			<label class="hidden" for="title">Titre</label>
 			<input
@@ -102,113 +101,87 @@
 			<i class="fa fa-close"></i>
 		</button>
 
-		<!--				<label-->
-		<!--					for='slug'-->
-		<!--				>Url pour les participants-->
+		<label for="slug"
+			>Url pour les participants
 
-		<!--					<button-->
-		<!--						mat-button-->
-		<!--						*ngIf='slug.value'-->
-		<!--						matSuffix-->
-		<!--						mat-icon-button-->
-		<!--						aria-label='Clear'-->
-		<!--						(click)="slug.value = ''"-->
-		<!--					>-->
-		<!--						<i class='fa fa-close' ></i >-->
-		<!--					</button >-->
-		<!--				</label >-->
-		<!--				<br />-->
-		<!--				<span-->
-		<!--				>{{ urlPrefix }}-->
-		<!--					<strong >-->
-		<!--					{{ slug.value }}-->
-		<!--				</strong >-->
-		<!--			</span >-->
-		<!--				<input-->
-		<!--					#slug-->
-		<!--					matInput-->
-		<!--					id='slug'-->
-		<!--					placeholder='Url'-->
-		<!--					formControlName='slug'-->
-		<!--					required />-->
-		<!--				<br />-->
-		<!--			</div >-->
-		<!--			<h2 >-->
-		<!--				Type de sondage-->
-		<!--			</h2 >-->
-		<!--	<h1 class="title is-1"><i class="fa fa-calendar" aria-hidden="true"></i> {{ 'dates.title' | translate }}</h1>-->
-		<!--			<button-->
-		<!--				class='btn'-->
-		<!--				(click)='form.setValue({isAboutDate: true})' >-->
-		<!--				Spécial date-->
-		<!--			</button >-->
-		<!--			<button-->
-		<!--				class='btn'-->
-		<!--				(click)='form.setValue({isAboutDate: false})' >-->
-		<!--				Classique - textes-->
-		<!--			</button >-->
-		<!--		<button-->
-		<!--			[ngClass]="{ 'is-primary': !isAboutDate.value }"-->
-		<!--			(click)='isAboutDate = false' >-->
-		<!--			Classique - textes-->
-		<!--		</button >-->
+			<button
+				mat-button
+				*ngIf="slug.value"
+				matSuffix
+				mat-icon-button
+				aria-label="Clear"
+				(click)="slug.value = ''"
+			>
+				<i class="fa fa-close"></i>
+			</button>
+		</label>
+		<br />
+		<span
+			>{{ urlPrefix }}
+			<strong>
+				{{ slug.value }}
+			</strong>
+		</span>
+		<input #slug matInput id="slug" placeholder="Url" formControlName="slug" required />
+		<br />
+		<h2>
+			Type de sondage
+		</h2>
+		<h1 class="title is-1"><i class="fa fa-calendar" aria-hidden="true"></i> {{ 'dates.title' | translate }}</h1>
+		<button class="btn" (click)="form.setValue({ isAboutDate: true })">
+			Spécial date
+		</button>
+		<button class="btn" (click)="form.controls.isAboutDate.setValue(false)">
+			Classique - textes
+		</button>
+		<button
+			[ngClass]="{ 'is-primary': !form.controls.isAboutDate.value }"
+			(click)="form.controls.isAboutDate.setValue(false)"
+		>
+			Classique - textes
+		</button>
 
-		<!--		</div >-->
-		<!--		<h2 >Version complète du formulaire</h2 >-->
-		<!--		<div-->
-		<!--			appearance='outline'-->
-		<!--			class='is-flex' >-->
-		<!--			<mat-label >Nombre de jours avant expiration</mat-label >-->
-		<!--			<input-->
-		<!--				#expiracy-->
-		<!--				id='expiracy'-->
-		<!--				matInput-->
-		<!--				type='number'-->
-		<!--				placeholder='Nombre de jours avant expiration'-->
-		<!--				formControlName='expiracyNumberOfDays'-->
-		<!--				required-->
-		<!--			/>-->
-		<!--			<button-->
-		<!--				mat-button-->
-		<!--				*ngIf='expiracy.value'-->
-		<!--				matSuffix-->
-		<!--				mat-icon-button-->
-		<!--				aria-label='Clear'-->
-		<!--				(click)="expiracy.value = ''"-->
-		<!--			>-->
-		<!--				<i class='fa fa-close' ></i >-->
-		<!--			</button >-->
-		<!--		</div >-->
-		<!--		<mat-checkbox-->
-		<!--			class='is-flex'-->
-		<!--			formControlName='areResultsPublic' >-->
-		<!--			Les participants pourront consulter les résultats-->
-		<!--		</mat-checkbox >-->
-		<!--		<mat-checkbox-->
-		<!--			class='is-flex'-->
-		<!--			formControlName='isAboutDate' >-->
-		<!--			Les choix possibles concerneront des dates-->
-		<!--		</mat-checkbox >-->
-		<!--		<mat-checkbox-->
-		<!--			class='is-flex'-->
-		<!--			formControlName='isProtectedByPassword' >-->
-		<!--			Le sondage sera protégé par un mot de passe-->
-		<!--		</mat-checkbox >-->
-		<!--		<mat-checkbox-->
-		<!--			class='is-flex'-->
-		<!--			formControlName='isOwnerNotifiedByEmailOnNewVote' >-->
-		<!--			Vous recevrez un mail à chaque nouvelle participation-->
-		<!--		</mat-checkbox >-->
-		<!--		<mat-checkbox-->
-		<!--			class='is-flex'-->
-		<!--			formControlName='isOwnerNotifiedByEmailOnNewComment' >-->
-		<!--			Vous recevrez un mail à chaque nouveau commentaire-->
-		<!--		</mat-checkbox >-->
-		<!--		<mat-checkbox-->
-		<!--			class='is-flex'-->
-		<!--			formControlName='isMaybeAnswerAvailable' >-->
-		<!--			La réponse « peut-être » sera disponible-->
-		<!--		</mat-checkbox >-->
+		<h2>Version complète du formulaire</h2>
+		<div appearance="outline" class="is-flex">
+			<mat-label>Nombre de jours avant expiration</mat-label>
+			<input
+				#expiracy
+				id="expiracy"
+				matInput
+				type="number"
+				placeholder="Nombre de jours avant expiration"
+				formControlName="expiracyNumberOfDays"
+				required
+			/>
+			<button
+				mat-button
+				*ngIf="expiracy.value"
+				matSuffix
+				mat-icon-button
+				aria-label="Clear"
+				(click)="expiracy.value = ''"
+			>
+				<i class="fa fa-close"></i>
+			</button>
+		</div>
+		<mat-checkbox class="is-flex" formControlName="areResultsPublic">
+			Les participants pourront consulter les résultats
+		</mat-checkbox>
+		<mat-checkbox class="is-flex" formControlName="isAboutDate">
+			Les choix possibles concerneront des dates
+		</mat-checkbox>
+		<mat-checkbox class="is-flex" formControlName="isProtectedByPassword">
+			Le sondage sera protégé par un mot de passe
+		</mat-checkbox>
+		<mat-checkbox class="is-flex" formControlName="isOwnerNotifiedByEmailOnNewVote">
+			Vous recevrez un mail à chaque nouvelle participation
+		</mat-checkbox>
+		<mat-checkbox class="is-flex" formControlName="isOwnerNotifiedByEmailOnNewComment">
+			Vous recevrez un mail à chaque nouveau commentaire
+		</mat-checkbox>
+		<mat-checkbox class="is-flex" formControlName="isMaybeAnswerAvailable">
+			La réponse « peut-être » sera disponible
+		</mat-checkbox>
 
 		<button mat-button (click)="createPoll()" [disabled]="!form.valid || !form.valid">
 			<i class="fa fa-save"></i>