lien entre multiple dates et config

This commit is contained in:
tykayn 2019-08-11 17:10:09 +02:00
parent 56a7271325
commit d941d6bed8
5 changed files with 92 additions and 65 deletions

View File

@ -1,7 +1,6 @@
<div class="well debug"> <div class="well debug">
<strong> <strong>
<h2 i18n> <h2 i18n>
infos de debug infos de debug
</h2> </h2>
@ -30,10 +29,10 @@
</span> </span>
<!-- todo: factoriser les boutons--> <!-- todo: factoriser les boutons-->
<button <button
(click)="config.set('pollType' , 'classic')" (click)="config.set('pollType' , 'classic')"
[class.active]="config.pollType == 'classic'" [class.active]="config.pollType == 'classic'"
[disabled]="!formIsValid" [disabled]="!formIsValid"
class="btn btn-primary next" class="btn btn-primary next"
> >
<span i18n> <span i18n>
sondage classique sondage classique
@ -44,10 +43,10 @@
</button> </button>
<button <button
(click)="selectOption('pollType' ,'dates')" (click)="selectOption('pollType' ,'dates')"
[class.active]="config.pollType == 'dates'" [class.active]="config.pollType == 'dates'"
[disabled]="!formIsValid" [disabled]="!formIsValid"
class="btn btn-primary next" class="btn btn-primary next"
> >
<span i18n> <span i18n>
sondage spécial date sondage spécial date
@ -58,6 +57,10 @@
</button> </button>
<button class="btn" i18n (click)="config.sendForm()"> <button
class="btn"
i18n
(click)="config.sendForm()"
>
Envoyer le formulaire Envoyer le formulaire
</button> </button>

View File

@ -1,56 +1,69 @@
<div class="description"> <div class="description">
<fieldset>
<router-outlet></router-outlet> <router-outlet></router-outlet>
<span class="pre-selector" i18n> <span
class="pre-selector"
i18n
>
Je veux créer un sondage Je veux créer un sondage
</span> </span>
<select <select
id="selector" id="selector"
name="selector" name="selector"
[(ngModel)]="config.pollType" [(ngModel)]="config.pollType"
> >
<option value="dates"> <option value="dates">
spécial dates spécial dates
</option> </option>
<option value="classic"> <option value="classic">
classique classique
</option> </option>
</select> </select>
<span class="post-selector"> <span class="post-selector">
</span> </span>
<hr> <hr>
<div> <div>
<label for="poll_title" class="title-label" i18n> <label
Dont le titre sera for="poll_title"
</label> class="title-label"
<input i18n
type="text" >
id="poll_title" Dont le titre sera
name="poll_title" </label>
[(ngModel)]="config.title"> <input
type="text"
id="poll_title"
name="poll_title"
[(ngModel)]="config.title"
>
</div> </div>
<div> <div>
<label for="poll_description" class="title-label" i18n> <label
et la description serait for="poll_description"
</label> class="title-label"
<textarea i18n
id="poll_description" >
name="poll_description" et la description serait
[(ngModel)]="config.description" </label>
cols="50" lines="5"></textarea> <textarea
id="poll_description"
name="poll_description"
[(ngModel)]="config.description"
cols="50"
lines="5"
></textarea>
</div> </div>
<a <a
[routerLink]="'/step/answers'" [routerLink]="'/step/answers'"
class="btn striked" class="btn striked"
i18n="start_form"> i18n="start_form"
C'est parti >
</a> C'est parti
<hr> </a>
</fieldset> <hr>
</div> </div>

View File

@ -1 +1,2 @@
<p>(progression)</p> <p>(progression)</p>
<!--TODO-->

View File

@ -2,10 +2,13 @@
Config spécialement pour les dates Config spécialement pour les dates
</div> </div>
<div> <div>
<select name="multi_hours" id="multi_hours" <select
[(ngModel)]="config.allowSeveralHours"> name="multi_hours"
<option value="yes">possiblement différents</option> id="multi_hours"
<option value="no">identiques</option> [(ngModel)]="config.allowSeveralHours"
>
<option value="true">possiblement différents</option>
<option value="false">identiques</option>
</select> </select>
<label for="multi_hours"> <label for="multi_hours">
<span i18n> <span i18n>
@ -17,8 +20,10 @@
</label> </label>
</div> </div>
<button <button
(click)="addDate()" class="btn btn-primary"
i18n> (click)="addDate()"
i18n
>
Ajouter une plage de dates Ajouter une plage de dates
</button> </button>
<div class="dates-list"> <div class="dates-list">
@ -27,9 +32,14 @@
choix de Dates choix de Dates
</span> </span>
<div <div
*ngFor="let choice of config.dateList" *ngFor="let choice of config.dateList"
class="date-choice"> class="date-choice"
>
{{choice.text}} {{choice.text}}
</div> </div>
</div> </div>
<a [routerLink]="'/step/end'" class="btn btn-block">C'est parfait!</a> <a
[routerLink]="'/step/end'"
class="btn btn-block"
>C'est parfait!
</a>

View File

@ -2,7 +2,7 @@
// form inputs // form inputs
.funky-box { .funky-box {
// background: $light; //background: $white;
padding: 1em; padding: 1em;
border-radius: 0.25em; border-radius: 0.25em;
border-bottom: 3px solid $primary_color; border-bottom: 3px solid $primary_color;