voicemenuwithregisterandloginnnwithmenu

Sleeping

App Files Files Community

lokesh341 commited on 22 days ago

Commit

ba6bae6

verified ·

1 Parent(s): bd009ae

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +48 -8

templates/index.html CHANGED Viewed

@@ -72,6 +72,17 @@
         .confirm-button:hover, .switch-button:hover {
             background-color: #e65e00;
         }
     </style>
 </head>
 <body>
@@ -106,6 +117,20 @@
             <button class="confirm-button" onclick="startLoginRecognition()">Restart Voice Input</button>
             <button class="switch-button" onclick="showRegistrationForm()">Switch to Register</button>
         </div>
     </div>
     <script>
@@ -228,24 +253,33 @@
                 let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                 recognition.stop();
                 if (confirmation.includes("yes") || confirmation.includes("ok")) {
-                    // Confirmation successful, submit the details
-                    confirmDetailsAndSubmit();
                 } else {
                     captureMobile();
                 }
             };
         }
-        // Confirm details and automatically submit to the backend
-        function confirmDetailsAndSubmit() {
-            // Display confirmed details
             const name = document.getElementById('name').value;
             const email = document.getElementById('email').value;
             const phone = document.getElementById('mobile').value;
-            speak(`Confirming details: Name: ${name}, Email: ${email}, Phone: ${phone}. Submitting now.`);
-            // Send the confirmed details to the backend for Salesforce submission
             fetch('/submit', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
@@ -258,7 +292,7 @@
             .then(response => response.json())
             .then(data => {
                 if (data.success) {
-                    speak("Your details have been successfully submitted. Thank you!");
                 } else {
                     speak("There was an error submitting your details. Please try again.");
                 }
@@ -269,6 +303,12 @@
             });
         }
         window.onload = function () {
             askLoginOrRegister();
         };

         .confirm-button:hover, .switch-button:hover {
             background-color: #e65e00;
         }
+        .confirmation-details {
+            font-size: 18px;
+            margin-top: 20px;
+            color: green;
+        }
+        .success-message {
+            font-size: 18px;
+            color: green;
+            margin-top: 20px;
+            display: none;
+        }
     </style>
 </head>
 <body>
             <button class="confirm-button" onclick="startLoginRecognition()">Restart Voice Input</button>
             <button class="switch-button" onclick="showRegistrationForm()">Switch to Register</button>
         </div>
+        <!-- Confirmation Section -->
+        <div id="confirmationSection" style="display:none;">
+            <h3>Confirm Your Details:</h3>
+            <p id="confirmedName"></p>
+            <p id="confirmedEmail"></p>
+            <p id="confirmedPhone"></p>
+            <button class="confirm-button" onclick="submitDetails()">Confirm & Submit</button>
+        </div>
+        <!-- Success Message -->
+        <div class="success-message" id="successMessage">
+            <h3>Your details have been submitted successfully!</h3>
+        </div>
     </div>
     <script>
                 let confirmation = event.results[0][0].transcript.trim().toLowerCase();
                 recognition.stop();
                 if (confirmation.includes("yes") || confirmation.includes("ok")) {
+                    showConfirmationDetails();
                 } else {
                     captureMobile();
                 }
             };
         }
+        // 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;
+            document.getElementById('confirmedName').textContent = "Name: " + name;
+            document.getElementById('confirmedEmail').textContent = "Email: " + email;
+            document.getElementById('confirmedPhone').textContent = "Phone: " + phone;
+            document.getElementById('confirmationSection').style.display = 'block';
+        }
+        // Automatically submit to backend (Salesforce)
+        function submitDetails() {
+            const name = document.getElementById('name').value;
+            const email = document.getElementById('email').value;
+            const phone = document.getElementById('mobile').value;
+            // Send the details to your backend for Salesforce submission
             fetch('/submit', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
             .then(response => response.json())
             .then(data => {
                 if (data.success) {
+                    showSuccessMessage();
                 } else {
                     speak("There was an error submitting your details. Please try again.");
                 }
             });
         }
+        // Show the success message after submitting
+        function showSuccessMessage() {
+            document.getElementById('confirmationSection').style.display = 'none';
+            document.getElementById('successMessage').style.display = 'block';
+        }
         window.onload = function () {
             askLoginOrRegister();
         };