From 9031b60178bf2c4a25bc596161429fa6a24858c2 Mon Sep 17 00:00:00 2001
From: TitiAlone <titi_alone@gmx.fr>
Date: Mon, 12 Aug 2019 14:40:33 +0200
Subject: [PATCH] Adding basic date filling

---
 src/app/app.module.ts                    |  4 ++++
 src/app/config/PollConfig.ts             |  4 +---
 src/app/pages/dates/dates.component.html | 19 ++++++++++++++++---
 src/app/pages/dates/dates.component.ts   |  3 +--
 4 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index b6fda379..20079e20 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -21,6 +21,10 @@ import { AnswersComponent } from './pages/answers/answers.component';
 import { EndConfirmationComponent } from './pages/end-confirmation/end-confirmation.component';
 import { CreateOrRetrieveComponent } from './page/create-or-retrieve/create-or-retrieve.component';
 
+import { registerLocaleData } from '@angular/common';
+import localeFr from '@angular/common/locales/fr';
+
+registerLocaleData(localeFr, 'fr');
 
 @NgModule({
   declarations: [
diff --git a/src/app/config/PollConfig.ts b/src/app/config/PollConfig.ts
index a2ccb5f4..9f0698aa 100644
--- a/src/app/config/PollConfig.ts
+++ b/src/app/config/PollConfig.ts
@@ -2,9 +2,7 @@
  * une option de date dans les sondages spéciaux
  */
 export interface DateOption {
-    text: string;
-    start?: string;
-    end?: string;
+    literal: string;
 }
 
 /**
diff --git a/src/app/pages/dates/dates.component.html b/src/app/pages/dates/dates.component.html
index c2791794..aa242a67 100644
--- a/src/app/pages/dates/dates.component.html
+++ b/src/app/pages/dates/dates.component.html
@@ -1,6 +1,7 @@
 <div i18n>
 	Config spécialement pour les dates
 </div>
+
 <div>
 	<select
 		  name="multi_hours"
@@ -10,15 +11,18 @@
 		<option value="true">possiblement différents</option>
 		<option value="false">identiques</option>
 	</select>
+
 	<label for="multi_hours">
 		<span i18n>
 			Je souhaite mettre des créneaux horaires
 		</span>
+
 		<span i18n>
 			pour chaque journée
 		</span>
 	</label>
 </div>
+
 <button
 	  class="btn btn-primary"
 	  (click)="addDate()"
@@ -31,15 +35,24 @@
 	<span i18n>
 		choix de Dates
 	</span>
+
 	<div
-		  *ngFor="let choice of config.dateList"
+		  *ngFor="let choice of config.dateList; index as id"
 		  class="date-choice"
 	>
-		{{choice.text}}
+		<input
+			type="text"
+			name="dateChoices[]"
+			[(ngModel)]="choice.literal"
+		>
+
+		<button (click)="config.dateList.splice(id, 1)">X</button>
 	</div>
 </div>
+
 <a
 	  [routerLink]="'/step/end'"
 	  class="btn btn-block"
->C'est parfait!
+>
+	C'est parfait!
 </a>
diff --git a/src/app/pages/dates/dates.component.ts b/src/app/pages/dates/dates.component.ts
index 51fa4305..a052cfc2 100644
--- a/src/app/pages/dates/dates.component.ts
+++ b/src/app/pages/dates/dates.component.ts
@@ -8,7 +8,6 @@ import {BaseComponent} from '../base-page/base.component';
     styleUrls: ['./dates.component.scss']
 })
 export class DatesComponent extends BaseComponent implements OnInit {
-
     constructor(public config: ConfigService) {
         super(config);
     }
@@ -17,6 +16,6 @@ export class DatesComponent extends BaseComponent implements OnInit {
     }
 
     addDate() {
-        console.log('TODO');
+        this.config.dateList.push({ literal: '' });
     }
 }