Update static/script.js

static/script.js

@@ -14,7 +14,7 @@ function loadResumerPage() {
     appContainer.innerHTML = `
         <div class="sidebar">
             <div class="logo-container">
-                <div class="logo-top">SMARTDOC</div>
+                <div class="logo-top">SMARTDOCS</div>
                 <div class="logo-bottom">AI</div>
             </div>
             <a href="principal.html" class="home-link">
@@ -115,41 +115,15 @@ function loadResumerPage() {
                 return;
             }
 
-           if (data.summary) {
-    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 Summary
-            </button>
-        </div>
-        <h3 class="centered-title">📝 Summary generated :</h3>
-        <br>
-        <p id="summaryText">${data.summary}</p>
-    `;
-
-    document.getElementById("documentResult").dataset.summaryText = data.summary;
-    document.getElementById("downloadSection").style.display = "block";
-
-    // 🎤 Ajouter l'effet vocal
-    const playVoiceBtn = document.getElementById("playVoiceBtn");
-    playVoiceBtn.addEventListener("click", function () {
-        const textToRead = document.getElementById("summaryText").textContent;
-        const utterance = new SpeechSynthesisUtterance(textToRead);
-        utterance.lang = "en-US"; // ou "fr-FR" si ton résumé est en français
-        window.speechSynthesis.speak(utterance);
-    });
-}
- else {
+            if (data.summary) {
+                resultElement.innerHTML = `
+                    <h3 class="centered-title">📝 Summary generated :</h3>
+                    <br>
+                    <p>${data.summary}</p>
+                `;
+                document.getElementById("documentResult").dataset.summaryText = data.summary;
+                document.getElementById("downloadSection").style.display = "block";
+            } else {
                 resultElement.innerText = "❌ Summary not available.";
             }
         } catch (error) {
@@ -254,6 +228,12 @@ 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>
@@ -503,7 +483,7 @@ function loadResumerPage() {
             const data = await response.json();
             
             if (data.translated_text) {
-                resultElement.innerText = "📝 Traduction :\n " + data.translated_text;
+                resultElement.innerText = "📝 Translation :\n " + data.translated_text;
                 // Stocker le texte traduit pour le téléchargement
                 resultElement.dataset.translatedText = data.translated_text;
                 // Afficher les options de téléchargement
@@ -703,36 +683,12 @@ askBtn.addEventListener('click', async () => {
 
         const data = await response.json();
         if (data.answer) {
+            
             answerDiv.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 Answer
-                    </button>
-                </div>
                 <h3 class="centered-title">✅ The result :</h3>
                 <br>
-                <p id="answerText" style="font-size: 16px;">${data.answer}</p>
+                <p>${data.answer}</p>
             `;
-
-            // 🎤 Ajouter l'effet vocal
-            const playVoiceBtn = document.getElementById("playAnswerVoiceBtn");
-            playVoiceBtn.addEventListener("click", function () {
-                const textToRead = document.getElementById("answerText").textContent;
-                const utterance = new SpeechSynthesisUtterance(textToRead);
-                utterance.lang = "en-US"; // ou adapte ici si tu as des réponses en français
-                window.speechSynthesis.speak(utterance);
-            });
-
         } else {
             answerDiv.innerHTML = `❌ ${data.error || "Erreur inconnue"}`;
         }
@@ -1105,34 +1061,13 @@ interpretButton.addEventListener('click', async function () {
         const data = await response.json();
 
         if (data.caption) {
-                resultContainer.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 Interpretation
-                        </button>
-                    </div>
+            
+           resultContainer.innerHTML = `
     <h3 style="text-align: center; font-size: 1.5rem; font-weight: bold; color: black;">📸 Generated caption :</h3>
     <br>
-    <p id="interpretationText" style="text-align: center; font-size: 1.2rem; font-weight: bold; color: black;">${data.caption}</p>
-`; // 🎤 Ajouter l'effet vocal
-                const playVoiceBtn = document.getElementById("playVoiceBtn");
-                playVoiceBtn.addEventListener("click", function () {
-                    const textToRead = document.getElementById("interpretationText").textContent;
-                    const utterance = new SpeechSynthesisUtterance(textToRead);
-                    utterance.lang = "en-US"; // adapte ici selon la langue de l'interprétation
-                    window.speechSynthesis.speak(utterance);
-                });
-            } else if (data.error) {
+    <p style="text-align: center; font-size: 1.2rem; font-weight: bold; color: black;">${data.caption}</p>
+`;
+        } else if (data.error) {
             resultContainer.innerHTML = `<p class="error-text">❌ Erreur : ${data.error}</p>`;
         }
     } catch (error) {
@@ -1273,37 +1208,13 @@ sendBtn.addEventListener("click", async function () {
             const data = await response.json();
             if (data.answer) {
                 
-               resultContainer.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 Answer
-                    </button>
-                </div>
+                resultContainer.innerHTML = `
                     
         <h3 style="text-align: center; font-size: 1.5rem; font-weight: bold; color: black">🧠 Generated answer :</h3>
 <br>
 <p style="text-align: center; font-size: 1.2rem; font-weight: bold; color: black;">${data.answer}</p>
     
                 `;
-                  // 🎤 Ajouter l'effet vocal
-            const playVoiceBtn = document.getElementById("playVoiceBtn");
-            playVoiceBtn.addEventListener("click", function () {
-                const textToRead = data.answer;
-                const utterance = new SpeechSynthesisUtterance(textToRead);
-                utterance.lang = "en-US"; // adapte ici selon la langue de la réponse
-                window.speechSynthesis.speak(utterance);
-            });
-        
             } else {
                 resultContainer.innerHTML = `<p class="placeholder-text">Erreur : ${data.error}</p>`;
             }