place on steps, success button on creation button

Signed-off-by: tykayn <15d65f2f-0b14-4f70-bf34-e130180ed62b@users.tedomum.net>
This commit is contained in:
tykayn 2021-11-19 15:47:20 +01:00
parent 83b66d9899
commit a1d58a2812
4 changed files with 64 additions and 54 deletions

View File

@ -1,9 +1,14 @@
<app-stepper [step_current]="5" [step_max]="pollService.step_max"></app-stepper> <div class="step">
<app-errors-list [form]="pollService.form"></app-errors-list> <div class="min-height">
<!--<app-success [poll]="pollService.form.value"></app-success>--> <section class="supplement">
<app-stepper [step_current]="5" [step_max]="pollService.step_max"></app-stepper>
<section class="supplement container"> <app-errors-list [form]="pollService.form"></app-errors-list>
<fieldset class="advanced-config"> <fieldset class="advanced-config">
<div class="has-background-danger" *ngIf="!pollService.form.valid">
le formulaire est invalide
<pre> {{ pollService.form.errors | json }}</pre>
</div>
<button <button
class="button is-unchecked-info" class="button is-unchecked-info"
[ngClass]="{ 'is-info': !advancedDisplayEnabled, 'is-primary': advancedDisplayEnabled }" [ngClass]="{ 'is-info': !advancedDisplayEnabled, 'is-primary': advancedDisplayEnabled }"
@ -29,16 +34,10 @@
</button> </button>
</div> </div>
</div> </div>
<button class="btn btn--warning" (click)="askInitFormDefault()"> <!-- <button class="btn btn&#45;&#45;warning" (click)="askInitFormDefault()">-->
<i class="fa fa-refresh"></i> <!-- <i class="fa fa-refresh"></i>-->
Tout réinitialiser <!-- Tout réinitialiser-->
</button> <!-- </button>-->
</section>
<div class="well">
{{ pollService.form.value.custom_url }}
</div> </div>
<div class="has-background-danger" *ngIf="!pollService.form.valid"> </div>
le formulaire est invalide
<pre> {{ pollService.form.errors | json }}</pre>
</div>
</section>

View File

@ -0,0 +1,3 @@
.advanced-config {
margin-bottom: 2em;
}

View File

@ -38,7 +38,9 @@
<div class="list-datechoices" *ngIf="pollService.form.value.isAboutDate"> <div class="list-datechoices" *ngIf="pollService.form.value.isAboutDate">
<ul *ngFor="let choice of pollService.dateChoiceList"> <ul *ngFor="let choice of pollService.dateChoiceList">
<li> <li>
{{ choice.date_object | date: 'E d M yyy':'Europe/Paris':'fr_FR' }} <span class="date">
{{ choice.date_object | date: 'E d/M/yyy':'Europe/Paris':'fr_FR' }}
</span>
</li> </li>
</ul> </ul>
</div> </div>
@ -78,17 +80,23 @@
</div> </div>
</div> </div>
</div> </div>
<div class="columns">
<div class="column"> <div class="column">
<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/6']"> <button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/6']">
précédent précédent
</button> </button>
</div> </div>
<div class="column"> <div class="column">
<button class="btn is-primary is-fullwidth" (click)="createPoll()" [disabled]="!pollService.form.valid"> <button
class="button is-finish is-fullwidth"
(click)="createPoll()"
[disabled]="!pollService.form.valid"
>
<i class="fa fa-save"></i> <i class="fa fa-save"></i>
Enregistrer le sondage Enregistrer le sondage
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>

View File

@ -1,6 +1,6 @@
<div class="step-container min-height"> <div class="step-container min-height">
<app-stepper [step_current]="6" [step_max]="pollService.step_max"></app-stepper> <app-stepper [step_current]="6" [step_max]="pollService.step_max"></app-stepper>
<div class=""> <div class="min-height">
<form action="#" [formGroup]="pollService.form"> <form action="#" [formGroup]="pollService.form">
<h2 class="title is-2"> <h2 class="title is-2">
Dites à vos participants qui vous êtes ! Dites à vos participants qui vous êtes !