JS

static/app.js

@@ -1,14 +1,5 @@
 async function uploadDocument() { 
     let fileInput = document.getElementById("documentInput");
-    let resultElement = document.getElementById("documentResult");
-
-    if (!fileInput.files.length) {
-        alert("Veuillez sélectionner un fichier !");
-        return;
-    }
-
-    resultElement.innerText = "⏳ Résumé en cours...";
-
     let formData = new FormData();
     formData.append("file", fileInput.files[0]);
 
@@ -19,71 +10,60 @@ async function uploadDocument() {
             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);
 
-        resultElement.innerText = data.summary 
-            ? "📝 Résumé : " + data.summary 
-            : "❌ Résumé non disponible.";
+        let resultElement = document.getElementById("documentResult");
+        if (data.summary) {
+            resultElement.innerText = "📝 Résumé généré : " + data.summary;
+        } else {
+            resultElement.innerText = "❌ Résumé non disponible.";
+        }
     } catch (error) {
         console.error("❌ Erreur :", error);
-        resultElement.innerText = "🚨 Erreur : Échec de la requête !";
+        document.getElementById("documentResult").innerText = "Échec de la requête !";
     }
 }
 
 async function uploadImage() {
-    let fileInput = document.getElementById("imageInput");
-    let resultElement = document.getElementById("imageResult");
-    let imgElement = document.getElementById("uploadedImage");
-
+    const fileInput = document.getElementById("imageInput");
     if (!fileInput.files.length) {
         alert("Veuillez sélectionner une image !");
         return;
     }
 
-    resultElement.innerText = "⏳ Analyse de l'image en cours...";
-
     let formData = new FormData();
     formData.append("file", fileInput.files[0]);
 
     try {
-        let response = await fetch("https://aiwebdev-ai-web-dev.hf.space/interpret/", {
+        const response = await fetch("https://aiwebdev-ai-web-dev.hf.space/interpret/", {
             method: "POST",
             body: formData,
             headers: { "Accept": "application/json" }
         });
 
-        if (!response.ok) throw new Error("Erreur de requête !");
+        const data = await response.json();
+        document.getElementById("imageResult").innerText = data.caption || "Erreur lors de l'interprétation";
         
-        let data = await response.json();
-        resultElement.innerText = data.caption || "❌ Erreur lors de l'interprétation.";
-
-        let reader = new FileReader();
+        const reader = new FileReader();
         reader.onload = function (e) {
-            imgElement.src = e.target.result;
-            imgElement.style.display = "block";
+            document.getElementById("uploadedImage").src = e.target.result;
+            document.getElementById("uploadedImage").style.display = "block";
         };
         reader.readAsDataURL(fileInput.files[0]);
     } catch (error) {
-        console.error("❌ Erreur :", error);
-        resultElement.innerText = "🚨 Erreur : Échec de la requête !";
+        console.error("Erreur :", error);
+        alert("Échec de la requête !");
     }
 }
 
 async function uploadTranslation() {
     let fileInput = document.getElementById("translateInput");
     let languageSelect = document.getElementById("languageSelect");
-    let resultElement = document.getElementById("translateResult");
-
-    if (!fileInput.files.length) {
-        alert("Veuillez sélectionner un fichier !");
-        return;
-    }
-
-    resultElement.innerText = "⏳ Traduction en cours...";
-
     let formData = new FormData();
     formData.append("file", fileInput.files[0]);
     formData.append("target_lang", languageSelect.value);
@@ -95,16 +75,21 @@ async function uploadTranslation() {
             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);
 
-        resultElement.innerText = data.translated_text 
-            ? "🌍 Traduction : " + data.translated_text 
-            : "❌ Traduction non disponible.";
+        let resultElement = document.getElementById("translateResult");
+        if (data.translated_text) {
+            resultElement.innerText = "🌍 Traduction : " + data.translated_text;
+        } else {
+            resultElement.innerText = "❌ Traduction non disponible.";
+        }
     } catch (error) {
         console.error("❌ Erreur :", error);
-        resultElement.innerText = "🚨 Erreur : Échec de la requête !";
+        document.getElementById("translateResult").innerText = "Échec de la requête !";
     }
-}
+}