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

70 lines
1.8 KiB
HTML
Raw Normal View History

2021-02-04 09:23:15 +01:00
<div class="admin-form padded">
<form [formGroup]="form">
<header class="columns">
2021-02-05 15:34:00 +01:00
<div class="column">
<h1>
{{ 'creation.title' | translate }}
</h1>
</div>
<div class="column">
<button
class="btn is-success"
(click)="apiService.createPoll(poll)"
[disabled]="!form.valid || !form.valid"
>
<i class="fa fa-save"></i>
Enregistrer le sondage
</button>
</div>
</header>
<main class="columns">
<div class="column">
2021-02-05 15:34:00 +01:00
<p class="subtitle">
{{ 'creation.want' | translate }}
</p>
2021-03-27 21:29:06 +01:00
<app-kind-select [form]="form"></app-kind-select>
2021-03-24 18:39:18 +01:00
<!-- <app-base-config [form]="form"></app-base-config>-->
<!-- <app-date-select-->
<!-- *ngIf="form.value.configuration && form.value.configuration.isAboutDate"-->
<!-- [form]="form"-->
<!-- ></app-date-select>-->
2021-02-09 09:53:58 +01:00
<!-- <app-text-select ng-if="!form.value.isAboutDate" [form]="form"></app-text-select>-->
<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>
2021-02-05 15:34:00 +01:00
</div>
</main>
2021-03-24 18:39:18 +01:00
<footer class="column" *ngIf="show_debug_data">
<h2>Debug data</h2>
2021-02-05 17:02:52 +01:00
<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
>
</footer>
<hr />
<div class="validation">
<div class="has-background-danger" *ngIf="!form.valid && form.touched">
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>