⚡ lien entre multiple dates et config

src/app/debugger/debugger.component.html

@@ -1,7 +1,6 @@
 <div class="well debug">
 
 	<strong>
-
 		<h2 i18n>
 			infos de debug
 		</h2>
@@ -30,10 +29,10 @@
   </span>
 <!--  todo: factoriser les boutons-->
 <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>
     sondage classique
@@ -44,10 +43,10 @@
 
 </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>
     sondage spécial date
@@ -58,6 +57,10 @@
 
 </button>
 
-<button class="btn" i18n (click)="config.sendForm()">
+<button
+	  class="btn"
+	  i18n
+	  (click)="config.sendForm()"
+>
 	Envoyer le formulaire
 </button>

src/app/form-container/form-container.component.html

@@ -1,56 +1,69 @@
 <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
 	  </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>
-		<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>

src/app/header/header.component.html

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

src/app/pages/dates/dates.component.html

@@ -2,10 +2,13 @@
 	Config spécialement pour les dates
 </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>
 	<label for="multi_hours">
 		<span i18n>
@@ -17,8 +20,10 @@
 	</label>
 </div>
 <button
-			(click)="addDate()"
+	  class="btn btn-primary"
-			i18n>
+	  (click)="addDate()"
+	  i18n
+>
 	Ajouter une plage de dates
 </button>
 <div class="dates-list">
@@ -27,9 +32,14 @@
 		choix de Dates
 	</span>
 	<div
-				*ngFor="let choice of config.dateList"
+		  *ngFor="let choice of config.dateList"
-				class="date-choice">
+		  class="date-choice"
+	>
 		{{choice.text}}
 	</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>

src/assets/scss/atoms/_forms.scss

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