add

static/script.js

@@ -223,25 +223,25 @@ function loadResumerPage() {
                 <div class="logo-bottom">AI</div>
             </div>
             <div class="menu-section">
-                <button class="menu-btn" id="resumerButton">RESUME</button>
-                <button class="menu-btn" id="qesdocButton">QUESTION</button>
-                <button class="menu-btn" id="visualisationButton">VISUALISATION</button>
+                <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>
             </div>
             <div class="menu-section">
                 <div class="menu-title">IMAGES</div>
-                <button class="menu-btn" id="interpretationButton">INTERPRETER</button>
-                <button class="menu-btn" id="qesimgButton">QUESTIONS</button>
+                <button class="menu-btn" id="interpretationButton">INTERPRETATION</button>
+                <button class="menu-btn" id="qesimgButton">IMAGES-QUESTIONS</button>
             </div>
         </div>
         <div class="main-content-area">
             <div class="document-container">
-                <h1 class="document-main-title">Opérations sur documents</h1>
-                <h2 class="document-subtitle">TRANSLATE</h2>
+                <h1 class="document-main-title">Documents Operations</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">Déposez votre fichier ici ou cliquez pour parcourir</span>
+                            <span class="drop-text" id="dropText">Drop your file here or click to browse</span>
                         </label>
                         <input type="file" id="translateFile" class="file-input" accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx" hidden>
                     </div>
@@ -355,9 +355,9 @@ function loadResumerPage() {
                 </div>
                 <div class="results-container">
                     <div class="results-placeholder">
-                        <p class="placeholder-text" id="translateResult">Le résultat apparaîtra ici...</p>
+                        <p class="placeholder-text" id="translateResult">The result will appear here...</p>
                         <div id="downloadSection" style="display: none; margin-top: 20px;">
-                            <h3 style="color: white; margin-bottom: 10px;">Télécharger la traduction</h3>
+                            <h3 style="color: white; margin-bottom: 10px;">Download the translation</h3>
                             <div style="display: flex; gap: 10px;">
                                 <button id="downloadPdf" class="download-btn">PDF</button>
                                 <button id="downloadWord" class="download-btn">Word</button>
@@ -443,12 +443,12 @@ function loadResumerPage() {
         const resultElement = document.getElementById("translateResult");
         
         if (!fileInput.files[0]) {
-            resultElement.innerText = "Veuillez sélectionner un fichier";
+            resultElement.innerText = "No file selected";
             return;
         }
         
         if (!targetLang) {
-            resultElement.innerText = "Veuillez sélectionner une langue";
+            resultElement.innerText = "Please select a language";
             return;
         }
          
@@ -457,7 +457,7 @@ function loadResumerPage() {
         formData.append("target_lang", targetLang);
 
         try {
-            resultElement.innerText = "Traduction en cours...";
+            resultElement.innerText = "Translation in progress...🕐";
             const response = await fetch("/translate/", {  
                 method: "POST",
                 body: formData,
@@ -471,13 +471,16 @@ function loadResumerPage() {
             const data = await response.json();
             
             if (data.translated_text) {
-                resultElement.innerText = "📝 Traduction : " + data.translated_text;
+               /* resultElement.innerText = "📝 Traduction : " + data.translated_text;*/
+              <h3 class="centered-title">📝 Traduction :</h3>
+                    <br>
+                    <p>${data.translated_text}</p>
                 // 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.";
+                resultElement.innerText = "❌ Translation not available.";
             }
         } catch (error) {
             console.error("Erreur:", error);