Update script.js

script.js

@@ -1,22 +1,34 @@
 async function sendQuestion() {
   const questionInput = document.getElementById("questionInput");
+  const sendButton = document.querySelector("button");
+  const buttonContent = sendButton.querySelector(".button-content");
   const audioResponse = document.getElementById("audioResponse");
 
-  const apiEndpoint =
-    "https://h8v918qrvg.execute-api.eu-central-1.amazonaws.com/Prod/audio/question";
-
   if (questionInput.value) {
+    // Onemogućujemo samo dugme
+    sendButton.disabled = true;
+    buttonContent.innerHTML =
+      'Sending... <span class="loading-spinner"></span>';
+
+    const question = questionInput.value;
+    // Brisanje teksta iz polja za unos
+    questionInput.value = "";
+
     try {
-      const response = await fetch(apiEndpoint, {
-        method: "POST",
-        body: JSON.stringify({ transcript: questionInput.value }),
-        headers: { "Content-Type": "application/json" },
-      });
+      const response = await fetch(
+        "https://h8v918qrvg.execute-api.eu-central-1.amazonaws.com/Prod/audio/question",
+        {
+          method: "POST",
+          body: JSON.stringify({ transcript: question }),
+          headers: { "Content-Type": "application/json" },
+        }
+      );
 
       if (response.ok) {
-        const audioBase64 = await response.text(); // Get response as text
+        const audioBase64 = await response.text();
         const audioSrc = `data:audio/mpeg;base64,${audioBase64}`;
         audioResponse.src = audioSrc;
+        audioResponse.style.display = "block";
         audioResponse.play();
       } else {
         console.error("Server error:", response.status);
@@ -24,5 +36,18 @@ async function sendQuestion() {
     } catch (error) {
       console.error("Network error:", error);
     }
+
+    // Dodavanje 'ended' događaja na audio element
+    audioResponse.onended = () => {
+      sendButton.disabled = false;
+      sendButton.innerHTML = '<span class="button-content">Send</span>';
+    };
+  }
+}
+
+function handleKeyPress(event) {
+  const sendButton = document.querySelector("button");
+  if (event.key === "Enter" && !sendButton.disabled) {
+    sendQuestion();
   }
 }