From 38e2c74f47cc300fc2815f7cbcc565298122ce65 Mon Sep 17 00:00:00 2001
From: carsand101 <carsand101@noreply.codeberg.org>
Date: Tue, 11 Jul 2023 22:30:31 +0000
Subject: [PATCH] check if content isn't just whitespaces (client side this
 time)

Signed-off-by: carsand101 <carsand101@noreply.codeberg.org>
---
 static/js/chat.js | 183 ++++++++++++++++++++++++----------------------
 1 file changed, 94 insertions(+), 89 deletions(-)

diff --git a/static/js/chat.js b/static/js/chat.js
index a2eccdb..84e6259 100644
--- a/static/js/chat.js
+++ b/static/js/chat.js
@@ -1,90 +1,95 @@
-let channelDiv = document.getElementById("channelDiv")
-let messageDiv = document.getElementById("messageDiv")
-let messageBox = document.getElementById("messageBox")
-let statusMessage = document.getElementById("statusMessage")
-
-let channelID = 0
-
-async function updateMessages(id) {
-    try {
-        let response = await fetch("/api/chat/getmessages/" + id);
-        let messages = await response.json()
-        statusMessage.innerText = ""
-        document.querySelectorAll(".messageParagraph").forEach(el => el.remove());
-        for (let i in messages) {
-            let messageParagraph = document.createElement("p")
-            messageParagraph.appendChild(document.createTextNode(messages[i]["creator"]["username"] + ": " + messages[i]["content"]))
-            messageParagraph.classList.add("messageParagraph")
-            messageParagraph.id = "messageParagraph" + messages[i]["id"]
-            messageDiv.append(messageParagraph)
-        }
-    }
-    catch {
-        statusMessage.innerText = "Not connected"
-    }
-}
-
-function selectChannel(id) {
-    channelID = id
-
-    let selectedButton = channelDiv.querySelector(".selected");
-    if (selectedButton) {
-        selectedButton.classList.remove("selected");
-    }
-
-    let channelButton = document.getElementById("channelButton" + id)
-    if (channelButton) {
-        channelButton.classList.add("selected")
-    }
-    else {
-        console.log("channelButton not found")
-    }
-
-    updateMessages(id)
-}
-
-async function updateRooms() {
-    let response = await fetch("/api/chat/listrooms");
-    let rooms = await response.json()
-    for (let i in rooms) {
-        let channelButton = document.createElement("button")
-        channelButton.appendChild(document.createTextNode(rooms[i]["name"]))
-        channelButton.id = "channelButton" + rooms[i]["id"]
-        channelButton.onclick = function () { selectChannel(rooms[i]["id"]) }
-
-        channelDiv.append(channelButton)
-    }
-
-    selectChannel(1)
-}
-
-async function sendMessage(content, id) {
-    fetch("/api/chat/send/" + String(id), {
-        method: "POST",
-        body: JSON.stringify({
-            content: content
-        }),
-        headers: {
-            "Content-Type": "application/json"
-        }
-    })
-}
-
-messageBox.addEventListener("keyup", function onEvent(event) {
-    if (event.key === "Enter") {
-        sendMessage(messageBox.value, channelID)
-        updateMessages(channelID)
-        messageBox.value = ""
-    }
-})
-
-function update() {
-    updateMessages(channelID)
-
-    setTimeout(update, 1500);
-}
-
-window.addEventListener("load", function () {
-    updateRooms()
-    update()
+let channelDiv = document.getElementById("channelDiv")
+let messageDiv = document.getElementById("messageDiv")
+let messageBox = document.getElementById("messageBox")
+let statusMessage = document.getElementById("statusMessage")
+
+let channelID = 0
+
+async function updateMessages(id) {
+    try {
+        let response = await fetch("/api/chat/getmessages/" + id);
+        let messages = await response.json()
+        statusMessage.innerText = ""
+        document.querySelectorAll(".messageParagraph").forEach(el => el.remove());
+        for (let i in messages) {
+            let messageParagraph = document.createElement("p")
+            messageParagraph.appendChild(document.createTextNode(messages[i]["creator"]["username"] + ": " + messages[i]["content"]))
+            messageParagraph.classList.add("messageParagraph")
+            messageParagraph.id = "messageParagraph" + messages[i]["id"]
+            messageDiv.append(messageParagraph)
+        }
+    }
+    catch {
+        statusMessage.innerText = "Not connected"
+    }
+}
+
+function selectChannel(id) {
+    channelID = id
+
+    let selectedButton = channelDiv.querySelector(".selected");
+    if (selectedButton) {
+        selectedButton.classList.remove("selected");
+    }
+
+    let channelButton = document.getElementById("channelButton" + id)
+    if (channelButton) {
+        channelButton.classList.add("selected")
+    }
+    else {
+        console.log("channelButton not found")
+    }
+
+    updateMessages(id)
+}
+
+async function updateRooms() {
+    let response = await fetch("/api/chat/listrooms");
+    let rooms = await response.json()
+    for (let i in rooms) {
+        let channelButton = document.createElement("button")
+        channelButton.appendChild(document.createTextNode(rooms[i]["name"]))
+        channelButton.id = "channelButton" + rooms[i]["id"]
+        channelButton.onclick = function () { selectChannel(rooms[i]["id"]) }
+
+        channelDiv.append(channelButton)
+    }
+
+    selectChannel(1)
+}
+
+async function sendMessage(content, id) {
+    fetch("/api/chat/send/" + String(id), {
+        method: "POST",
+        body: JSON.stringify({
+            content: content
+        }),
+        headers: {
+            "Content-Type": "application/json"
+        }
+    })
+}
+
+messageBox.addEventListener("keyup", function onEvent(event) {
+    if (event.key === "Enter") {
+        if (!messageBox.value.trim().length == 0) {
+            sendMessage(messageBox.value, channelID)
+            updateMessages(channelID)
+            messageBox.value = ""
+        }
+        else {
+            return;
+        }
+    }
+})
+
+function update() {
+    updateMessages(channelID)
+
+    setTimeout(update, 1500);
+}
+
+window.addEventListener("load", function () {
+    updateRooms()
+    update()
 })
\ No newline at end of file