adrien/Jade
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Barely working per request response

Browse Source
This commit is contained in:
adrien
2024-05-15 18:55:20 +02:00
parent bb8f53a018
commit 1b73a97ff1
15 changed files with 295 additions and 282 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/partials/message-bot.html
+37 -15
View File
@@ -1,24 +1,33 @@
<div class="message-bot mt-3">
<div class="columns is-mobile">
<div class="column is-narrow" id="icon-column">
<!-- Left column with the icon -->
{% if IsPlaceholder %}
<figure class="image is-48x48" style="flex-shrink: 0;" id="selectedIcon-{{ ConversationAreaId }}"
sse-swap="swapIcon-{{ ConversationAreaId }}">
<img src="icons/bouvai2.png" alt="User Image">
</figure>
{% else %}
{% for message in Messages %}
{% if not message.Hidden %}
<figure class="image is-48x48" style="flex-shrink: 0;">
<img id="selectedIcon-{{ ConversationAreaId }}" src="icons/{{ message.Icon }}.png" alt="User Image">
<figure class="image is-48x48" style="flex-shrink: 0;" id="selectedIcon-{{ ConversationAreaId }}"
sse-swap="swapIcon-{{ ConversationAreaId }}">
<img src="icons/{{ message.Icon }}.png" alt="User Image">
</figure>
{% endif %}
{% endfor %}
{% if IsPlaceholder %}
<figure class="image is-48x48" style="flex-shrink: 0;">
<img src="icons/bouvai2.png" alt="User Image">
</figure>
{% endif %}
</div>
<div class="column" id="content-column">
{% if not IsPlaceholder %}
<div class="is-flex is-align-items-start">
<div class="message-content" id="content-{{ ConversationAreaId }}">
<div class="message-content" id="content-{{ ConversationAreaId }}"
sse-swap="swapContent-{{ ConversationAreaId }}">
{% for message in Messages %}
{% if not message.Hidden %}
<div class="message-header">
@@ -55,21 +64,34 @@
</button>
{% endfor %}
{% endif %}
</div>
{% elif IsPlaceholder %}
<hx hx-get="/generateMultipleMessages" hx-trigger="load" hx-swap="outerHTML" hx-indicator="#spinner"
hx-target="#chat-container">
</hx>
<div class="message-content" {% if message.Hidden %}style="display: none;" {% endif %}>
{% elif IsPlaceholder %}
<div class="is-flex is-align-items-start">
<div class="message-content" id="content-{{ ConversationAreaId }}"
sse-swap="swapContent-{{ ConversationAreaId }}">
<div class="message-body">
<div class="content">
<img id="spinner" class="htmx-indicator" src="/puff.svg" />
<img src="/puff.svg" />
</div>
</div>
</div>
{% endif %}
</div>
<div class="is-flex is-justify-content mt-2">
{% for selectedModel in selectedModels %}
<button disable class="button is-small is-primary message-button is-outlined mr-1"
sse-swap="swapSelectionBtn-{{ selectedModel.ID }}" hx-swap="outerHTML">
<span class="icon is-small">
<!--img src="icons/{{ selectedModel.Icon }}.png" alt="{{ selectedModel.Name }}"
style="max-height: 100%; max-width: 100%;"-->
<img src="/puff.svg" />
</span>
</button>
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
views/partials/model-selection-btn.html
+7
View File
@@ -0,0 +1,7 @@
<button class="button is-small is-primary message-button is-outlined mr-1" hx-get="/messageContent?id={{ message.Id }}"
hx-target="#content-{{ ConversationAreaId }}" onclick="updateIcon('{{ message.Icon }}', '{{ ConversationAreaId }}')"
title="{{ message.Name }}">
<span class="icon is-small">
<img src="icons/{{ message.Icon }}.png" alt="{{ message.Name }}" style="max-height: 100%; max-width: 100%;">
</span>
</button>