Update templates/index.html

templates/index.html

@@ -134,8 +134,6 @@
 
     <script>
         let recognition;
-        let registrationMode = false;  // Track whether it's registration or login
-
         if ('webkitSpeechRecognition' in window) {
             recognition = new webkitSpeechRecognition();
             recognition.continuous = false;
@@ -158,11 +156,9 @@
                     let response = event.results[0][0].transcript.trim().toLowerCase();
                     recognition.stop();
                     if (response.includes("new")) {
-                        registrationMode = true;
                         showRegistrationForm();
-                        captureName();
+                        captureDetailsForRegistration();
                     } else if (response.includes("existing")) {
-                        registrationMode = false;
                         showLoginForm();
                         captureLoginEmail();
                     } else {
@@ -182,97 +178,49 @@
             document.getElementById('registrationForm').style.display = 'none';
         }
 
-        // Capture name and confirm for registration
-        function captureName() {
-            speak("Please say your name.", function () {
+        // Capture all details for new registration without asking for fields
+        function captureDetailsForRegistration() {
+            speak("Please provide your name, email, and mobile number.", function () {
                 recognition.start();
                 recognition.onresult = function (event) {
-                    let nameCaptured = event.results[0][0].transcript.trim();
-                    document.getElementById('name').value = nameCaptured;
-                    recognition.stop();
-                    speak("You said " + nameCaptured + ". Is it correct?", function () {
-                        confirmName(nameCaptured);
-                    });
-                };
-            });
-        }
-
-        function confirmName(nameCaptured) {
-            recognition.start();
-            recognition.onresult = function (event) {
-                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-                recognition.stop();
-                if (confirmation.includes("yes") || confirmation.includes("ok")) {
-                    captureEmail();
-                } else {
-                    captureName();
-                }
-            };
-        }
+                    let details = event.results[0][0].transcript.trim();
+                    let detailsArray = details.split(" ");
+                    let nameCaptured = detailsArray[0];  // First word is assumed to be the name
+                    let emailCaptured = detailsArray[1]; // Second word assumed to be the email
+                    let mobileCaptured = detailsArray[2]; // Third word assumed to be the mobile
 
-        function captureEmail() {
-            speak("Now, say your email.", function () {
-                recognition.start();
-                recognition.onresult = function (event) {
-                    let emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
+                    // Automatically fill in the fields
+                    document.getElementById('name').value = nameCaptured;
                     document.getElementById('email').value = emailCaptured;
-                    recognition.stop();
-                    speak("You said " + emailCaptured + ". Is it correct?", function () {
-                        confirmEmail(emailCaptured);
-                    });
-                };
-            });
-        }
-
-        function confirmEmail(emailCaptured) {
-            recognition.start();
-            recognition.onresult = function (event) {
-                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-                recognition.stop();
-                if (confirmation.includes("yes") || confirmation.includes("ok")) {
-                    captureMobile();
-                } else {
-                    captureEmail();
-                }
-            };
-        }
-
-        function captureMobile() {
-            speak("Now, say your mobile number.", function () {
-                recognition.start();
-                recognition.onresult = function (event) {
-                    let mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
                     document.getElementById('mobile').value = mobileCaptured;
-                    recognition.stop();
-                    speak("You said " + mobileCaptured + ". Is it correct?", function () {
-                        confirmMobile(mobileCaptured);
+
+                    // Confirm the details
+                    speak(`You said: Name: ${nameCaptured}, Email: ${emailCaptured}, Mobile: ${mobileCaptured}. Is it correct?`, function () {
+                        confirmRegistrationDetails(nameCaptured, emailCaptured, mobileCaptured);
                     });
                 };
             });
         }
 
-        function confirmMobile(mobileCaptured) {
+        // Confirm details for registration
+        function confirmRegistrationDetails(nameCaptured, emailCaptured, mobileCaptured) {
             recognition.start();
             recognition.onresult = function (event) {
                 let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                 recognition.stop();
                 if (confirmation.includes("yes") || confirmation.includes("ok")) {
-                    showConfirmationDetails();
+                    showConfirmationDetails(nameCaptured, emailCaptured, mobileCaptured);
                 } else {
-                    captureMobile();
+                    captureDetailsForRegistration();
                 }
             };
         }
 
         // Show the confirmation details to the user
-        function showConfirmationDetails() {
-            const name = document.getElementById('name').value;
-            const email = document.getElementById('email').value;
-            const phone = document.getElementById('mobile').value;
-
+        function showConfirmationDetails(name, email, mobile) {
             document.getElementById('confirmedName').textContent = "Name: " + name;
             document.getElementById('confirmedEmail').textContent = "Email: " + email;
-            document.getElementById('confirmedPhone').textContent = "Phone: " + phone;
+            document.getElementById('confirmedPhone').textContent = "Phone: " + mobile;
 
             document.getElementById('confirmationSection').style.display = 'block';
         }