2021-02-04 09:23:15 +01:00
|
|
|
<div class="admin-form padded">
|
2021-04-30 10:59:46 +02:00
|
|
|
<div class="container is-max-widescreen">
|
|
|
|
<form [formGroup]="form">
|
|
|
|
<header class="columns">
|
|
|
|
<div class="column">
|
|
|
|
<h1 class="title is-2">
|
|
|
|
{{ 'creation.title' | translate }}
|
|
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
<div class="column">
|
2021-04-30 11:27:54 +02:00
|
|
|
<!-- [disabled]="!form.valid || !form.valid"-->
|
|
|
|
<button class="btn is-success" (click)="createPoll()">
|
2021-04-30 10:59:46 +02:00
|
|
|
<i class="fa fa-save"></i>
|
|
|
|
Enregistrer le sondage
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<main class="columns">
|
|
|
|
<div class="column">
|
|
|
|
<p class="label is-medium">
|
|
|
|
{{ 'creation.want' | translate }}
|
|
|
|
</p>
|
2021-03-27 21:29:06 +01:00
|
|
|
|
2021-04-30 10:59:46 +02:00
|
|
|
<app-kind-select [form]="form"></app-kind-select>
|
2021-02-05 23:03:49 +01:00
|
|
|
|
2021-04-30 10:59:46 +02:00
|
|
|
<div class="field is-grouped is-grouped-right">
|
|
|
|
<p class="control">
|
|
|
|
<a class="button is-light" (click)="goPreviousStep()">
|
|
|
|
Précédent
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
<p class="control">
|
|
|
|
<a class="button is-primary" (click)="goNextStep()">
|
|
|
|
Suivant
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<app-base-config [form]="form"></app-base-config>
|
2021-04-30 12:37:04 +02:00
|
|
|
<app-date-select *ngIf="form.value && form.value.kind == 'date'" [form]="form"></app-date-select>
|
2021-04-30 11:27:54 +02:00
|
|
|
<app-text-select *ngIf="!form.value.kind == 'date'" [form]="form"></app-text-select>
|
2021-04-30 10:59:46 +02:00
|
|
|
|
|
|
|
<button
|
|
|
|
class="btn"
|
|
|
|
[class]="{ 'is-primary': advancedDisplayEnabled, 'is-info': !advancedDisplayEnabled }"
|
|
|
|
(click)="advancedDisplayEnabled = !advancedDisplayEnabled"
|
|
|
|
>
|
|
|
|
<i class="fa fa-save"></i>
|
|
|
|
{{ 'creation.advanced' | translate }}
|
|
|
|
</button>
|
|
|
|
<app-advanced-config
|
|
|
|
[poll]="poll"
|
|
|
|
[form]="form"
|
|
|
|
*ngIf="advancedDisplayEnabled"
|
|
|
|
></app-advanced-config>
|
|
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<footer class="column" *ngIf="show_debug_data">
|
|
|
|
<h2>Debug data</h2>
|
|
|
|
<pre class="debug padded warning">
|
2021-02-05 15:34:00 +01:00
|
|
|
form values :
|
|
|
|
{{ form.value | json }}
|
|
|
|
</pre
|
2021-04-30 10:59:46 +02:00
|
|
|
>
|
|
|
|
<pre class="debug padded warning">
|
2021-02-05 15:34:00 +01:00
|
|
|
poll initial values :
|
2021-04-30 11:27:54 +02:00
|
|
|
{{ poll | json }}
|
2021-02-05 15:34:00 +01:00
|
|
|
</pre
|
2021-04-30 10:59:46 +02:00
|
|
|
>
|
|
|
|
</footer>
|
|
|
|
<hr />
|
|
|
|
<div class="validation">
|
|
|
|
<div class="has-background-danger" *ngIf="!form.valid && form.touched">
|
|
|
|
le formulaire est invalide
|
|
|
|
<pre>
|
2021-02-04 19:04:20 +01:00
|
|
|
{{ form.errors | json }}
|
|
|
|
</pre
|
2021-04-30 10:59:46 +02:00
|
|
|
>
|
|
|
|
</div>
|
2021-02-04 19:04:20 +01:00
|
|
|
</div>
|
2021-04-30 10:59:46 +02:00
|
|
|
</form>
|
|
|
|
</div>
|
2021-04-30 16:00:22 +02:00
|
|
|
|
|
|
|
<app-success [poll]="poll"></app-success>
|
2020-10-29 18:43:19 +01:00
|
|
|
</div>
|