Update static/app.js

static/app.js

@@ -61,57 +61,48 @@ async function uploadImage() {
     }
 }
 
-
-// Fonction pour convertir le texte de la langue en code ISO
-function getLanguageCode(language) {
-    const languageMap = {
-        "Français": "fr",
-        "Anglais": "en",
-        "Espagnol": "es",
-        "Allemand": "de",
-        "Italien": "it",
-        "Arabe": "ar"
-    };
-    return languageMap[language] || "en"; // Valeur par défaut : anglais
-}
-
-async function uploadForTranslation() {
-    let fileInput = document.getElementById("translateInput");
-    let targetLangText = document.getElementById("targetLang").value;
-    let targetLang = getLanguageCode(targetLangText);
-
-    if (!fileInput.files.length) {
-        document.getElementById("translateResult").innerText = "❌ Aucun fichier sélectionné.";
-        return;
-    }
-
-    let formData = new FormData();
-    formData.append("file", fileInput.files[0]);
-    formData.append("target_lang", targetLang);
-
-    try {
-        let response = await fetch("https://aiwebdev-ai-web-dev.hf.space/translate/", {
-            method: "POST",
-            body: formData,
-            headers: { "Accept": "application/json" }
-        });
-
-        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.translation) {
-            resultElement.innerText = "📝 Traduction : " + data.translation;
-        } else {
-            resultElement.innerText = "❌ Traduction non disponible.";
-        }
-    } catch (error) {
-        console.error("❌ Erreur :", error);
-        document.getElementById("translateResult").innerText = "Échec de la requête !";
-    }
-}
-
+async function uploadTranslation() {
+            let fileInput = document.getElementById("translateFile");
+            let targetLang = document.getElementById("targetLanguageSelect").value;
+            let loadingText = document.getElementById("loading");
+            let resultElement = document.getElementById("translateResult");
+
+            // Vérifier si un fichier est sélectionné
+            if (!fileInput.files.length) {
+                alert("Veuillez sélectionner un fichier à traduire !");
+                return;
+            }
+
+            let file = fileInput.files[0];
+            let formData = new FormData();
+            formData.append("file", file);
+            formData.append("target_lang", targetLang);
+
+            loadingText.style.display = "block";  // Afficher le message "Traduction en cours..."
+            resultElement.innerText = "";  // Effacer le texte précédent
+
+            try {
+                let response = await fetch("https://aiwebdev-ai-web-dev.hf.space/translate/", {
+                    method: "POST",
+                    body: formData
+                });
+
+                if (!response.ok) {
+                    throw new Error("Erreur de requête !");
+                }
+
+                let data = await response.json();
+                console.log("📤 Réponse du serveur :", data);
+
+                if (data.translated_text) {
+                    resultElement.innerText = "✅ Traduction : " + data.translated_text;
+                } else {
+                    resultElement.innerText = "❌ Traduction non disponible.";
+                }
+            } catch (error) {
+                console.error("❌ Erreur :", error);
+                resultElement.innerText = "⚠️ Échec de la requête !";
+            } finally {
+                loadingText.style.display = "none";  // Masquer le message de chargement
+            }
+        }