From d7564300e8b97ac9af5d441984752d05bd046cc3 Mon Sep 17 00:00:00 2001
From: qdegrandmaison <quentin.degrandmaison@dashlane.com>
Date: Wed, 30 Nov 2022 16:08:41 +0100
Subject: [PATCH] feat(verif): add a confirm dialog for tocards

---
 src/index.html | 35 +++++++++++++++++++++--------------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/index.html b/src/index.html
index dcf0b03..5da9dc0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -17,6 +17,7 @@
       __OPTIONS__
     </select>
 
+    <div id="confirmation"></div>
     <h2 id="result"></h2>
 
     <!-- Christmas tree -->
@@ -70,22 +71,28 @@
 
     <script>
       document.getElementById("person").addEventListener("change", (event) => {
-        const options = {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ person: event.target.value }),
-        };
+        if (
+          window.confirm(
+            `Vérification! Tu es ${event.target.value}, c'est bien ça?`
+          )
+        ) {
+          const options = {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ person: event.target.value }),
+          };
 
-        console.log(options);
+          console.log(options);
 
-        fetch("api", options)
-          .then((response) => response.text())
-          .then((text) => {
-            document.getElementById(
-              "result"
-            ).textContent = `Hoho! Tu as pioché ${text} ;`;
-            document.getElementById("person").remove();
-          });
+          fetch("api", options)
+            .then((response) => response.text())
+            .then((text) => {
+              document.getElementById(
+                "result"
+              ).textContent = `Hoho! Tu as pioché ${text} ;`;
+              document.getElementById("person").remove();
+            });
+        }
       });
     </script>
   </body>