JS

static/app.js

@@ -1,24 +1,22 @@
-async function uploadDocument() {
+async function uploadDocument() { 
     let fileInput = document.getElementById("documentInput");
     let formData = new FormData();
     formData.append("file", fileInput.files[0]);
 
     try {
         let response = await fetch("https://aiwebdev-ai-web-dev.hf.space/summarize/", {
-    method: "POST",
-    body: formData,
-    headers: { "Accept": "application/json" }
-});
-
+            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);  // Vérifier la réponse dans la console
+        console.log("📤 Réponse du serveur :", data);
 
-        // Vérifier si le résumé est présent et l'afficher
         let resultElement = document.getElementById("documentResult");
         if (data.summary) {
             resultElement.innerText = "📝 Résumé généré : " + data.summary;
@@ -42,12 +40,11 @@ async function uploadImage() {
     formData.append("file", fileInput.files[0]);
 
     try {
-       const response = await fetch("https://aiwebdev-ai-web-dev.hf.space/interpret/", {
-    method: "POST",
-    body: formData,
-    headers: { "Accept": "application/json" }
-});
-
+        const 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";
@@ -63,3 +60,36 @@ async function uploadImage() {
         alert("Échec de la requête !");
     }
 }
+
+async function uploadTranslation() {
+    let fileInput = document.getElementById("translateInput");
+    let languageSelect = document.getElementById("languageSelect");
+    let formData = new FormData();
+    formData.append("file", fileInput.files[0]);
+    formData.append("target_lang", languageSelect.value);
+
+    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.translated_text) {
+            resultElement.innerText = "🌍 Traduction : " + data.translated_text;
+        } else {
+            resultElement.innerText = "❌ Traduction non disponible.";
+        }
+    } catch (error) {
+        console.error("❌ Erreur :", error);
+        document.getElementById("translateResult").innerText = "Échec de la requête !";
+    }
+}