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

Maybe instant message

Browse Source
This commit is contained in:
adrien
2024-06-08 18:38:19 +02:00
parent b2dd946917
commit 84f6b9e381
7 changed files with 85 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/partials/chat-input.html
+3 -3
View File
@@ -27,7 +27,7 @@
<button disabled type="submit" class="send-button button is-primary is-small" hx-post="/generatePlaceholder"
hx-swap="beforeend" hx-target="#chat-messages" id="chat-input-send-btn" class="chat-input"
hx-include="[name='message']" hx-vals="js:{selectedLLMIds: getSelectedModelsIDs()}"
onclick="clearTextArea()">
onclick="onClickSendButton()">
<span class="icon">
<i class="fa-solid fa-chevron-right"></i>
</span>
@@ -94,11 +94,11 @@
document.getElementById('chat-input-send-btn').disabled = textarea.value.trim().length === 0 || document.getElementsByClassName('selected icon-llm').length === 0 || generateMultipleMessages !== null;
}
function clearTextArea() {
function onClickSendButton() {
setTimeout(function () {
textarea.value = '';
toggleSendButton();
}, 200);
}, 20);
}
function updateIcon(icon, ConversationAreaId) {
views/partials/message-bot.html
+1
View File
@@ -81,6 +81,7 @@
</div>
<div class="message-body">
<div class="content">
<br>
<img src="/puff.svg" />
</div>
</div>
views/partials/message-user-placeholder.html
-30
View File
@@ -1,30 +0,0 @@
<div class="message-user mt-3 is-hidden" id="msg-placeholder">
<div class="columns is-mobile">
<div class="column is-narrow" id="icon-column">
<figure class="image is-48x48 message-icon" style="flex-shrink: 0;">
<img src="icons/bouvai2.png" alt="User Image">
</figure>
</div>
<div class="column" id="content-column" style="width: 100px;">
<div class="is-flex is-align-items-start">
<div class="message-content" style="width: 100%; overflow-y: hidden;">
<div class="message-header">
<p>
You
</p>
</div>
<div class="message-body">
<div class="content" style="overflow-x: auto; width: 100%;" id="content-placeholder">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
// When receiving the SSE event
</script>
views/partials/messages-placeholder.html
+58
View File
@@ -0,0 +1,58 @@
<div class="is-hidden" id="msg-placeholder">
<div class="message-user mt-3">
<div class="columns is-mobile">
<div class="column is-narrow" id="icon-column">
<figure class="image is-48x48 message-icon" style="flex-shrink: 0;">
<img src="icons/bouvai2.png" alt="User Image">
</figure>
</div>
<div class="column" id="content-column" style="width: 100px;">
<div class="is-flex is-align-items-start">
<div class="message-content" style="width: 100%; overflow-y: hidden;">
<div class="message-header">
<p>
You
</p>
</div>
<div class="message-body">
<div class="content" style="overflow-x: auto; width: 100%;" id="content-placeholder">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style='height: 10px;'></div>
<div class="message-user mt-3">
<div class="columns is-mobile">
<div class="column is-narrow" id="icon-column">
<figure class="image is-48x48 message-icon" style="flex-shrink: 0;">
<img src="icons/bouvai2.png" alt="User Image">
</figure>
</div>
<div class="column" id="content-column" style="width: 100px;">
<div class="is-flex is-align-items-start">
<div class="message-content" style="width: 100%; overflow-y: hidden;">
<div class="message-header">
<p>
Waiting...
</p>
</div>
<div class="message-body">
<br>
<div class="content">
<img src="/puff.svg" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>