2021-02-04 16:14:07 +01:00
|
|
|
<form [formGroup]="form">
|
2021-02-04 19:04:20 +01:00
|
|
|
<div class="columns">
|
|
|
|
<div class="column">
|
|
|
|
<p>
|
|
|
|
{{ 'creation.choose_title' | translate }}
|
|
|
|
</p>
|
|
|
|
<br />
|
|
|
|
<label class="hidden" for="title">Titre</label>
|
2021-05-01 23:10:00 +02:00
|
|
|
errors:
|
|
|
|
<pre class="debug padded warning">
|
|
|
|
form.errors :
|
|
|
|
{{ form.controls.title.errors | json }}
|
|
|
|
</pre
|
|
|
|
>
|
|
|
|
|
2021-02-04 19:04:20 +01:00
|
|
|
<input
|
|
|
|
matInput
|
2021-02-05 15:34:00 +01:00
|
|
|
#title
|
2021-02-04 19:04:20 +01:00
|
|
|
[placeholder]="'creation.choose_title_placeholder' | translate"
|
|
|
|
formControlName="title"
|
|
|
|
id="title"
|
|
|
|
autofocus="autofocus"
|
|
|
|
(change)="updateSlug()"
|
2021-05-01 23:10:00 +02:00
|
|
|
required="required"
|
|
|
|
#title
|
2021-02-04 19:04:20 +01:00
|
|
|
/>
|
2021-05-01 23:10:00 +02:00
|
|
|
<span class="button is-error" *ngIf="form.controls.title.errors">
|
|
|
|
Ce champ est requis
|
|
|
|
</span>
|
2021-02-04 19:04:20 +01:00
|
|
|
<button
|
|
|
|
mat-button
|
2021-02-05 15:34:00 +01:00
|
|
|
*ngIf="form.value.title"
|
2021-02-04 19:04:20 +01:00
|
|
|
matSuffix
|
|
|
|
mat-icon-button
|
|
|
|
aria-label="Clear"
|
2021-02-05 15:34:00 +01:00
|
|
|
(click)="form.patchValue({ title: '' })"
|
2021-02-04 19:04:20 +01:00
|
|
|
>
|
|
|
|
<i class="fa fa-close"></i>
|
|
|
|
</button>
|
2021-04-30 16:12:02 +02:00
|
|
|
|
2021-04-30 10:59:46 +02:00
|
|
|
<p>
|
|
|
|
<label for="creatorPseudo">
|
|
|
|
<span>
|
|
|
|
{{ 'creation.email' | translate }}
|
|
|
|
</span>
|
|
|
|
</label>
|
2021-02-04 19:13:57 +01:00
|
|
|
|
2021-04-30 10:59:46 +02:00
|
|
|
<input
|
|
|
|
#creatorEmail
|
|
|
|
matInput
|
|
|
|
placeholder="{{ 'creation.email_placeholder' | translate }}"
|
|
|
|
formControlName="creatorEmail"
|
|
|
|
id="creatorEmail"
|
|
|
|
required
|
|
|
|
/>
|
|
|
|
</p>
|
2021-02-04 19:13:57 +01:00
|
|
|
<br />
|
|
|
|
|
2021-04-30 10:59:46 +02:00
|
|
|
<p>
|
|
|
|
<label class="" for="creatorPseudo">
|
|
|
|
<span>
|
|
|
|
{{ 'creation.name' | translate }}
|
|
|
|
</span>
|
|
|
|
</label>
|
|
|
|
<input
|
|
|
|
#creatorPseudo
|
|
|
|
matInput
|
|
|
|
placeholder="pseudo"
|
|
|
|
formControlName="creatorPseudo"
|
|
|
|
id="creatorPseudo"
|
|
|
|
required
|
|
|
|
/>
|
|
|
|
</p>
|
2021-02-04 16:14:07 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<hr />
|
2021-02-04 19:13:57 +01:00
|
|
|
</div>
|
2021-04-30 23:33:56 +02:00
|
|
|
custom url:
|
|
|
|
{{ form.value.custom_url }}
|
2021-02-04 19:13:57 +01:00
|
|
|
<hr />
|
2021-02-05 17:02:52 +01:00
|
|
|
<div class="columns">
|
|
|
|
<div class="column">
|
2021-04-30 10:59:46 +02:00
|
|
|
<!-- <img src="assets/img/undraw_Moving_twwf.svg" alt="image WIP" />-->
|
2021-02-05 17:02:52 +01:00
|
|
|
<div>
|
|
|
|
<h2>
|
|
|
|
{{ 'choices.title' | translate }}
|
|
|
|
</h2>
|
|
|
|
{{ 'dates.add' | translate }}
|
|
|
|
<p>
|
|
|
|
<i>
|
|
|
|
{{ 'choices.helper' | translate }}
|
|
|
|
</i>
|
|
|
|
</p>
|
|
|
|
{{ 'choices.answer_preset_1' | translate }}
|
|
|
|
{{ 'choices.add' | translate }}
|
|
|
|
{{ 'choices.continue' | translate }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="column">
|
|
|
|
<button class="btn btn--warning" (click)="askInitFormDefault()">
|
|
|
|
<i class="fa fa-refresh"></i>
|
|
|
|
Tout réinitialiser
|
|
|
|
</button>
|
|
|
|
<br />
|
2021-04-30 11:27:54 +02:00
|
|
|
|
2021-02-05 17:02:52 +01:00
|
|
|
<br />
|
|
|
|
<button class="btn is-default" (click)="automaticSlug()">
|
|
|
|
<i class="fa fa-refresh"></i>
|
|
|
|
Slug automatique
|
|
|
|
</button>
|
|
|
|
</div>
|
2021-02-04 16:14:07 +01:00
|
|
|
</form>
|