2021-10-15 09:39:51 +02:00
|
|
|
<div class="step">
|
2021-10-19 10:23:54 +02:00
|
|
|
<form [formGroup]="form">
|
|
|
|
<section class="poll-title">
|
|
|
|
<h2 class="title is-2">
|
|
|
|
{{ 'creation.choose_title' | translate }}
|
|
|
|
</h2>
|
|
|
|
<label class="hidden" for="title">Titre</label>
|
|
|
|
<input
|
|
|
|
class="input input-lg"
|
|
|
|
#title
|
|
|
|
matInput
|
|
|
|
[placeholder]="'creation.choose_title_placeholder' | translate"
|
|
|
|
formControlName="title"
|
|
|
|
id="title"
|
|
|
|
autofocus="autofocus"
|
|
|
|
(change)="updateSlug()"
|
|
|
|
required
|
|
|
|
/>
|
|
|
|
<button
|
|
|
|
mat-button
|
|
|
|
*ngIf="title.value"
|
|
|
|
matSuffix
|
|
|
|
mat-icon-button
|
|
|
|
aria-label="Clear"
|
|
|
|
(click)="title.value = ''"
|
|
|
|
>
|
|
|
|
<i class="fa fa-close"></i>
|
|
|
|
</button>
|
|
|
|
</section>
|
|
|
|
<div class="poll-description">
|
|
|
|
<label for="descr">Description (optionnel)</label>
|
|
|
|
<span class="rich-text-toggle">
|
|
|
|
mode de saisie avancée
|
|
|
|
<i class="fa fa-text"></i><input type="checkbox" formControlName="richTextMode" />
|
|
|
|
</span>
|
|
|
|
<textarea
|
|
|
|
#description
|
|
|
|
matInput
|
|
|
|
id="descr"
|
|
|
|
placeholder="Description"
|
|
|
|
formControlName="description"
|
|
|
|
required
|
|
|
|
></textarea>
|
|
|
|
<div class="text-info">
|
|
|
|
300 caractères maximum
|
|
|
|
</div>
|
|
|
|
<button
|
|
|
|
mat-button
|
|
|
|
*ngIf="description.value"
|
|
|
|
matSuffix
|
|
|
|
mat-icon-button
|
|
|
|
aria-label="Clear"
|
|
|
|
(click)="description.value = ''"
|
|
|
|
>
|
|
|
|
<i class="fa fa-close"></i>
|
|
|
|
</button>
|
2021-10-18 16:02:54 +02:00
|
|
|
</div>
|
2021-10-19 10:23:54 +02:00
|
|
|
</form>
|
2021-10-15 09:39:51 +02:00
|
|
|
</div>
|