final

static/script.js

@@ -681,7 +681,7 @@ askBtn.addEventListener('click', async () => {
 
 }
     
-    //quand on clique sur visualisation ----------------------
+    
     //quand on clique sur visualisation ----------------------
     function loadVisualisationPage() {
     // 1. Configuration de l'arrière-plan
@@ -698,28 +698,28 @@ askBtn.addEventListener('click', async () => {
             </div>
 
             <div class="menu-section">
-                <button class="menu-btn" id="resumerButton">RESUME</button>
+                <button class="menu-btn" id="resumerButton">SUMMARIZE</button>
                 <button class="menu-btn" id="traductionbutton">TRANSLATE</button>
-                <button class="menu-btn" id="qesdocButton">QUESTION</button>
+                <button class="menu-btn" id="qesdocButton">DOC-QUESTIONS</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">VISUALISATION</h2>
+                <h1 class="document-main-title">Documents Operations</h1>
+                <h2 class="document-subtitle">VISUALIZATION 📊</h2>
 
                 <div class="upload-container">
                     <div class="file-drop-zone" id="fileDropZone">
                         <label for="graphFileInput" 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="graphFileInput" class="file-input" 
                                accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx" hidden>
@@ -741,10 +741,10 @@ askBtn.addEventListener('click', async () => {
                 <div class="graph-results-container">
                     <div class="graph-results-placeholder">
                         <img id="graphResultImage" class="graph-result-img">
-                        <p class="placeholder-text" id="graphPlaceholderText">Le résultat apparaîtra ici...</p>
+                        <p class="placeholder-text" id="graphPlaceholderText">The result will appear here...</p>
                     </div>
                     <div id="downloadSection" style="display: none; margin-top: 20px; text-align: center;">
-                        <h3 style="color: white; margin-bottom: 10px;">Télécharger le graphique</h3>
+                        <h3 style="color: white; margin-bottom: 10px;">Download the graph</h3>
                         <div style="display: flex; justify-content: center; gap: 10px;">
                             <button id="downloadPng" class="download-btn">PNG</button>
                             <button id="downloadJpg" class="download-btn">JPG</button>
@@ -790,7 +790,7 @@ askBtn.addEventListener('click', async () => {
                 // Réinitialiser l'affichage quand un nouveau fichier est sélectionné
                 document.getElementById("downloadSection").style.display = "none";
                 document.getElementById("graphResultImage").style.display = "none";
-                document.getElementById("graphPlaceholderText").textContent = "Prêt à générer le graphique";
+                document.getElementById("graphPlaceholderText").textContent = "Ready to generate the chart";
             }
         });
 
@@ -812,13 +812,13 @@ askBtn.addEventListener('click', async () => {
 
         // Validation
         if (!fileInput.files[0]) {
-            placeholderText.textContent = "Veuillez sélectionner un fichier";
+            placeholderText.textContent = "⚠️No file selected";
             downloadSection.style.display = "none";
             return;
         }
 
         if (!graphTypeSelect.value) {
-            placeholderText.textContent = "Veuillez sélectionner un type de graphique";
+            placeholderText.textContent = "⚠️No a chart type selected";
             downloadSection.style.display = "none";
             return;
         }
@@ -826,7 +826,7 @@ askBtn.addEventListener('click', async () => {
         // Préparation de l'interface
         resultImage.style.display = "none";
         downloadSection.style.display = "none";
-        placeholderText.textContent = "Génération du graphique en cours...";
+        placeholderText.textContent = "⏳ Graph generation in progress...";
 
         try {
             // Envoi des données
@@ -874,7 +874,7 @@ resultImage.style.display = "block";
     const downloadGraph = (format) => {
         const resultImage = document.getElementById('graphResultImage');
         if (!resultImage.src || resultImage.style.display === "none") {
-            alert("Veuillez d'abord générer un graphique");
+            alert("Please generate a shart first");
             return;
         }