Update script.js

script.js

@@ -13,8 +13,8 @@ function updateHistory(userQuestion, botAnswer) {
 
 // Handle Generate button click
 document.getElementById("generateBtn").addEventListener("click", async () => {
-  const questionInput = document.getElementById("question"); // Changed from questionInput
-  const answerOutput = document.getElementById("answer");   // Changed from responseOutput
+  const questionInput = document.getElementById("question");
+  const answerOutput = document.getElementById("answer");
   const question = questionInput.value.trim();
 
   if (!question) {
@@ -56,6 +56,14 @@ function resetApp() {
   document.getElementById("answer").value = "";
   document.getElementById("topLabel").innerText = "Dictate your legal question!";
   document.getElementById("history").value = ""; // Clear history on reset
+
+  // Stop any ongoing speech or recognition
+  if (window.speechSynthesis && window.speechSynthesis.speaking) {
+    window.speechSynthesis.cancel();
+  }
+  if (window.recognition && (window.recognition.recognizing || window.recognition.continuous)) {
+      window.recognition.stop();
+  }
 }
 
 // Handle Read Aloud (using Web Speech API)
@@ -72,7 +80,7 @@ function readAloud() {
   synth.speak(utterance);
 }
 
-// Handle Save/Print
+// Handle Save/Print with confirmation dialog
 function saveQA() {
   const question = document.getElementById("question").value.trim();
   const answer = document.getElementById("answer").value.trim();
@@ -82,14 +90,22 @@ function saveQA() {
     return;
   }
 
-  const blob = new Blob([`Question:\n${question}\n\nAnswer:\n${answer}`], { type: "text/plain" });
-  const link = document.createElement("a");
-  link.href = URL.createObjectURL(blob);
-  link.download = "Legal_Assistant_QnA.txt";
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-  URL.revokeObjectURL(link.href); // Clean up the URL object
+  // Ask for confirmation
+  const confirmSave = confirm("Are you sure you want to save this Q&A?");
+
+  if (confirmSave) {
+    const blob = new Blob([`Question:\n${question}\n\nAnswer:\n${answer}`], { type: "text/plain" });
+    const link = document.createElement("a");
+    link.href = URL.createObjectURL(blob);
+    link.download = "Legal_Assistant_QnA.txt";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(link.href); // Clean up the URL object
+    alert("Q&A saved successfully!");
+  } else {
+    alert("Save operation cancelled.");
+  }
 }
 
 // Handle Upload MP3
@@ -128,7 +144,7 @@ async function uploadMP3() {
       document.getElementById("question").value = transcription; // Put transcription in question box
       document.getElementById("answer").value = "Transcription complete. You can now summarize or generate an answer.";
 
-      // Optional: Prompt user to summarize or generate an answer
+      // Prompt user to summarize or generate an answer
       const summarizeConfirm = confirm("MP3 transcribed. Do you want to summarize it?");
       if (summarizeConfirm) {
           const summaryRes = await fetch("/summarize", {
@@ -173,8 +189,6 @@ function handleDictate() {
   if (recognition && (recognition.recognizing || recognition.continuous)) {
     recognition.stop();
     document.getElementById("topLabel").innerText = "Dictate your legal question!";
-    // If you want to automatically trigger answer generation after stopping dictation:
-    // document.getElementById("generateBtn").click();
     return;
   }
 
@@ -216,18 +230,24 @@ function handleDictate() {
 document.addEventListener("DOMContentLoaded", () => {
     // The existing event listener for "generateBtn" is already set up.
     // Ensure the button IDs in HTML match what's used in JS.
-    // current IDs:
-    // Dictate: handleDictate()
-    // Generate Response: generateAnswer() -> now mapped to generateBtn click event
-    // Read Aloud: readAloud()
-    // Upload MP3: uploadMP3()
-    // Save/Print: saveQA()
-    // Reset: resetApp()
-
-    // Add event listeners for other buttons if they don't have inline onclick
-    // For example, if you replace onclick="generateAnswer()" with id="generateBtn"
-    // then the document.getElementById("generateBtn").addEventListener("click", ...) handles it.
 
     // If your HTML buttons use onclick, make sure the function names match these JS functions.
-    // Example: <button onclick="handleDictate()">
+    // The current index.html uses onclick for all buttons:
+    // <button onclick="handleDictate()">🎙 Dictate</button>
+    // <button onclick="generateAnswer()">🧾 Generate Response</button>
+    // <button onclick="readAloud()">🔊 Read Aloud</button>
+    // <button onclick="uploadMP3()">🎵 Upload MP3</button>
+    // <button onclick="saveQA()">🖨 Save/Print</button>
+    // <button onclick="resetApp()">🧹 Reset</button>
+
+    // Important: Your index.html currently has `onclick="generateAnswer()"`.
+    // For the `document.getElementById("generateBtn").addEventListener("click", ...)`
+    // in script.js to work, you need to change the HTML button to have an `id="generateBtn"`
+    // instead of `onclick="generateAnswer()"`.
+    // So, in index.html, change:
+    // <button onclick="generateAnswer()">🧾 Generate Response</button>
+    // TO:
+    // <button id="generateBtn">🧾 Generate Response</button>
+    // The current script.js is already set up to listen to an ID.
+
 });