From 91b94e806f1572a096d655932f352c26540c312c Mon Sep 17 00:00:00 2001
From: Yannick Francois <yaf@elsif.fr>
Date: Tue, 23 Oct 2018 07:56:42 +0200
Subject: [PATCH] Base de reflexion pour l'ajout d'option

---
 public/parametres.html                   |  2 +-
 public/response-text.html                | 29 ++++++++++++++++++++++++
 public/{reponses.html => responses.html} |  7 +++---
 public/script.js                         | 12 +++++++++-
 4 files changed, 44 insertions(+), 6 deletions(-)
 create mode 100644 public/response-text.html
 rename public/{reponses.html => responses.html} (84%)
diff --git a/public/parametres.html b/public/parametres.html
index f565d049..c6ceb00b 100644
--- a/public/parametres.html
+++ b/public/parametres.html
@@ -35,7 +35,7 @@
     </section>
 
     <nav>
-      <a href="reponses.html" class="btn" id="next">Continuer</a>
+      <a href="responses.html" class="btn" id="next">Continuer</a>
     </nav>
 
   </body>
diff --git a/public/response-text.html b/public/response-text.html
new file mode 100644
index 00000000..8d092408
--- /dev/null
+++ b/public/response-text.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="fr">
+
+  <head>
+    <meta charset="utf-8">
+    <meta name="referrer" content="same-origin">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+    <title>Framadate</title>
+
+    <meta name="description" content=" ">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link crossorigin="anonymous" rel="stylesheet" href="https://rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap-reboot.css">
+    <link rel="stylesheet" href="style.css">
+  </head>
+
+  <body>
+
+    <label>
+      Texte
+      <input type="texte" value="">
+      <button class="clean">Nettoyage</button>
+    </label>
+
+  </body>
+</html>
+
+
diff --git a/public/reponses.html b/public/responses.html
similarity index 84%
rename from public/reponses.html
rename to public/responses.html
index a83887d6..67ca4abe 100644
--- a/public/reponses.html
+++ b/public/responses.html
@@ -27,15 +27,14 @@
         <option>des liens</option>
       </select>
     </p>
-    <ul>
-      <li>
-        Image
-      </li>
+    <ul id="responses">
     </ul>
 
   </section>
 
   <nav>
+    <a href="responses.html" id="add-response-choice" class="btn next">Ajouter</a>
+    <a href="responses.html" class="btn next">Tout effacer</a>
     <a href="recapitulatif.html" class="btn next">Continuer</a>
   </nav>
 
diff --git a/public/script.js b/public/script.js
index b99786cd..3e7dc914 100644
--- a/public/script.js
+++ b/public/script.js
@@ -58,12 +58,22 @@ $$('input').forEach((inputElement) => {
   });
 });
 
+$("#add-response-choice").addEventListener('click', (e) => {
+  e.preventDefault();
+  let response = document.createElement("li");
+  let text = document.createTextNode("Blabla");
+  response.appendChild(text);
+
+  $("#responses").appendChild(response);
+});
+
+
 if(document.getElementById("type_sondage")) {
   type_sondage.addEventListener('change', function() {
     let typeSondage = this.options[this.selectedIndex].text;
     if(typeSondage == "classique") {
       localStorage.setItem('type_sondage', this.options[this.selectedIndex].text);
-      $('#next').href = "reponses.html";
+      $('#next').href = "responses.html";
     } else {
       localStorage.setItem('type_sondage', 'dates');
       $('#next').href = "dates.html";
