JS

static/app.js

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