funky-framadate-front/src/app/features/administration/form/step-four/step-four.component.html

<div class="step">
	<div class="min-height">
		<form action="#" [formGroup]="pollService.form">
			<app-stepper [step_current]="4" [step_max]="5"></app-stepper>

			<div class="creator-infos">
				<label class="" for="creatorEmail">
					<span>
						{{ 'creation.name' | translate }}
					</span>
				</label>
				<input
					#title
					matInput
					placeholder="pseudo"
					formControlName="creatorPseudo"
					id="creatorPseudo"
					required
				/>
				<label class="hidden" for="creatorPseudo">
					<span>
						{{ 'creation.email' | translate }}
					</span>
				</label>
				<input
					#title
					matInput
					placeholder="mon-email@example.com"
					formControlName="creatorEmail"
					id="creatorEmail"
					required
				/>
			</div>

			<fieldset class="advanced-config">
				<button class="btn is-info" (click)="advancedDisplayEnabled = !advancedDisplayEnabled">
					<i class="fa fa-save"></i>
					{{ 'creation.advanced' | translate }}
				</button>
				<fieldset class="complete well" *ngIf="advancedDisplayEnabled">
					<h2>{{ 'creation.advanced' | translate }}</h2>

					<br />

					<label for="slug">Url pour les participants </label>
					<br />
					<span
						>{{ urlPrefix }} <strong> {{ pollService.form.controls.custom_url.value }} </strong>
					</span>
					<app-copy-text
						[textToCopy]="urlPrefix + pollService.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</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>
					<br />
					<mat-checkbox class="is-not-flex" formControlName="areResultsPublic">
						Les participants pourront consulter les résultats
					</mat-checkbox>
					<br />
					<mat-checkbox class="is-not-flex" formControlName="isAboutDate">
						Les choix possibles concerneront des dates
					</mat-checkbox>
					<br />
					<mat-checkbox class="is-not-flex" formControlName="isProtectedByPassword">
						Le sondage sera protégé par un mot de passe
					</mat-checkbox>
					<br />
					<mat-checkbox class="is-not-flex" formControlName="isOwnerNotifiedByEmailOnNewVote">
						Vous recevrez un mail à chaque nouvelle participation
					</mat-checkbox>
					<br />
					<mat-checkbox class="is-not-flex" formControlName="isOwnerNotifiedByEmailOnNewComment">
						Vous recevrez un mail à chaque nouveau commentaire
					</mat-checkbox>
					<br />
					<mat-checkbox class="is-not-flex" formControlName="isMaybeAnswerAvailable">
						La réponse « peut-être » sera disponible
					</mat-checkbox>
				</fieldset>
			</fieldset>
		</form>
	</div>
	<div class="columns">
		<div class="column">
			<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/4']">
				précédent
			</button>
		</div>
		<div class="column">
			<!--				[disabled]="form.invalid"-->
			<button class="button is-primary is-fullwidth" [routerLink]="['/administration/step/5']">
				suivant
			</button>
		</div>
	</div>
</div>