38 lines
1.8 KiB
HTML
38 lines
1.8 KiB
HTML
<div class="chat-container mt-5">
|
|
<hx hx-get="/loadChat" hx-trigger="load once" hx-swap="outerHTML"></hx>
|
|
|
|
<div class="chat-input-container mb-5">
|
|
<div class="textarea-wrapper">
|
|
<textarea {% if not IsLogin or not HaveKey %}disabled{% endif %} class="textarea"
|
|
placeholder="Type your message here..." name="message" oninput="toggleSendButton(this)"></textarea>
|
|
<div class="button-group">
|
|
<hx hx-get="/loadSettings" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
|
|
<hx hx-get="/loadKeys" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
|
|
<hx hx-get="/loadUsageKPI" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
|
|
<hx hx-get="/loadModelSelection" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
|
|
<button disabled type="submit" class="send-button button is-primary is-small"
|
|
hx-post="/requestMultipleMessages" hx-swap="beforeend settle:200ms" hx-target="#chat-messages"
|
|
id="chat-input-send-btn" class="chat-input" hx-include="[name='message'], [name^='model-check-']"
|
|
onclick="clearTextArea()">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-chevron-right"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function toggleSendButton(textarea) {
|
|
var sendButton = document.getElementById('chat-input-send-btn');
|
|
sendButton.disabled = textarea.value.trim() === '';
|
|
}
|
|
|
|
function clearTextArea() {
|
|
setTimeout(function () {
|
|
document.querySelector('.textarea').value = '';
|
|
toggleSendButton(document.querySelector('.textarea'));
|
|
}, 200);
|
|
}
|
|
</script> |