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

111 lines
2.3 KiB
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>
<mat-error *ngIf="form.controls.creatorEmail.invalid">{{
getErrorMessage(form.controls.creatorEmail)
}}</mat-error>
<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>