voicemenuloginn

Sleeping

App Files Files Community

lokesh341 commited on about 1 month ago

Commit

fc1bc87

verified ·

1 Parent(s): 5adc22d

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +87 -27

templates/index.html CHANGED Viewed

@@ -5,7 +5,55 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Biryani Hub Registration</title>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 </head>
 <body>
     <div class="container">
@@ -28,12 +76,13 @@
     <script>
         let recognition;
         let isNameCaptured = false;
         let isEmailCaptured = false;
         if ('webkitSpeechRecognition' in window) {
             recognition = new webkitSpeechRecognition();
-            recognition.continuous = false;
             recognition.interimResults = false;
             recognition.lang = 'en-US';
         } else {
@@ -42,50 +91,61 @@
         function speak(text, callback) {
             const speech = new SpeechSynthesisUtterance(text);
-            speech.onend = callback;
             window.speechSynthesis.speak(speech);
         }
-        function startProcess() {
-            speak("Welcome to Biryani Hub", function() {
-                speak("Tell me your name", startListening);
-            });
         }
-        function startListening() {
             const status = document.getElementById('status');
-            const nameInput = document.getElementById('name');
             const emailInput = document.getElementById('email');
             recognition.start();
             recognition.onresult = function(event) {
-                let transcript = event.results[0][0].transcript.trim();
-                // Remove any spaces from the name input
-                transcript = transcript.replace(/\s+/g, '');
                 if (isNameCaptured && !isEmailCaptured) {
-                    let cleanedEmail = transcript.replace(/\b(at|At|AT)\b/g, '@').replace(/\s+/g, '');
-                    cleanedEmail = cleanedEmail.replace(/@{2,}/g, '@');
-                    emailInput.value = cleanedEmail.charAt(0).toUpperCase() + cleanedEmail.slice(1);
                     status.textContent = 'Registration complete.';
-                    speak("Registration complete. Go to the next step and take the order you want.");
-                    setTimeout(() => location.reload(), 20000);
-                    isEmailCaptured = true;
                 } else if (!isNameCaptured) {
                     nameInput.value = transcript;
-                    status.textContent = 'Listening for your email...';
-                    recognition.stop();
-                    isNameCaptured = true;
-                    speak("Tell me your email", function() {
-                        recognition.start();
-                    });
                 }
             };
         }
         window.onload = function () {
-            setTimeout(startProcess, 4000);
         };
     </script>
 </body>

     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Biryani Hub Registration</title>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
+    <style>
+        body {
+            font-family: 'Roboto', sans-serif;
+            background: linear-gradient(135deg, #f4c542, #ff8f6a); /* Light gradient background */
+            margin: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            text-align: center;
+        }
+        .container {
+            background: lightblue;
+            padding: 40px 50px;
+            border-radius: 10px;
+            width: 400px;
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+        }
+        h1 {
+            font-size: 30px;
+            font-weight: bold;
+            color: #ff6a00; /* Bright orange for title */
+        }
+        label {
+            font-size: 18px;
+            margin-top: 20px;
+            display: block;
+            text-align: left;
+        }
+        input[type="text"] {
+            width: 100%;
+            padding: 10px;
+            font-size: 16px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            margin-top: 8px;
+        }
+        .info {
+            margin-top: 20px;
+            font-size: 16px;
+            color: #ff6a00;
+            font-weight: bold;
+        }
+        .status {
+            font-size: 14px;
+            color: gray;
+            margin-top: 20px;
+        }
+    </style>
 </head>
 <body>
     <div class="container">
     <script>
         let recognition;
+        let isListening = false;
         let isNameCaptured = false;
         let isEmailCaptured = false;
         if ('webkitSpeechRecognition' in window) {
             recognition = new webkitSpeechRecognition();
+            recognition.continuous = false;  // Stop after capturing each input
             recognition.interimResults = false;
             recognition.lang = 'en-US';
         } else {
         function speak(text, callback) {
             const speech = new SpeechSynthesisUtterance(text);
+            speech.onend = callback;  // Once the speech ends, call the next function
             window.speechSynthesis.speak(speech);
         }
+        function startListeningForName() {
+            const status = document.getElementById('status');
+            const nameInput = document.getElementById('name');
+            status.textContent = "Listening for your name...";
+            recognition.start();
+            recognition.onresult = function(event) {
+                const transcript = event.results[0][0].transcript.trim();
+                nameInput.value = transcript;
+                recognition.stop();
+                // Now, prompt for email
+                speak("Tell me your email", startListeningForEmail);
+            };
         }
+        function startListeningForEmail() {
             const status = document.getElementById('status');
             const emailInput = document.getElementById('email');
+            status.textContent = "Listening for your email...";
             recognition.start();
             recognition.onresult = function(event) {
+                const transcript = event.results[0][0].transcript.trim();
+                // If name is captured, we now capture email
                 if (isNameCaptured && !isEmailCaptured) {
+                    // Correct email input format by removing spaces and handling @ properly
+                    const cleanedEmail = transcript.replace(/\s/g, '').replace(/\bat\b/g, '@'); // Replace "at" with "@"
+                    emailInput.value = cleanedEmail; // Set the email field with cleaned input
                     status.textContent = 'Registration complete.';
+                    // After registration, refresh the page after 20 seconds
+                    setTimeout(() => location.reload(), 20000); // Refresh after 20 seconds
+                    isEmailCaptured = true;  // Mark email as captured
                 } else if (!isNameCaptured) {
+                    // If name is not yet captured, capture name first
                     nameInput.value = transcript;
+                    status.textContent = 'Listening for your email...'; // Prompt for email
+                    recognition.stop(); // Stop listening for name
+                    isNameCaptured = true; // Mark name as captured
+                    recognition.start();  // Start listening for email
                 }
             };
         }
+        function startProcess() {
+            speak("Welcome to Biryani Hub", function() {
+                speak("Tell me your name", startListeningForName);
+            });
+        }
         window.onload = function () {
+            setTimeout(startProcess, 4000);  // Start process after 4 seconds
         };
     </script>
 </body>