From 8eecb506c3c448273a2d52fc7f28733b09e93717 Mon Sep 17 00:00:00 2001
From: tykayn <tykayn@gmail.com>
Date: Sun, 11 Aug 2019 17:44:11 +0200
Subject: [PATCH] :zap: add my name input in first form

---
 src/app/config/PollConfig.ts                  |  1 +
 .../form-container.component.html             | 25 ++++++++++++++++---
 .../create-or-retrieve.component.html         | 10 ++++----
 3 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/app/config/PollConfig.ts b/src/app/config/PollConfig.ts
index 2837f892..a2ccb5f4 100644
--- a/src/app/config/PollConfig.ts
+++ b/src/app/config/PollConfig.ts
@@ -16,6 +16,7 @@ export class PollConfig {
     pollType = 'classic';
     title = '';
     description = '';
+    myName = '';
     visibility = 'link_only';
     // date specific poll
     allowSeveralHours = false;
diff --git a/src/app/form-container/form-container.component.html b/src/app/form-container/form-container.component.html
index ea17a536..3dfdb9c1 100644
--- a/src/app/form-container/form-container.component.html
+++ b/src/app/form-container/form-container.component.html
@@ -1,6 +1,9 @@
 <div class="description">
 
 	<router-outlet></router-outlet>
+	<h1 i18n>
+		Pour commencer
+	</h1>
 	<span
 		  class="pre-selector"
 		  i18n
@@ -10,6 +13,7 @@
 	<select
 		  id="selector"
 		  name="selector"
+		  autofocus="autofocus"
 		  [(ngModel)]="config.pollType"
 	>
 		<option value="dates">
@@ -21,7 +25,6 @@
 	</select>
 	<span class="post-selector">
   </span>
-	<hr>
 	<div>
 
 		<label
@@ -35,10 +38,23 @@
 			  type="text"
 			  id="poll_title"
 			  name="poll_title"
+			  placeholder="titre"
 			  [(ngModel)]="config.title"
 		>
 
 	</div>
+	<div>
+		<label for="my_name">
+			Je peux aussi préciser mon nom si je le souhaite :
+		</label>
+		<input
+			  type="text"
+			  name="my_name"
+			  id="my_name"
+			  placeholder="mon nom"
+			  [(ngModel)]="config.myName"
+		>
+	</div>
 	<div>
 
 		<label
@@ -52,6 +68,7 @@
 			  id="poll_description"
 			  name="poll_description"
 			  [(ngModel)]="config.description"
+			  placeholder="description"
 			  cols="50"
 			  lines="5"
 		></textarea>
@@ -60,10 +77,10 @@
 
 	<a
 		  [routerLink]="'/step/answers'"
-		  class="btn striked"
-		  i18n="start_form"
+		  class="btn btn-block"
+		  i18n
 	>
-		C'est parti
+		Continuer
 	</a>
 	<hr>
 </div>
diff --git a/src/app/page/create-or-retrieve/create-or-retrieve.component.html b/src/app/page/create-or-retrieve/create-or-retrieve.component.html
index 094efe04..833eb1b8 100644
--- a/src/app/page/create-or-retrieve/create-or-retrieve.component.html
+++ b/src/app/page/create-or-retrieve/create-or-retrieve.component.html
@@ -10,7 +10,7 @@
 		liens… un sondage quoi !
 	</p>
 	<a
-		  [routerLink]="'home'"
+		  [routerLink]="'/home'"
 		  class="btn striked"
 	>
 		C'est parti
@@ -38,11 +38,11 @@
 			  autofocus="autofocus"
 			  placeholder="mon e-mail"
 		/>
-		<button
+		<input
+			  type="submit"
 			  class="btn btn-block"
 			  i18n
-		>
-			Retrouver mes sondages
-		</button>
+			  value="Retrouver mes sondages"
+		/>
 	</form>
 </section>