Update static/appS.js

static/appS.js

@@ -1,4 +1,4 @@
-/*document.addEventListener('DOMContentLoaded', () => {
+document.addEventListener('DOMContentLoaded', () => {
     const convo = document.querySelector(".convo");
     const fileUpload = document.getElementById('file-upload');
     const imageUpload = document.getElementById('image-upload');
@@ -173,110 +173,8 @@
         return bubble;
     }
 
- /*async function handleSubmit() {
-    if (!selectedFile) {
-        alert("Please upload a file first");
-        return;
-    }
-
-    const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
-    
-    const endpoint = isSummarizeMode 
-        ? `/Summarization/summarize/`
-        : `/Summarization/imagecaption/`;
-
-    const thinkingText = isSummarizeMode
-        ? 'Processing document 📄... <div class="loader"></div>'
-        : "Generating caption 🖼️... <div class='loader'></div>";
-
-    const thinkingBubble = createMessageBubble(thinkingText, "Aidan");
-
-    const formData = new FormData();
-    formData.append('file', selectedFile);
-    if (isSummarizeMode) formData.append('length', 'medium');
-
-    try {
-        const response = await fetch(endpoint, {
-            method: 'POST',
-            body: formData
-        });
-
-        if (!response.ok) {
-            if (response.status === 404) {
-                throw new Error("Service endpoint not found. Please check the AI service deployment.");
-            }
-            throw new Error("Request failed");
-        }
-
-        const result = await response.json();
-        thinkingBubble.remove();
-
-        if (isSummarizeMode) {
-            const bubble = createMessageBubble(
-                result.summary || "No summary generated.",
-                "Aidan",
-                result.audioUrl,
-                result.pdfUrl
-            );
-            
-            // Add audio controls if audio exists
-            if (result.audioUrl) {
-                injectAudioPlayer(bubble, result.audioUrl);
-            }
-        } else {
-            const bubble = createMessageBubble(
-                result.caption || result.answer || "No caption generated.",
-                "Aidan",
-                result.audio,
-                null
-            );
-            
-            if (result.audio) {
-                injectAudioPlayer(bubble, result.audio);
-            }
-        }
-    } catch (error) {
-        thinkingBubble.remove();
-        createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
-    } finally {
-        selectedFile = null;
-    }
-}
-
-// ✅ New helper function for audio player
-function injectAudioPlayer(bubble, audioUrl) {
-    const messageDiv = bubble.querySelector('.text');
-    const audioContainer = document.createElement('div');
-    audioContainer.style.marginTop = "10px";
-    audioContainer.style.display = "flex";
-    audioContainer.style.justifyContent = "flex-end";
-    audioContainer.style.gap = "15px";
-
-    const audio = new Audio(audioUrl);
-    const audioIcon = document.createElement("i");
-    audioIcon.className = "fa-solid fa-volume-high audio-toggle";
-    audioIcon.title = "Play Audio";
-    audioIcon.style.cursor = "pointer";
-    audioIcon.style.fontSize = "18px";
-
-    audioIcon.addEventListener("click", () => {
-        if (audio.paused) {
-            audio.play();
-            audioIcon.classList.remove("fa-volume-xmark");
-            audioIcon.classList.add("fa-volume-high");
-            audioIcon.title = "Mute Audio";
-        } else {
-            audio.pause();
-            audioIcon.classList.remove("fa-volume-high");
-            audioIcon.classList.add("fa-volume-xmark");
-            audioIcon.title = "Unmute Audio";
-        }
-    });
 
-    audioContainer.appendChild(audioIcon);
-    messageDiv.appendChild(audioContainer);
-}  */
- /*async function handleSubmit() {
+ async function handleSubmit() {
     if (!selectedFile) {
         alert("Please upload a file first");
         return;
@@ -356,8 +254,8 @@ function injectAudioPlayer(bubble, audioUrl) {
     backarrow.addEventListener('click', function () {
         window.location.href = '/';
     });
-});  */
-  document.addEventListener('DOMContentLoaded', () => {
+});  
+/*  document.addEventListener('DOMContentLoaded', () => {
     const convo = document.querySelector(".convo");
     const fileUpload = document.getElementById('file-upload');
     const imageUpload = document.getElementById('image-upload');
@@ -583,4 +481,4 @@ function injectAudioPlayer(bubble, audioUrl) {
     backarrow.addEventListener('click', function () {
         window.location.href = '/';
     });
-});
+}); */