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,44 +1,43 @@
<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>
<app-errors-list [form]="pollService.form"></app-errors-list>
<fieldset class="advanced-config">
<div class="has-background-danger" *ngIf="!pollService.form.valid">
le formulaire est invalide
<pre> {{ pollService.form.errors | json }}</pre>
</div>
<section class="supplement container"> <button
<fieldset class="advanced-config"> class="button is-unchecked-info"
<button [ngClass]="{ 'is-info': !advancedDisplayEnabled, 'is-primary': advancedDisplayEnabled }"
class="button is-unchecked-info" (click)="advancedDisplayEnabled = !advancedDisplayEnabled"
[ngClass]="{ 'is-info': !advancedDisplayEnabled, 'is-primary': advancedDisplayEnabled }" >
(click)="advancedDisplayEnabled = !advancedDisplayEnabled" <i class="fa fa-chevron-circle-down" *ngIf="!advancedDisplayEnabled"></i>
> <i class="fa fa-chevron-circle-up" *ngIf="advancedDisplayEnabled"></i>
<i class="fa fa-chevron-circle-down" *ngIf="!advancedDisplayEnabled"></i> {{ 'creation.advanced' | translate }}
<i class="fa fa-chevron-circle-up" *ngIf="advancedDisplayEnabled"></i> </button>
{{ 'creation.advanced' | translate }} <fieldset class="complete well" *ngIf="advancedDisplayEnabled">
</button> <app-advanced-config [form]="pollService.form"></app-advanced-config>
<fieldset class="complete well" *ngIf="advancedDisplayEnabled"> </fieldset>
<app-advanced-config [form]="pollService.form"></app-advanced-config> </fieldset>
</fieldset> <div class="columns">
</fieldset> <div class="column">
<div class="columns"> <button class="button is-default is-fullwidth" [routerLink]="['/administration/step/4']">
<div class="column"> Précédent
<button class="button is-default is-fullwidth" [routerLink]="['/administration/step/4']"> </button>
Précédent </div>
</button> <div class="column">
</div> <button class="button is-primary is-fullwidth" [routerLink]="['/administration/step/6']">
<div class="column"> Suivant
<button class="button is-primary is-fullwidth" [routerLink]="['/administration/step/6']"> </button>
Suivant </div>
</button> </div>
</div> <!-- <button class="btn btn&#45;&#45;warning" (click)="askInitFormDefault()">-->
<!-- <i class="fa fa-refresh"></i>-->
<!-- Tout réinitialiser-->
<!-- </button>-->
</section>
</div> </div>
<button class="btn btn--warning" (click)="askInitFormDefault()"> </div>
<i class="fa fa-refresh"></i>
Tout réinitialiser
</button>
<div class="well">
{{ pollService.form.value.custom_url }}
</div>
<div class="has-background-danger" *ngIf="!pollService.form.valid">
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,16 +80,22 @@
</div> </div>
</div> </div>
</div> </div>
<div class="column"> <div class="columns">
<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/6']"> <div class="column">
précédent <button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/6']">
</button> précédent
</div> </button>
<div class="column"> </div>
<button class="btn is-primary is-fullwidth" (click)="createPoll()" [disabled]="!pollService.form.valid"> <div class="column">
<i class="fa fa-save"></i> <button
Enregistrer le sondage class="button is-finish is-fullwidth"
</button> (click)="createPoll()"
[disabled]="!pollService.form.valid"
>
<i class="fa fa-save"></i>
Enregistrer le sondage
</button>
</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 !