init2

application/static/src/chat.js

@@ -0,0 +1,44 @@
+var el = document.getElementById('message-form');
+if (el) {
+    el.addEventListener("submit", function (event) {
+        console.log("submitting")
+        event.preventDefault()
+        var message = document.getElementById("message-input").value;
+        msg_html = '<div class="bg-blue-500 text-white p-2 rounded-lg mb-2 self-end"><p class="text-sm">'
+        msg_html += message
+        msg_html += '</p></div>'
+        document.getElementById("messages").innerHTML += msg_html;
+        let chatWindow = document.getElementById("chat-container");
+        chatWindow.scrollTop = chatWindow.scrollHeight;
+        document.getElementById("message-input").value = "";
+        document.getElementById("button-submit").innerHTML = '<i class="fa fa-circle-o-notch fa-spin"></i> Thinking...';
+        document.getElementById("button-submit").disabled = true;
+
+        fetch('/api/answer', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({question: message}),
+        })
+            .then(response => response.json())
+            .then(data => {
+                console.log('Success:', data);
+                msg_html = '<div class="bg-indigo-500 text-white p-2 rounded-lg mb-2 self-start"><code class="text-sm">'
+                msg_html += data.answer
+                msg_html += '</code></div>'
+                document.getElementById("messages").innerHTML += msg_html;
+                let chatWindow = document.getElementById("chat-container");
+                chatWindow.scrollTop = chatWindow.scrollHeight;
+                document.getElementById("button-submit").innerHTML = 'Send';
+                document.getElementById("button-submit").disabled = false;
+            })
+            .catch((error) => {
+                console.error('Error:', error);
+                document.getElementById("button-submit").innerHTML = 'Send';
+                document.getElementById("button-submit").disabled = false;
+            });
+
+
+    });
+}