Adding basic date filling

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: [

src/app/config/PollConfig.ts

@@ -2,9 +2,7 @@
  * une option de date dans les sondages spéciaux
  */
 export interface DateOption {
-    text: string;
+    literal: string;
-    start?: string;
-    end?: string;
 }
 
 /**

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>

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: '' });
     }
 }