add

static/script.js

@@ -211,6 +211,7 @@ function loadResumerPage() {
 
    //Quand on clique sur le boutton traduction ---------------
 
+  
    function loadTraductionPage() {
     document.body.style.setProperty('--background-image', "url('traduction.webp')");
     let appContainer = document.createElement("div");
@@ -222,25 +223,25 @@ function loadResumerPage() {
                 <div class="logo-bottom">AI</div>
             </div>
             <div class="menu-section">
-                <button class="menu-btn" id="resumerButton">SUMMARIZE</button>
-                <button class="menu-btn" id="qesdocButton">DOC-QUESTIONS</button>
-                <button class="menu-btn" id="visualisationButton">VISUALIZATION</button>
+                <button class="menu-btn" id="resumerButton">RESUME</button>
+                <button class="menu-btn" id="qesdocButton">QUESTION</button>
+                <button class="menu-btn" id="visualisationButton">VISUALISATION</button>
             </div>
             <div class="menu-section">
                 <div class="menu-title">IMAGES</div>
-                <button class="menu-btn" id="interpretationButton">INTERPRETATION</button>
-                <button class="menu-btn" id="qesimgButton">IMAGES-QUESTIONS</button>
+                <button class="menu-btn" id="interpretationButton">INTERPRETER</button>
+                <button class="menu-btn" id="qesimgButton">QUESTIONS</button>
             </div>
         </div>
         <div class="main-content-area">
             <div class="document-container">
-                <h1 class="document-main-title">Documents Operations</h1>
-                <h2 class="document-subtitle">TRANSLATE🌍</h2>
+                <h1 class="document-main-title">Opérations sur documents</h1>
+                <h2 class="document-subtitle">TRANSLATE</h2>
                 <div class="upload-container">
                     <div class="file-drop-zone" id="fileDropZone">
                         <label for="translateFile" class="file-upload-label">
                             <img src="up.png" id="uploadIcon" class="upload-icon" alt="Upload">
-                            <span class="drop-text" id="dropText">Drop your file here or click to browse</span>
+                            <span class="drop-text" id="dropText">Déposez votre fichier ici ou cliquez pour parcourir</span>
                         </label>
                         <input type="file" id="translateFile" class="file-input" accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx" hidden>
                     </div>
@@ -354,14 +355,14 @@ function loadResumerPage() {
                 </div>
                 <div class="results-container">
                     <div class="results-placeholder">
-                        <p class="placeholder-text" id="translateResult">The result will appear here...</p>
+                        <p class="placeholder-text" id="translateResult">Le résultat apparaîtra ici...</p>
                         <div id="downloadSection" style="display: none; margin-top: 20px;">
-                            <h3 style="color: white; margin-bottom: 10px;">Download the translation</h3>
+                            <h3 style="color: white; margin-bottom: 10px;">Télécharger la traduction</h3>
                             <div style="display: flex; gap: 10px;">
                                 <button id="downloadPdf" class="download-btn">PDF</button>
                                 <button id="downloadWord" class="download-btn">Word</button>
                                 <button id="downloadPpt" class="download-btn">PowerPoint</button>
-                                <button id="downloadTxt" class="download-btn">Text</button>
+                                <button id="downloadTxt" class="download-btn">Texte</button>
                             </div>
                         </div>
                     </div>
@@ -442,12 +443,12 @@ function loadResumerPage() {
         const resultElement = document.getElementById("translateResult");
         
         if (!fileInput.files[0]) {
-            resultElement.innerText = "⚠️No file selected";
+            resultElement.innerText = "Veuillez sélectionner un fichier";
             return;
         }
         
         if (!targetLang) {
-            resultElement.innerText = "⚠️No language selected";
+            resultElement.innerText = "Veuillez sélectionner une langue";
             return;
         }
          
@@ -456,7 +457,7 @@ function loadResumerPage() {
         formData.append("target_lang", targetLang);
 
         try {
-            resultElement.innerText = "Translation in progress...🕐";
+            resultElement.innerText = "Traduction en cours...";
             const response = await fetch("/translate/", {  
                 method: "POST",
                 body: formData,
@@ -470,23 +471,17 @@ function loadResumerPage() {
             const data = await response.json();
             
             if (data.translated_text) {
-    resultContainer.innerHTML = `
-        <h3 style="text-align: center; font-size: 1.5rem; font-weight: bold; color: black;">📝 Translation :</h3>
-        <br>
-        <p style="text-align: center; font-size: 1.2rem; font-weight: bold; color: black;">${data.translated_text}</p>
-    `;
-
-    // Stocker le texte traduit pour le téléchargement
-    resultContainer.dataset.translatedText = data.translated_text;
-
-    // Afficher les options de téléchargement
-    document.getElementById("downloadSection").style.display = "block";
-} else {
-                resultElement.innerText = "❌ Translation not available.";
+                resultElement.innerText = "📝 Traduction : " + 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
+                document.getElementById("downloadSection").style.display = "block";
+            } else {
+                resultElement.innerText = "❌ Traduction non disponible.";
             }
         } catch (error) {
             console.error("Erreur:", error);
-            resultElement.innerText = "⚠️Échec de la traduction: " + error.message;
+            resultElement.innerText = "Échec de la traduction: " + error.message;
         }
     }