voicemenulogin625

Sleeping

App Files Files Community

lokesh341 commited on 23 days ago

Commit

2e36cf4

verified ·

1 Parent(s): e308054

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +55 -53

templates/index.html CHANGED Viewed

@@ -31,7 +31,7 @@
             border-radius: 10px;
             width: 500px;
             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-            display: none; /* Initially hidden, will show based on selection */
         }
         .form-container {
             width: 100%;
@@ -75,6 +75,24 @@
             color: gray;
             margin-top: 10px;
         }
     </style>
 </head>
 <body>
@@ -93,7 +111,6 @@
             <input type="text" id="mobile" placeholder="Your mobile number will appear here..." readonly>
             <p class="info" id="infoMessage">Listening 🗣🎙️...</p>
-            <p class="status" id="status">🔊...</p>
         </div>
     </div>
@@ -107,10 +124,17 @@
             <input type="text" id="loginMobile" placeholder="Your mobile number will appear here..." readonly>
             <p class="info" id="infoMessageLogin">Listening 🗣🎙️...</p>
-            <p class="status" id="statusLogin">🔊...</p>
         </div>
     </div>
     <script>
         let recognition;
         if ('webkitSpeechRecognition' in window) {
@@ -129,7 +153,7 @@
         }
         function askLoginOrRegister() {
-            speak("Welcome to Biryani Hub. Are you a new customer or an existing customer? Say 'Register' for registration or 'Login' to log in.", function() {
                 recognition.start();
                 recognition.onresult = function(event) {
                     let response = event.results[0][0].transcript.trim().toLowerCase();
@@ -139,7 +163,7 @@
                     } else if (response.includes("login")) {
                         showLoginForm();
                     } else {
-                        speak("Sorry, I didn't understand. Please say 'Register' for registration or 'Login' to log in.", askLoginOrRegister);
                     }
                 };
             });
@@ -148,13 +172,7 @@
         function showRegistrationForm() {
             document.getElementById('registrationForm').style.display = 'block';
             document.getElementById('loginForm').style.display = 'none';
-            speak("Please tell me your name to begin the registration.", startListeningForName);
-        }
-        function showLoginForm() {
-            document.getElementById('loginForm').style.display = 'block';
-            document.getElementById('registrationForm').style.display = 'none';
-            speak("Please tell me your email to begin the login process.", startListeningForLoginEmail);
         }
         function startListeningForName() {
@@ -162,52 +180,36 @@
             recognition.onresult = function(event) {
                 document.getElementById('name').value = event.results[0][0].transcript.trim();
                 recognition.stop();
-                speak("Your name is " + document.getElementById('name').value + ". Is it correct?", confirmName);
-            };
-        }
-        function confirmName() {
-            recognition.start();
-            recognition.onresult = function(event) {
-                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-                recognition.stop();
-                if (confirmation.includes("ok")) {
-                    speak("Great! Now, tell me your email.", startListeningForEmail);
-                } else {
-                    speak("Let's try again. Tell me your name.", startListeningForName);
-                }
-            };
-        }
-        function startListeningForEmail() {
-            recognition.start();
-            recognition.onresult = function(event) {
-                document.getElementById('email').value = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
-                recognition.stop();
-                speak("You said " + document.getElementById('email').value + ". Is it correct?", confirmEmail);
             };
         }
-        function confirmEmail() {
-            recognition.start();
-            recognition.onresult = function(event) {
-                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
-                recognition.stop();
-                if (confirmation.includes("ok")) {
-                    speak("Great! Now, tell me your mobile number.", startListeningForMobile);
                 } else {
-                    speak("Let's try again. Tell me your email.", startListeningForEmail);
                 }
-            };
-        }
-        function startListeningForLoginEmail() {
-            recognition.start();
-            recognition.onresult = function(event) {
-                document.getElementById('loginEmail').value = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
-                recognition.stop();
-                speak("You said " + document.getElementById('loginEmail').value + ". Is it correct?", confirmLoginEmail);
-            };
         }
         window.onload = function () {

             border-radius: 10px;
             width: 500px;
             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+            display: none;
         }
         .form-container {
             width: 100%;
             color: gray;
             margin-top: 10px;
         }
+        #confirmation {
+            display: none;
+            background-color: #f9f9f9;
+            padding: 20px;
+            border-radius: 10px;
+            margin-top: 20px;
+        }
+        .confirm-button {
+            padding: 10px 20px;
+            background-color: #ff6a00;
+            color: white;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+        .confirm-button:hover {
+            background-color: #e65e00;
+        }
     </style>
 </head>
 <body>
             <input type="text" id="mobile" placeholder="Your mobile number will appear here..." readonly>
             <p class="info" id="infoMessage">Listening 🗣🎙️...</p>
         </div>
     </div>
             <input type="text" id="loginMobile" placeholder="Your mobile number will appear here..." readonly>
             <p class="info" id="infoMessageLogin">Listening 🗣🎙️...</p>
         </div>
     </div>
+    <div id="confirmation">
+        <h2>Confirm Your Details:</h2>
+        <p><strong>Name:</strong> <span id="confirmName"></span></p>
+        <p><strong>Email:</strong> <span id="confirmEmail"></span></p>
+        <p><strong>Phone:</strong> <span id="confirmPhone"></span></p>
+        <button class="confirm-button" onclick="autoSubmit()">Confirm</button>
+    </div>
     <script>
         let recognition;
         if ('webkitSpeechRecognition' in window) {
         }
         function askLoginOrRegister() {
+            speak("Welcome to Biryani Hub. Say 'Register' to create an account or 'Login' to sign in.", function() {
                 recognition.start();
                 recognition.onresult = function(event) {
                     let response = event.results[0][0].transcript.trim().toLowerCase();
                     } else if (response.includes("login")) {
                         showLoginForm();
                     } else {
+                        speak("I didn't understand. Please say 'Register' to sign up or 'Login' to sign in.", askLoginOrRegister);
                     }
                 };
             });
         function showRegistrationForm() {
             document.getElementById('registrationForm').style.display = 'block';
             document.getElementById('loginForm').style.display = 'none';
+            speak("Please say your name to begin registration.", startListeningForName);
         }
         function startListeningForName() {
             recognition.onresult = function(event) {
                 document.getElementById('name').value = event.results[0][0].transcript.trim();
                 recognition.stop();
+                autoConfirm();
             };
         }
+        function autoConfirm() {
+            document.getElementById('confirmName').textContent = document.getElementById('name').value;
+            document.getElementById('confirmEmail').textContent = document.getElementById('email').value;
+            document.getElementById('confirmPhone').textContent = document.getElementById('mobile').value;
+            document.getElementById('confirmation').style.display = 'block';
+            setTimeout(autoSubmit, 3000);
+        }
+        function autoSubmit() {
+            var name = document.getElementById('name').value;
+            var email = document.getElementById('email').value;
+            var phone = document.getElementById('mobile').value;
+            fetch('/submit', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ name: name, email: email, phone: phone })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    speak("Your registration is complete. Thank you for registering.");
+                    setTimeout(() => location.reload(), 5000);
                 } else {
+                    speak("There was an error submitting your details. Please try again.");
                 }
+            });
         }
         window.onload = function () {