From 8f309740c18e25586434e9095f51ab064c9a9587 Mon Sep 17 00:00:00 2001
From: Yannick Francois <yaf@elsif.fr>
Date: Tue, 27 Nov 2018 23:55:54 +0100
Subject: [PATCH] Ajoute des dates, et les enregistres dans le localStorage

---
 public/dates.html | 10 ++--------
 public/script.js  | 40 +++++++++++++++++++++++++++++++++-------
 2 files changed, 35 insertions(+), 15 deletions(-)

diff --git a/public/dates.html b/public/dates.html
index 73eeb101..e78304fe 100644
--- a/public/dates.html
+++ b/public/dates.html
@@ -35,17 +35,11 @@
       <li>
         <i class="far fa-calendar-alt"></i>
         <input type="date" name="date-1">
-        <button class="btn-no-style"><i class="fas fa-trash-alt"></i></button>
-      </li>
-
-      <li class="item-disabled">
-        <i class="far fa-calendar-alt"></i>
-        <input type="date" name="date-2">
-        <button class="btn-no-style"><i class="fas fa-trash-alt"></i></button>
+        <button class="remove btn-no-style"><i class="fas fa-trash-alt"></i></button>
       </li>
     </ul>
 
-    <button>Ajouter une plage de date</button>
+    <button id="addDateButton">Ajouter une date</button>
   </section>
 
   <nav>
diff --git a/public/script.js b/public/script.js
index a99b8710..7de14d65 100644
--- a/public/script.js
+++ b/public/script.js
@@ -62,12 +62,6 @@ const buildTextField = () => {
 
 }
 
-$$('input').forEach((inputElement) => {
-  inputElement.addEventListener("change", () => {
-    localStorage[inputElement.name] = inputElement.value
-  });
-});
-
 if($("#add-response-choice")) {
   $("#add-response-choice").addEventListener('click', (e) => {
     e.preventDefault();
@@ -101,10 +95,42 @@ if(document.getElementById("type_sondage")) {
 }
 
 if(document.getElementById("startButton")) {
-  startButton.addEventListener('click', function () {
+  startButton.addEventListener('click', () => {
     localStorage.clear()
     localStorage.setItem('type_sondage', 'classique');
   });
 }
 
+if(document.getElementById("addDateButton")) {
+  addDateButton.addEventListener('click', () => {
+    let newLi = document.createElement("li")
+    let content = $("ul>li").innerHTML.replace("date-1", `date-${$$("li").length + 1}`)
+    newLi.innerHTML = content
+    $("ul").appendChild(newLi);
+    initEventOnScreen();
+  });
+}
+
+const addDeleteParentEvent = () => {
+  $$(".remove").forEach((element) => {
+    element.addEventListener('click', () => {
+      element.parentElement.remove();
+    });
+  });
+}
+
+const addInputToStorageEvent = () => {
+  $$('input').forEach((inputElement) => {
+    inputElement.addEventListener("change", () => {
+      localStorage[inputElement.name] = inputElement.value
+    });
+  });
+}
+
+const initEventOnScreen = () => {
+  addDeleteParentEvent();
+  addInputToStorageEvent();
+}
+
+initEventOnScreen();
 debugStorage();