From d5c9ba6e21bbbff3a3623fce0615f0aeb34a4cb5 Mon Sep 17 00:00:00 2001
From: Adrien <adrien.bouvais.pro@gmail.com>
Date: Sat, 11 May 2024 18:19:41 +0200
Subject: [PATCH] Can't send empty message

---
 views/chat.html | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/views/chat.html b/views/chat.html
index df975db..a99b1f3 100644
--- a/views/chat.html
+++ b/views/chat.html
@@ -1,21 +1,19 @@
 <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"></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 {% if not IsLogin or not HaveKey %}disabled{% endif %} 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()">
+                <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>
@@ -25,4 +23,16 @@
     </div>
 </div>
 
-<script> function clearTextArea() { setTimeout(function () { document.querySelector('.textarea').value = ''; }, 200); } </script>
\ No newline at end of file
+<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>
\ No newline at end of file