funky-framadate-front/src/app/features/administration/form/advanced-config/advanced-config.component.html

<form [formGroup]="form">
	<fieldset class="complete well">
		<h2>{{ 'creation.advanced' | translate }}</h2>
		<label for="descr">Description (optionnel)</label>
		<textarea
			#description
			matInput
			id="descr"
			placeholder="Description"
			formControlName="description"
			required
		></textarea>
		<button
			mat-button
			*ngIf="description.value"
			matSuffix
			mat-icon-button
			aria-label="Clear"
			(click)="description.value = ''"
		>
			<i class="fa fa-close"></i>
		</button>

		<br />

		<label for="slug">
			Url personnalisée pour les participants
			<i class="fa fa-close"></i>
		</label>
		<br />
		<span
			>{{ urlPrefix }}
			<strong>
				{{ form.controls.custom_url.value }}
			</strong>
		</span>
		<app-copy-text [textToCopy]="form.controls.custom_url.value"></app-copy-text>

		<button
			mat-button
			*ngIf="form.controls.custom_url.value"
			matSuffix
			mat-icon-button
			aria-label="Clear"
			(click)="slug.value = ''"
		></button>
		<input #slug matInput id="slug" placeholder="Url" formControlName="slug" required />
		<br />
		<div appearance="outline" class="is-not-flex">
			<mat-label
				>Nombre de jours avant expiration de la possibilité de voter, après le sondage reste
				consultable</mat-label
			>
			<input
				#expiresDaysDelay
				id="expiresDaysDelay"
				matInput
				type="number"
				placeholder="Nombre de jours avant fin des votes"
				formControlName="expiracyNumberOfDays"
				required
			/>
			<button
				mat-button
				*ngIf="expiresDaysDelay.value"
				matSuffix
				mat-icon-button
				aria-label="Clear"
				(click)="expiresDaysDelay.value = ''"
			>
				<i class="fa fa-close"></i>
			</button>
		</div>
		<div appearance="outline" class="is-not-flex">
			<mat-label
				>Nombre de jours avant archivage, après quoi le sondage n'est plus visible par le public</mat-label
			>
			<input
				#archive
				id="archive"
				matInput
				type="number"
				placeholder="Nombre de jours avant archivage"
				formControlName="archiveNumberOfDays"
				required
			/>
			<button
				mat-button
				*ngIf="archive.value"
				matSuffix
				mat-icon-button
				aria-label="Clear"
				(click)="archive.value = ''"
			>
				<i class="fa fa-close"></i>
			</button>
		</div>
		<mat-checkbox class="is-not-flex" formControlName="areResultsPublic">
			Les participants pourront consulter les résultats
		</mat-checkbox>
		<h3 class="title is-3">
			<i class="fa fa-lock"></i>
			Accès sécurisé
		</h3>

		<mat-checkbox class="is-not-flex" formControlName="isProtectedByPassword">
			Le sondage sera protégé par un mot de passe
		</mat-checkbox>

		<input
			*ngIf="form.value.isProtectedByPassword"
			#password
			id="password"
			matInput
			type="password"
			placeholder="password"
			formControlName="password"
			required
		/>

		<h3 class="title is-3">
			<i class="fa fa-enveloppe"></i>
			Notifications
		</h3>
		<mat-checkbox class="is-not-flex" formControlName="isOwnerNotifiedByEmailOnNewVote">
			Vous recevrez un mail à chaque nouvelle participation
		</mat-checkbox>
		<mat-checkbox class="is-not-flex" formControlName="isOwnerNotifiedByEmailOnNewComment">
			Vous recevrez un mail à chaque nouveau commentaire
		</mat-checkbox>
		<mat-checkbox class="is-not-flex" formControlName="isMaybeAnswerAvailable">
			La réponse « peut-être » sera disponible
		</mat-checkbox>
	</fieldset>

	<fieldset>
		<h2>
			Fonctionnalités pas encore disponibles:
		</h2>
		<app-wip-todo></app-wip-todo>
		<mat-checkbox class="is-not-flex" formControlName="isProtectedByPassword">
			Spécifier un lien unique de vote à des participants définis
		</mat-checkbox>
		<mat-checkbox class="is-not-flex" formControlName="allowComments">
			Autoriser les commentaires
		</mat-checkbox>
		<mat-checkbox class="is-not-flex" formControlName="hasMaxCountOfAnswers">
			Nombre de réponses limitées à ce nombre
		</mat-checkbox>
		<input
			*ngIf="form.value.hasMaxCountOfAnswers"
			#maxCountOfAnswers
			id="maxCountOfAnswers"
			matInput
			type="number"
			placeholder="Nombre de réponses max"
			formControlName="maxCountOfAnswers"
			required
		/>

		<mat-checkbox class="is-not-flex" formControlName="isZeroKnoledge">
			Les informations du sondage seront chiffrés en base de données
		</mat-checkbox>
	</fieldset>
</form>