Working one message chat

views/partials/bot-message-placeholder.html

@@ -0,0 +1,13 @@
+<article class="message bot-message" id="bot-message-placeholder" hx-trigger="load" hx-swap="outerHTML"
+    hx-get="/generateOpenai" hx-target="#bot-message-placeholder">
+    <div class="message-header">
+        <p>Bot</p>
+        <form>
+            <input type="hidden">
+            <button class="delete" aria-label="delete"></button>
+        </form>
+    </div>
+    <div class="message-body">
+        Waiting...
+    </div>
+</article>

views/partials/bot-message.gohtml

@@ -0,0 +1,12 @@
+<article class="message bot-message">
+    <div class="message-header">
+        <p>Bot</p>
+        <form>
+            <input type="hidden">
+            <button class="delete" aria-label="delete"></button>
+        </form>
+    </div>
+    <div class="message-body">
+        {{ .Content }}
+    </div>
+</article>

views/partials/chat-input.html

@@ -1,3 +1,3 @@
-<form>
+<form hx-put="/chat" hx-swap="beforeend" hx-target="#chat-messages">
     <input class="input" type="text" placeholder="Type your message here..." name="message" />
 </form>

views/partials/chat-messages.html

@@ -1,7 +1,7 @@
-<div class="columns is-centered">
-    <div class="column is-half">
+<div class="columns is-centered" hx-trigger="sse:bot-message" hx-swap="beforeend" hx-target="#chat-messages">
+    <div class="column is-half" id="chat-messages">
         {% for Message in Messages %}
-        {% if Message.User == "User" %}
+        {% if Message.Role == "user" %}
         {% include "partials/user-message.html" %}
         {% else %}
         {% include "partials/bot-message.html" %}

views/partials/test-button.html

@@ -0,0 +1 @@
+<button class="button is-primary" hx-get="/test-button" hx-swap="outerHTML">Test</button>

views/partials/test-display.html

@@ -0,0 +1 @@
+<p sse-swap="test">Test</p>

views/partials/user-message.html

@@ -9,4 +9,7 @@
     <div class="message-body">
         {{ Message.Content }}
     </div>
-</article>
+</article>
+{% if IncludePlaceholder %}
+{% include "partials/bot-message-placeholder.html" %}
+{% endif %}