From 8ea0e4420e8c27f32fa633ee88d5fc5d390ee226 Mon Sep 17 00:00:00 2001
From: DDDrag0 <micheledarienzo1974@gmail.com>
Date: Sat, 20 Jan 2024 11:21:49 +0100
Subject: [PATCH] fixed textbox

---
 src/main/webapp/JS/login.js   | 13 ++++---------
 src/main/webapp/JSP/login.jsp |  7 +------
 2 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/main/webapp/JS/login.js b/src/main/webapp/JS/login.js
index 1e3da9d..809e7f6 100644
--- a/src/main/webapp/JS/login.js
+++ b/src/main/webapp/JS/login.js
@@ -1,9 +1,10 @@
-const resetEmail = $("#resetEmail");
 const c1 = $("#c1");
 const c2 = $("#c2");
 const c3 = $("#c3");
 const c4 = $('#c4');
 const loginPage = $('#loginPage');
+const pin = $("#pin");
+const resetEmail = $("#resetEmail");
 const container = $('#container');
 const newPassword = $("#newPassword");
 const repeatNewPassword = $("#repeatNewPassword");
@@ -150,18 +151,12 @@ $(document).ready(function startUp() {
 
     $("#confirmPin").click((event) => {
         event.preventDefault();
-        let data = '';
-        for (let i = 0; i < 4; i++) {
-            let squareId = 'square' + i;
-            let square = document.getElementById(squareId);
-            data += square.textContent || '0';
-        }
-        if (data === sessionPin) {
+        if (pin.val() === sessionPin) {
             // if the PIN entered matches the saved PIN, proceed to step 3
             c2.hide();
             c3.show();
         } else {
-            alert('The pin is incorrect');
+            alert('Il pin non è corretto');
         }
     });
 
diff --git a/src/main/webapp/JSP/login.jsp b/src/main/webapp/JSP/login.jsp
index 853c94c..2dcc5fa 100644
--- a/src/main/webapp/JSP/login.jsp
+++ b/src/main/webapp/JSP/login.jsp
@@ -64,12 +64,7 @@
             <div class="discovering-english">Inserisci Codice di Verifica</div>
             <p class="chapter">	Se hai fornito l’email correttamente, Inserisci <br>
                 il codice di verifica che ti abbiamo inviato.</p>
-            <div class="cardo">
-                <div class="square" onclick="focusInput(0)" id="square0"></div>
-                <div class="square" onclick="focusInput(1)" id="square1"></div>
-                <div class="square" onclick="focusInput(2)" id="square2"></div>
-                <div class="square" onclick="focusInput(3)" id="square3"></div>
-            </div>
+            <input class="box" placeholder="pin" id="pin" pattern="^\d{4}$" type="email">
             <p class="chapter">Non hai ricevuto il codice?Rimanda</p>
             <button class="button" id="confirmPin">Conferma</button>
         </div>