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

64 lines
1.6 KiB
HTML
Raw Normal View History

2021-02-04 09:23:15 +01:00
<div class="admin-form padded">
<form [formGroup]="form">
2021-02-05 15:34:00 +01:00
<div class="columns">
<div class="column">
<h1>
{{ 'creation.title' | translate }}
</h1>
<p class="subtitle">
{{ 'creation.want' | translate }}
</p>
2021-02-05 17:02:52 +01:00
<app-kind-select [form]="form"></app-kind-select>
<app-date-select ng-if="form.value.isAboutDate" [form]="form"></app-date-select>
<app-text-select ng-if="!form.value.isAboutDate" [form]="form"></app-text-select>
<app-base-config [form]="form"></app-base-config>
2021-02-05 15:34:00 +01:00
</div>
2021-02-05 17:02:52 +01:00
</div>
<div class="column">
<pre class="debug padded warning">
2021-02-05 15:34:00 +01:00
form values :
{{ form.value | json }}
</pre
2021-02-05 17:02:52 +01:00
>
<pre class="debug padded warning">
2021-02-05 15:34:00 +01:00
poll initial values :
2021-02-05 17:02:52 +01:00
{{ poll | json }}
2021-02-05 15:34:00 +01:00
</pre
2021-02-05 17:02:52 +01:00
>
2021-02-05 15:34:00 +01:00
</div>
<!-- choix spécialement pour les dates-->
2021-02-05 17:02:52 +01:00
<button class="btn is-info" (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>
2021-02-04 16:14:07 +01:00
<hr />
2020-10-29 18:43:19 +01:00
2020-11-06 12:04:38 +01:00
<div class="columns">
<div class="column"></div>
2020-11-05 19:13:43 +01:00
<div class="column">
2021-02-04 16:14:07 +01:00
<button
class="btn is-success"
(click)="apiService.createPoll(poll)"
[disabled]="!form.valid || !form.valid"
>
2020-11-05 19:13:43 +01:00
<i class="fa fa-save"></i>
Enregistrer le sondage
</button>
</div>
</div>
<div class="validation">
<div class="has-background-danger" *ngIf="!form.valid">
le formulaire est invalide
<pre>
{{ form.errors | json }}
</pre
>
</div>
</div>
2020-11-03 15:44:08 +01:00
</form>
2020-10-29 18:43:19 +01:00
</div>