funky-framadate-front/src/app/features/administration/form/steps/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]="pollService.step_max"></app-stepper>
			<app-errors-list [form]="pollService.form"></app-errors-list>
			<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="button is-unchecked-info"
					[ngClass]="{ 'is-info': !advancedDisplayEnabled, 'is-primary': advancedDisplayEnabled }"
					(click)="advancedDisplayEnabled = !advancedDisplayEnabled"
				>
					<i class="fa fa-chevron-circle-down" *ngIf="!advancedDisplayEnabled"></i>
					<i class="fa fa-chevron-circle-up" *ngIf="advancedDisplayEnabled"></i>
					{{ 'creation.advanced' | translate }}
				</button>
				<fieldset class="complete well" *ngIf="advancedDisplayEnabled">
					<app-advanced-config [form]="pollService.form"></app-advanced-config>
				</fieldset>
			</fieldset>
		</form>
	</div>
	<div class="columns">
		<div class="column">
			<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/3']">
				Précédent
			</button>
		</div>
		<div class="column">
			<button
				class="btn is-primary is-fullwidth"
				[routerLink]="['/administration/step/5']"
				[disabled]="!pollService.form.valid"
			>
				<i class="fa fa-save"></i>
				Suivant
			</button>
		</div>
	</div>
</div>