voicemenulogin625

Sleeping

App Files Files Community

Subbu1304 commited on 22 days ago

Commit

852037d

verified ·

1 Parent(s): 1e7e8b3

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +28 -5

templates/index.html CHANGED Viewed

@@ -98,6 +98,7 @@
 <body>
     <h1 class="header-title">Welcome to Biryani Hub 🍽</h1>
     <div class="container" id="registrationForm">
         <div class="form-container">
             <h2>Register</h2>
@@ -114,6 +115,21 @@
         </div>
     </div>
     <div id="confirmation">
         <h2>Confirm Your Details:</h2>
         <p><strong>Name:</strong> <span id="confirmName"></span></p>
@@ -140,7 +156,7 @@
         }
         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();
@@ -148,7 +164,7 @@
                     if (response.includes("register")) {
                         showRegistrationForm();
                     } else if (response.includes("login")) {
-                        // Implement login form if needed
                     } else {
                         speak("I didn't understand. Please say 'Register' to sign up or 'Login' to sign in.", askLoginOrRegister);
                     }
@@ -158,14 +174,20 @@
         function showRegistrationForm() {
             document.getElementById('registrationForm').style.display = 'block';
             speak("Please say your name to begin registration.", startListeningForName);
         }
         let nameCaptured, emailCaptured, mobileCaptured;
         let nameField = document.getElementById('name');
         let emailField = document.getElementById('email');
         let mobileField = document.getElementById('mobile');
-        let infoMessage = document.getElementById('infoMessage');
         function startListeningForName() {
             recognition.start();
@@ -178,7 +200,7 @@
         }
         function confirmName() {
-            speak("You said " + nameCaptured + ". Is it okay, or do you want to change it?", function() {
                 recognition.start();
                 recognition.onresult = function(event) {
                     let confirmation = event.results[0][0].transcript.trim().toLowerCase();
@@ -267,8 +289,9 @@
         }
         window.onload = function () {
-            setTimeout(startListeningForName, 4000);
         };
     </script>
 </body>
 </html>

 <body>
     <h1 class="header-title">Welcome to Biryani Hub 🍽</h1>
+    <!-- Registration Form -->
     <div class="container" id="registrationForm">
         <div class="form-container">
             <h2>Register</h2>
         </div>
     </div>
+    <!-- Login Form -->
+    <div class="container" id="loginForm">
+        <div class="form-container">
+            <h2>Login</h2>
+            <label for="loginEmail">Your Email</label>
+            <input type="text" id="loginEmail" placeholder="Your email will appear here..." readonly>
+            <label for="loginMobile">Your Mobile Number</label>
+            <input type="text" id="loginMobile" placeholder="Your mobile number will appear here..." readonly>
+            <p class="info" id="infoMessageLogin">Listening 🗣🎙️...</p>
+        </div>
+    </div>
+    <!-- Confirmation Section -->
     <div id="confirmation">
         <h2>Confirm Your Details:</h2>
         <p><strong>Name:</strong> <span id="confirmName"></span></p>
         }
         function askLoginOrRegister() {
+            speak("Say 'Register' to sign up or 'Login' to sign in.", function() {
                 recognition.start();
                 recognition.onresult = function(event) {
                     let response = event.results[0][0].transcript.trim().toLowerCase();
                     if (response.includes("register")) {
                         showRegistrationForm();
                     } 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 showLoginForm() {
+            document.getElementById('loginForm').style.display = 'block';
+            document.getElementById('registrationForm').style.display = 'none';
+            speak("Please say your email and mobile number to login.", startListeningForLogin);
+        }
         let nameCaptured, emailCaptured, mobileCaptured;
         let nameField = document.getElementById('name');
         let emailField = document.getElementById('email');
         let mobileField = document.getElementById('mobile');
         function startListeningForName() {
             recognition.start();
         }
         function confirmName() {
+            speak("You said " + nameCaptured + ". Is it okay?", function() {
                 recognition.start();
                 recognition.onresult = function(event) {
                     let confirmation = event.results[0][0].transcript.trim().toLowerCase();
         }
         window.onload = function () {
+            askLoginOrRegister();
         };
     </script>
 </body>
 </html>