⚡ 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>
@@ -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,8 +1,10 @@
 <div class="description">
-	<fieldset>
 
 	<router-outlet></router-outlet>
-		<span class="pre-selector" i18n>
+	<span
+		  class="pre-selector"
+		  i18n
+	>
 	  Je veux créer un sondage
 	  </span>
 	<select
@@ -22,35 +24,46 @@
 	<hr>
 	<div>
 
-			<label for="poll_title" class="title-label" i18n>
+		<label
+			  for="poll_title"
+			  class="title-label"
+			  i18n
+		>
 			Dont le titre sera
 		</label>
 		<input
 			  type="text"
 			  id="poll_title"
 			  name="poll_title"
-						[(ngModel)]="config.title">
+			  [(ngModel)]="config.title"
+		>
 
 	</div>
 	<div>
 
-			<label for="poll_description" class="title-label" i18n>
+		<label
+			  for="poll_description"
+			  class="title-label"
+			  i18n
+		>
 			et la description serait
 		</label>
 		<textarea
 			  id="poll_description"
 			  name="poll_description"
 			  [(ngModel)]="config.description"
-						cols="50" lines="5"></textarea>
+			  cols="50"
+			  lines="5"
+		></textarea>
 
 	</div>
 
 	<a
 		  [routerLink]="'/step/answers'"
 		  class="btn striked"
-					i18n="start_form">
+		  i18n="start_form"
+	>
 		C'est parti
 	</a>
 	<hr>
-	</fieldset>
 </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
+	  class="btn btn-primary"
 	  (click)="addDate()"
-			i18n>
+	  i18n
+>
 	Ajouter une plage de dates
 </button>
 <div class="dates-list">
@@ -28,8 +33,13 @@
 	</span>
 	<div
 		  *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;