From b039a86bb24debbd0f27daa3f33d5863c3d2f677 Mon Sep 17 00:00:00 2001
From: jafreli <jakob@dreher.land>
Date: Sat, 25 Jan 2025 23:30:06 +0100
Subject: [PATCH] Message board: Fix the char counter reset on submit.

---
 .gitea/workflows/build-docker.yaml |  2 +-
 view/message-board.js              | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/.gitea/workflows/build-docker.yaml b/.gitea/workflows/build-docker.yaml
index ba01525..0d39995 100644
--- a/.gitea/workflows/build-docker.yaml
+++ b/.gitea/workflows/build-docker.yaml
@@ -4,7 +4,7 @@ on:
   push:
     branches:
       - main
-      - massage_board
+      - jbin
 
 jobs:
   build-and-push:
diff --git a/view/message-board.js b/view/message-board.js
index 9667123..ec9d256 100644
--- a/view/message-board.js
+++ b/view/message-board.js
@@ -1,6 +1,8 @@
 const pb = new PocketBase('https://db.out.jafre.li');
 const messageContainer = document.getElementById('messages');
 const messageForm = document.getElementById('messageForm');
+const charCount = document.getElementById('charCount');
+
 
 // Funktion, um die letzten 10 Nachrichten zu laden
 async function loadMessages() {
@@ -33,6 +35,7 @@ messageForm.addEventListener('submit', async (e) => {
         await pb.collection('message_board').create({ name, message });
         loadMessages(); // Aktualisiert die Nachrichtenanzeige
         messageForm.reset(); // Löscht das Formular
+        charCount = 0;
     } catch (error) {
         console.error('Error creating message:', error);
     }
@@ -41,11 +44,8 @@ messageForm.addEventListener('submit', async (e) => {
 // Nachrichten beim Laden der Seite anzeigen
 loadMessages();
 
-const messageInput = document.getElementById('message');
-const charCount = document.getElementById('charCount');
-
 // Event-Listener für Eingaben im Textfeld
-messageInput.addEventListener('input', () => {
-    const currentLength = messageInput.value.length;
+messageContainer.addEventListener('input', () => {
+    const currentLength = messageContainer.value.length;
     charCount.textContent = `${currentLength} / 100`;
 });