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

<form [formGroup]="form">
	<div class="columns">
		<div class="column">
			<label for="title">
				{{ 'creation.choose_title' | translate }}
			</label>

			<input
				class="input"
				[placeholder]="'creation.choose_title_placeholder' | translate"
				formControlName="title"
				id="title"
				autofocus="autofocus"
				(keyup)="updateSlug()"
				required="required"
				#title
			/>
			<button
				mat-button
				*ngIf="form.value.title"
				matSuffix
				mat-icon-button
				aria-label="Clear"
				(click)="form.patchValue({ title: '' })"
			>
				<i class="fa fa-close"></i>
			</button>
			<div class="hint" *ngIf="form.controls.title.errors">
				Ce champ est requis
			</div>

			<br />
			<label for="creatorPseudo">
				<span>
					{{ 'creation.email' | translate }}
				</span>
			</label>
			<br />
			<input
				#creatorEmail
				matInput
				placeholder="{{ 'creation.email_placeholder' | translate }}"
				formControlName="creatorEmail"
				id="creatorEmail"
				required
			/>
			<button
				mat-button
				*ngIf="form.value.creatorEmail"
				matSuffix
				mat-icon-button
				aria-label="Clear"
				(click)="form.patchValue({ creatorEmail: '' })"
			>
				<i class="fa fa-close"></i>
			</button>
			<div class="hint" *ngIf="form.controls.creatorEmail.errors">
				Ce champ est requis
			</div>
			<br />

			<p>
				<label class="" for="creatorPseudo">
					<span>
						{{ 'creation.name' | translate }}
					</span>
				</label>
				<input
					#creatorPseudo
					matInput
					placeholder="pseudo"
					formControlName="creatorPseudo"
					id="creatorPseudo"
					required
				/>
				<button
					mat-button
					*ngIf="form.value.creatorPseudo"
					matSuffix
					mat-icon-button
					aria-label="Clear"
					(click)="form.patchValue({ creatorPseudo: '' })"
				>
					<i class="fa fa-close"></i>
				</button>
			</p>
		</div>

		<hr />
	</div>
	Url personnalisée:
	{{ form.value.custom_url }}
	<hr />
	<div class="column">
		<button class="btn btn--warning" (click)="askInitFormDefault()">
			<i class="fa fa-refresh"></i>
			Tout réinitialiser
		</button>
		<br />

		<br />
		<button class="btn is-default" (click)="automaticSlug()">
			<i class="fa fa-refresh"></i>
			Slug automatique
		</button>
	</div>
</form>