90 lines
2.0 KiB
HTML
90 lines
2.0 KiB
HTML
<form [formGroup]="form">
|
|
<div class="columns">
|
|
<span>
|
|
{{ 'creation.choose_title' | translate }}
|
|
</span>
|
|
<label class="hidden" for="title">Titre</label>
|
|
<input
|
|
#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>
|
|
|
|
<div>
|
|
<label class="" for="creatorEmail">
|
|
<span>
|
|
{{ 'creation.name' | translate }}
|
|
</span>
|
|
</label>
|
|
<label class="hidden" for="creatorPseudo">
|
|
<span>
|
|
{{ 'creation.email' | translate }}
|
|
</span>
|
|
</label>
|
|
<input #title matInput placeholder="pseudo" formControlName="creatorPseudo" id="creatorPseudo" required />
|
|
<input
|
|
#title
|
|
matInput
|
|
placeholder="mon-email@example.com"
|
|
formControlName="creatorEmail"
|
|
id="creatorEmail"
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
<hr />
|
|
<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 class="column">
|
|
<img src="assets/img/undraw_Moving_twwf.svg" alt="image WIP" />
|
|
</div>
|
|
<div class="column">
|
|
<button class="btn btn--warning" (click)="askInitFormDefault()">
|
|
<i class="fa fa-refresh"></i>
|
|
Tout réinitialiser
|
|
</button>
|
|
<br />
|
|
<button class="btn is-success" (click)="createPoll()">
|
|
<i class="fa fa-save"></i>
|
|
Enregistrer le sondage
|
|
</button>
|
|
<br />
|
|
<button class="btn is-default" (click)="automaticSlug()">
|
|
<i class="fa fa-refresh"></i>
|
|
Slug automatique
|
|
</button>
|
|
|
|
<div class="columns">
|
|
<div class="column">
|
|
Slug:
|
|
</div>
|
|
<div class="column">
|
|
<div class="well">
|
|
{{ poll.slug }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|