31 lines
1.1 KiB
HTML
31 lines
1.1 KiB
HTML
<div class="column" id="messages">
|
|
{% for message in messages %}
|
|
{% if message.Role == 'user' %}
|
|
<article class="message user-message" id='{{ message.id }}'>
|
|
<div class="message-header">
|
|
<p>User</p>
|
|
<form hx-delete="/chat" hx-swap="outerHTML" hx-target="#messages">
|
|
<input type="hidden" name="messageId" value='{{ message.id }}'>
|
|
<button class="delete" aria-label="delete"></button>
|
|
</form>
|
|
</div>
|
|
<div class="message-body">
|
|
{{ message.Content }}
|
|
</div>
|
|
</article>
|
|
{% else %}
|
|
<article class="message bot-message" id='{{ message.id }}'>
|
|
<div class="message-header">
|
|
<p>Bot</p>
|
|
<form hx-delete="/chat" hx-swap="outerHTML" hx-target="#messages">
|
|
<input type="hidden" name="messageId" value='{{ message.id }}'>
|
|
<button class="delete" aria-label="delete"></button>
|
|
</form>
|
|
</div>
|
|
<div class="message-body">
|
|
{{ message.Content }}
|
|
</div>
|
|
</article>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div> |