Update static/script.js

static/script.js

@@ -40,7 +40,7 @@ function loadResumerPage() {
                         </label>
                         <input type="file" id="fileInput" class="file-input" accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx" hidden>
                     </div>
-                    <button  class="summary-action-btn">RÉSUMER</button>
+                    <button class="summary-action-btn">RÉSUMER</button>
                 </div>
                 <div class="results-container">
                     <div class="results-placeholder">
@@ -63,64 +63,62 @@ function loadResumerPage() {
     // Insérer la nouvelle interface sans écraser les scripts
     document.body.innerHTML = "";
     document.body.appendChild(appContainer);
-   // Ajouter l'événement de clic pour le bouton "RÉSUMER"
-  document.querySelector('.summary-action-btn').addEventListener('click', async () => {
-    await uploadDocument();
-});
 
+    // Ajouter l'événement de clic pour le bouton "RÉSUMER"
+    document.querySelector('.summary-action-btn').addEventListener('click', async () => {
+        await uploadDocument();
+    });
 
-async function uploadDocument() { 
-    let fileInput = document.getElementById("fileInput");
-    let resultElement = document.getElementById("documentResult");
+    async function uploadDocument() {
+        let fileInput = document.getElementById("fileInput");
+        let resultElement = document.getElementById("documentResult");
 
-    // Vérifier si un fichier a été sélectionné
-    if (fileInput.files.length === 0) {
-        resultElement.innerText = "⚠️ Aucun fichier sélectionné !";
-        return; // Arrêter l'exécution si aucun fichier
-    }
+        if (fileInput.files.length === 0) {
+            resultElement.innerText = "⚠️ Aucun fichier sélectionné !";
+            return;
+        }
 
-    // Afficher "Chargement..." pendant que le résumé est en cours de préparation
-    resultElement.innerText = "Chargement du résumé... 🕐";
+        resultElement.innerText = "Chargement du résumé... 🕐";
 
-    let formData = new FormData();
-    formData.append("file", fileInput.files[0]);
+        let formData = new FormData();
+        formData.append("file", fileInput.files[0]);
 
-    try {
-        let response = await fetch("https://malaknihed-smartdocsai.hf.space/summarize/", {
-            method: "POST",
-            body: formData,
-            headers: { "Accept": "application/json" }
-        });
+        try {
+            let response = await fetch("https://malaknihed-smartdocsai.hf.space/summarize/", {
+                method: "POST",
+                body: formData,
+                headers: { "Accept": "application/json" }
+            });
 
-        if (!response.ok) {
-            throw new Error("Erreur de requête !");
-        }
+            if (!response.ok) {
+                throw new Error("Erreur de requête !");
+            }
 
-        let data = await response.json();
-        console.log("📤 Réponse du serveur :", data);
+            let data = await response.json();
+            console.log("📤 Réponse du serveur :", data);
 
-        // Vérification si le modèle est encore en cours de chargement
-        if (data.message && data.message.includes("Modèle en cours de chargement")) {
-            resultElement.innerText = "Le résumé est en cours de génération. Veuillez patienter... 🕐";
-            return;  // Ne pas continuer tant que le modèle n'est pas prêt
-        }
+            if (data.message && data.message.includes("Modèle en cours de chargement")) {
+                resultElement.innerText = "Le résumé est en cours de génération. Veuillez patienter... 🕐";
+                return;
+            }
 
-        // Afficher le résumé ou un message d'erreur
-      if (data.summary) {
-    resultElement.innerHTML = `
-        <h3 class="centered-title">📝 Résumé généré :</h3>
-        <br>
-        <p>${data.summary}</p>
-    `;
-      } else {
-    resultElement.innerText = "❌ Résumé non disponible.";
-      }
-    } catch (error) {
-        console.error("❌ Erreur : ", error);
-        resultElement.innerText = "Erreur lors de la demande !";
+            if (data.summary) {
+                resultElement.innerHTML = `
+                    <h3 class="centered-title">📝 Résumé généré :</h3>
+                    <br>
+                    <p>${data.summary}</p>
+                `;
+                document.getElementById("documentResult").dataset.summaryText = data.summary;
+                document.getElementById("downloadSection").style.display = "block";
+            } else {
+                resultElement.innerText = "❌ Résumé non disponible.";
+            }
+        } catch (error) {
+            console.error("❌ Erreur : ", error);
+            resultElement.innerText = "Erreur lors de la demande !";
+        }
     }
-}
-  // Fonctions de téléchargement
+
     document.addEventListener("click", (e) => {
         const text = document.getElementById("documentResult").dataset.summaryText;
         if (!text) return;
@@ -166,111 +164,40 @@ async function uploadDocument() {
             URL.revokeObjectURL(url);
         }
     });
-}
-
 
-
-
-    
+    // Reconnexion des boutons du menu latéral
     document.getElementById('traductionbutton').addEventListener('click', loadTraductionPage);
     document.getElementById('qesdocButton').addEventListener('click', loadDocPage);
     document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
     document.getElementById('interpretationButton').addEventListener('click', loadInterpretationPage);
     document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
 
-const fileInput = document.getElementById('fileInput');
-const dropText = document.getElementById('dropText');
-const uploadIcon = document.getElementById('uploadIcon');
-+
-
-dropText.addEventListener('click', function(event) {
-    event.preventDefault();  
-    event.stopPropagation(); 
-    fileInput.click();
-});
-
-uploadIcon.addEventListener('click', function(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    fileInput.click();
-});
-
-fileInput.addEventListener('change', function(event) {
-    let file = event.target.files[0];
-    if (file) {
-        dropText.textContent = file.name;
-        uploadIcon.style.display = "none";
-    }
-});
-
-// Téléchargements
-        document.getElementById('downloadPdf').addEventListener('click', downloadAsPdf);
-        document.getElementById('downloadWord').addEventListener('click', downloadAsWord);
-        document.getElementById('downloadPpt').addEventListener('click', downloadAsPowerPoint);
-        document.getElementById('downloadTxt').addEventListener('click', downloadAsText);
-function downloadAsPdf() {
-        const text = document.getElementById("documentResult").dataset.translatedText;
-        if (!text) return;
-
-        const { jsPDF } = window.jspdf;
-        const doc = new jsPDF();
-        doc.text(text, 10, 10);
-        doc.save('traduction.pdf');
-    }
-
-    async function downloadAsWord() {
-        const text = document.getElementById("documentResult").dataset.translatedText;
-        if (!text) return;
-
-        const { Document, Paragraph, TextRun, Packer } = window.docx;
-        const doc = new Document({
-            sections: [{
-                properties: {},
-                children: [
-                    new Paragraph({
-                        children: [
-                            new TextRun(text)
-                        ]
-                    })
-                ]
-            }]
-        });
-
-        Packer.toBlob(doc).then(blob => {
-            const url = URL.createObjectURL(blob);
-            const a = document.createElement('a');
-            a.href = url;
-            a.download = 'traduction.docx';
-            a.click();
-            URL.revokeObjectURL(url);
-        });
-    }
-
-    function downloadAsPowerPoint() {
-        const text = document.getElementById("documentResult").dataset.translatedText;
-        if (!text) return;
+    // Gestion du dropzone
+    const fileInput = document.getElementById('fileInput');
+    const dropText = document.getElementById('dropText');
+    const uploadIcon = document.getElementById('uploadIcon');
 
-        const pptx = new window.PptxGenJS();
-        const slide = pptx.addSlide();
-        slide.addText(text, { x: 1, y: 1, w: 8, h: 4 });
-        pptx.writeFile({ fileName: 'traduction.pptx' });
-    }
+    dropText.addEventListener('click', function(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        fileInput.click();
+    });
 
-    function downloadAsText() {
-        const text = document.getElementById("documentResult").dataset.translatedText;
-        if (!text) return;
+    uploadIcon.addEventListener('click', function(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        fileInput.click();
+    });
 
-        const blob = new Blob([text], { type: 'text/plain' });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = 'traduction.txt';
-        a.click();
-        URL.revokeObjectURL(url);
-    }
+    fileInput.addEventListener('change', function(event) {
+        let file = event.target.files[0];
+        if (file) {
+            dropText.textContent = file.name;
+            uploadIcon.style.display = "none";
+        }
+    });
 }
 
-}
    
 
    //Quand on clique sur le boutton traduction ---------------