Update templates/dashboard.html

templates/dashboard.html

@@ -12,7 +12,6 @@
             margin: 0;
             padding: 0;
         }
-
         /* Container for the dashboard content */
         .dashboard-container {
             max-width: 900px;
@@ -23,21 +22,18 @@
             border-radius: 8px;
             text-align: center;
         }
-
         /* Heading Style */
         h1 {
             font-size: 2.5rem;
             color: #333;
             margin-bottom: 20px;
         }
-
         /* Paragraph Style */
         p {
             font-size: 1.2rem;
             color: #666;
             margin-bottom: 30px;
         }
-
         /* Link Style */
         a {
             text-decoration: none;
@@ -46,13 +42,11 @@
             font-size: 1.2rem;
             transition: color 0.3s;
         }
-
         a:hover {
             color: #45a049;
         }
-
         /* Button for listening */
-        #listen-btn {
+        #listen-btn, #logout-btn {
             padding: 10px 20px;
             background-color: #4CAF50;
             color: white;
@@ -60,9 +54,9 @@
             border-radius: 5px;
             cursor: pointer;
             font-size: 1.2rem;
+            margin-top: 20px;
         }
-
-        #listen-btn:hover {
+        #listen-btn:hover, #logout-btn:hover {
             background-color: #45a049;
         }
     </style>
@@ -76,49 +70,62 @@
 
         <!-- Button for triggering voice recognition -->
         <button id="listen-btn">Say "Go to Menu"</button>
+
+        <!-- Logout Button -->
+        <button id="logout-btn" onclick="logout()">Logout</button>
     </div>
 
     <script>
-        // Speech Recognition and Speech Synthesis for voice interaction
-
         // Check for SpeechRecognition support
         const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-        const recognition = new SpeechRecognition();
-        recognition.lang = 'en-US';
-        recognition.interimResults = false;
-        recognition.maxAlternatives = 1;
-
-        // Function to speak the message
-        function speak(text) {
-            const msg = new SpeechSynthesisUtterance(text);
-            msg.rate = 1;  // Speed of speech
-            window.speechSynthesis.speak(msg);
-        }
-
-        // Button for listening to user input
-        const listenButton = document.getElementById("listen-btn");
 
-        listenButton.addEventListener("click", () => {
-            speak("Please say 'Go to Menu' to navigate to the menu.");
-            recognition.start();
-        });
+        if (!SpeechRecognition) {
+            alert("Your browser does not support speech recognition. Please use Chrome.");
+        } else {
+            const recognition = new SpeechRecognition();
+            recognition.lang = 'en-US';
+            recognition.interimResults = false;
+            recognition.maxAlternatives = 1;
+
+            // Function to speak the message
+            function speak(text) {
+                const msg = new SpeechSynthesisUtterance(text);
+                msg.rate = 1;  // Speed of speech
+                window.speechSynthesis.speak(msg);
+            }
 
-        // Handle speech recognition result
-        recognition.onresult = (event) => {
-            const command = event.results[0][0].transcript.toLowerCase();
-            console.log("User said:", command);
+            // Button for listening to user input
+            const listenButton = document.getElementById("listen-btn");
+            listenButton.addEventListener("click", () => {
+                speak("Please say 'Go to Menu' to navigate to the menu.");
+                recognition.start();
+            });
+
+            // Handle speech recognition result
+            recognition.onresult = (event) => {
+                const command = event.results[0][0].transcript.toLowerCase();
+                console.log("User said:", command);
+                // If user says "Go to Menu", navigate to the menu
+                if (command.includes("go to menu")) {
+                    window.location.href = "/menu";
+                }
+            };
+
+            // Handle errors in speech recognition
+            recognition.onerror = (event) => {
+                console.error("Speech recognition error:", event.error);
+                speak("Sorry, I couldn't understand that. Please try again.");
+            };
+        }
 
-            // If user says "Go to Menu", navigate to the menu
-            if (command.includes("go to menu")) {
-                window.location.href = "/menu";
-            }
-        };
+        // Logout function
+        function logout() {
+            // Example of clearing session storage or cookies (if applicable)
+            // sessionStorage.clear(); // Uncomment if using sessionStorage
 
-        // Handle errors in speech recognition
-        recognition.onerror = (event) => {
-            console.error("Speech recognition error:", event.error);
-            speak("Sorry, I couldn't understand that. Please try again.");
-        };
+            // Redirect to the login page or any other page for logout
+            window.location.href = "/login"; // Modify with actual logout route
+        }
     </script>
 
 </body>