Update static/test.js

static/test.js

@@ -417,19 +417,24 @@ document.addEventListener('DOMContentLoaded', () => {
 
 // Add this after your existing summarization code, inside the DOMContentLoaded event listener
 
-   // Question Answering Section Setup
-    const qaDropArea = document.getElementById('qa-upload-area');
-    const qaFileInput = document.getElementById('qa-file-input');
-    const qaPreview = document.getElementById('qa-file-preview');
-    const qaQuestionInput = document.getElementById('qa-question');
-    const qaSubmitBtn = document.getElementById('qa-submit-btn');
-    const qaResult = document.getElementById('qa-answer');
-    const qaError = document.getElementById('qa-error-message');
-    const qaLanguageSelect = document.getElementById('qa-language');
-    const qaConfidenceBar = document.getElementById('qa-confidence-bar');
-    const qaConfidenceValue = document.getElementById('qa-confidence-value');
-
-    // Set up drag and drop for file upload (same pattern as summarization)
+  // Question Answering Section Setup
+const qaDropArea = document.getElementById('qa-upload-area');
+const qaFileInput = document.getElementById('qa-file-input');
+const qaPreview = document.getElementById('qa-file-preview');
+const qaQuestionInput = document.getElementById('qa-question');
+const qaSubmitBtn = document.getElementById('qa-submit-btn');
+const qaResult = document.getElementById('qa-answer');
+const qaError = document.getElementById('qa-error-message');
+const qaLanguageSelect = document.getElementById('qa-language');
+
+// Debug: Verify elements exist
+console.log('QA Elements:', {
+    qaDropArea, qaFileInput, qaPreview, qaQuestionInput,
+    qaSubmitBtn, qaResult, qaError, qaLanguageSelect
+});
+
+// Setup event listeners
+if (qaDropArea && qaFileInput) {
     ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
         qaDropArea.addEventListener(eventName, preventDefaults, false);
     });
@@ -445,71 +450,69 @@ document.addEventListener('DOMContentLoaded', () => {
     qaDropArea.addEventListener('drop', handleQADrop, false);
     qaDropArea.addEventListener('click', () => qaFileInput.click());
     qaFileInput.addEventListener('change', handleQAFileSelect);
-    qaQuestionInput.addEventListener('input', validateQAInputs);
+}
 
-    // Question answering button click handler
-    qaSubmitBtn.addEventListener('click', async () => {
-        const file = qaFileInput.files[0];
-        const question = qaQuestionInput.value.trim();
-        const language = qaLanguageSelect.value;
-        
-        if (!file) {
-            showError(qaError, "Please upload a document first");
-            return;
-        }
+if (qaQuestionInput && qaSubmitBtn) {
+    qaQuestionInput.addEventListener('input', validateQAInputs);
+    qaSubmitBtn.addEventListener('click', handleQASubmit);
+}
 
-        if (!question) {
-            showError(qaError, "Please enter your question");
-            return;
-        }
+function handleQASubmit() {
+    console.log('Submit button clicked!');
+    
+    const file = qaFileInput.files[0];
+    const question = qaQuestionInput.value.trim();
+    const language = qaLanguageSelect.value;
+    
+    console.log('Submission data:', { file, question, language });
+    
+    if (!file) {
+        showError(qaError, "Please upload a document first");
+        return;
+    }
 
-        try {
-            // Show loading state
-            setQALoading(true);
-            hideError(qaError);
-            qaResult.textContent = '';
-            
-            const formData = new FormData();
-            formData.append('file', file);
-            formData.append('question', question);
-            formData.append('language', language);
+    if (!question) {
+        showError(qaError, "Please enter your question");
+        return;
+    }
 
-            const response = await fetch('/qa', {
-                method: 'POST',
-                body: formData
-            });
+    submitQARequest(file, question, language);
+}
 
-            if (!response.ok) {
-                const error = await response.json();
-                throw new Error(error.detail || "Failed to get answer");
-            }
+async function submitQARequest(file, question, language) {
+    try {
+        setQALoading(true);
+        hideError(qaError);
+        
+        const formData = new FormData();
+        formData.append('file', file);
+        formData.append('question', question);
+        formData.append('language', language);
+
+        console.log('Sending request to /qa...');
+        const response = await fetch('/qa', {
+            method: 'POST',
+            body: formData
+        });
 
-            const result = await response.json();
-            
-            // Display the result
-            qaResult.textContent = result.answer;
-            
-            // Update confidence display
-            const confidencePercent = Math.round(result.confidence * 100);
-            qaConfidenceBar.style.width = `${confidencePercent}%`;
-            qaConfidenceValue.textContent = `${confidencePercent}%`;
-            
-            // Color code confidence level
-            if (confidencePercent < 30) {
-                qaConfidenceBar.style.backgroundColor = '#f44336';
-            } else if (confidencePercent < 70) {
-                qaConfidenceBar.style.backgroundColor = '#ff9800';
-            } else {
-                qaConfidenceBar.style.backgroundColor = '#4CAF50';
-            }
-            
-        } catch (error) {
-            showError(qaError, error.message);
-            console.error("Question answering error:", error);
-        } finally {
-            setQALoading(false);
+        console.log('Response status:', response.status);
+        
+        if (!response.ok) {
+            const error = await response.json();
+            throw new Error(error.detail || "Failed to get answer");
         }
-    });
+
+        const result = await response.json();
+        console.log('API Response:', result);
+        
+        displayQAResult(result);
+    } catch (error) {
+        console.error("QA Error:", error);
+        showError(qaError, error.message);
+    } finally {
+        setQALoading(false);
+    }
+}
 
     // QA-specific helper functions
     function handleQADrop(e) {