Update static/script.js

static/script.js

@@ -134,7 +134,7 @@ function loadResumerPage() {
         </div>
         <h3 class="centered-title">📝 Summary generated :</h3>
         <br>
-        <p id="summaryText" style="font-size: 16px;">${data.summary}</p>
+        <p id="summaryText">${data.summary}</p>
     `;
 
     document.getElementById("documentResult").dataset.summaryText = data.summary;
@@ -254,12 +254,6 @@ function loadResumerPage() {
                 <div class="logo-top">SMARTDOCS</div>
                 <div class="logo-bottom">AI</div>
             </div>
-            <a href="principal.html" class="home-link">
-    <img src="https://cdn-icons-png.flaticon.com/512/1946/1946436.png" 
-     alt="Accueil" 
-     class="home-icon" 
-     style="filter: brightness(0) saturate(100%) invert(71%) sepia(16%) saturate(4251%) hue-rotate(180deg) brightness(104%) contrast(91%);">
-</a>
             <div class="menu-section">
                 <button class="menu-btn" id="resumerButton">SUMMARIZE</button>
                 <button class="menu-btn" id="qesdocButton">DOC-QUESTIONS</button>
@@ -508,41 +502,41 @@ function loadResumerPage() {
 
             const data = await response.json();
             
-            if (data.translation) {
-    resultElement.innerHTML = `
-        <div style="display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px;">
-            <button id="playVoiceBtn" style="
-                background: linear-gradient(125deg, rgba(163, 94, 237, 0.9) 0%, rgba(65, 159, 232, 0.9) 75%);
-                color: white;
-                border: none;
-                padding: 10px 16px;
-                border-radius: 12px;
-                cursor: pointer;
-                font-size: 14px;
-                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
-                transition: transform 0.2s;
-            ">
-                🔊 Listen to Translation
-            </button>
-        </div>
-        <h3 class="centered-title">🌍 Translation :</h3>
-        <br>
-        <p id="translationText" style="font-size: 16px;">${data.translation}</p>
-    `;
+           if (data.translated_text) {
+            resultElement.innerHTML = `
+                <div style="display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px;">
+                    <button id="playAnswerVoiceBtn" style="
+                        background: linear-gradient(125deg, rgba(163, 94, 237, 0.9) 0%, rgba(65, 159, 232, 0.9) 75%);
+                        color: white;
+                        border: none;
+                        padding: 10px 16px;
+                        border-radius: 12px;
+                        cursor: pointer;
+                        font-size: 14px;
+                        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+                        transition: transform 0.2s;
+                    ">
+                        🔊 Listen to Translation
+                    </button>
+                </div>
+                📝 Translation :\n ${data.translated_text}
+            `;
+            
+            // 🎤 Add the speech functionality
+            const playVoiceBtn = document.getElementById("playAnswerVoiceBtn");
+            playVoiceBtn.addEventListener("click", function () {
+                const textToRead = data.translated_text;
+                const utterance = new SpeechSynthesisUtterance(textToRead);
+                utterance.lang = "en-US"; // Adjust the language if necessary
+                window.speechSynthesis.speak(utterance);
+            });
 
-    document.getElementById("documentResult").dataset.translationText = data.translation;
-    document.getElementById("downloadSection").style.display = "block";
+            // Store the translated text for later download
+            resultElement.dataset.translatedText = data.translated_text;
 
-    // 🎤 Ajouter l'effet vocal
-    const playVoiceBtn = document.getElementById("playVoiceBtn");
-    playVoiceBtn.addEventListener("click", function () {
-        const textToRead = document.getElementById("translationText").textContent;
-        const utterance = new SpeechSynthesisUtterance(textToRead);
-        utterance.lang = "en-US"; // adapte ici selon la langue de ta traduction ("fr-FR" pour du français par exemple)
-        window.speechSynthesis.speak(utterance);
-    });
-}
- else {
+            // Show the download section
+            document.getElementById("downloadSection").style.display = "block";
+        } else {
                 resultElement.innerText = "❌ Translation not available.";
             }
         } catch (error) {