Chat history

STiBaRC · Nov 16, 2024 · add1767 · add1767
1 parent 8b0ce45
commit add1767
Show file tree

Hide file tree

Showing 2 changed files with 66 additions and 0 deletions.
diff --git a/tv/chat.js b/tv/chat.js
@@ -24,6 +24,39 @@ window.addEventListener("load", function() {
 		lastUserToSend = data.user.username;
 	});
 
+	socket.on("history", function(data) {
+		lastUserToSend = "";
+		data.forEach(function(msg) {
+			switch (msg.event) {
+				case "message": {
+					const msgElem = new ChatMessageComponent(msg.user, msg.message, lastUserToSend !== msg.user.username);
+					msgElem.classList.add("width100");
+					msgElem.setAttribute("title", new Date(msg.time).toLocaleString());
+					$("#chatmessages").append(msgElem);
+					lastUserToSend = msg.user.username;
+					break;
+				}
+				case "join": {
+					const evt = document.createElement("i");
+					evt.classList.add("width100", "sysnotif");
+					evt.setAttribute("title", new Date(msg.time).toLocaleString());
+					evt.textContent = `${msg.username} joined the chat.`;
+					$("#chatmessages").append(evt);
+					break;
+				}
+				case "leave": {
+					const evt = document.createElement("i");
+					evt.classList.add("width100", "sysnotif");
+					evt.setAttribute("title", new Date(msg.time).toLocaleString());
+					evt.textContent = `${msg.username} left the chat.`;
+					$("#chatmessages").append(evt);
+					break;
+				}
+			}
+		});
+		$("#chatmessages").scrollTop = $("#chatmessages").scrollHeight;
+	});
+
 	socket.on("typing", function(data) {
 		if (data.typing.length === 0) {
 			$("#typing").textContent = "";

diff --git a/tv/tv.js b/tv/tv.js
@@ -56,6 +56,39 @@ window.addEventListener("load", function() {
 		lastUserToSend = data.user.username;
 	});
 
+	socket.on("history", function(data) {
+		lastUserToSend = "";
+		data.forEach(function(msg) {
+			switch (msg.event) {
+				case "message": {
+					const msgElem = new ChatMessageComponent(msg.user, msg.message, lastUserToSend !== msg.user.username);
+					msgElem.classList.add("width100");
+					msgElem.setAttribute("title", new Date(msg.time).toLocaleString());
+					$("#chatmessages").append(msgElem);
+					lastUserToSend = msg.user.username;
+					break;
+				}
+				case "join": {
+					const evt = document.createElement("i");
+					evt.classList.add("width100", "sysnotif");
+					evt.setAttribute("title", new Date(msg.time).toLocaleString());
+					evt.textContent = `${msg.username} joined the chat.`;
+					$("#chatmessages").append(evt);
+					break;
+				}
+				case "leave": {
+					const evt = document.createElement("i");
+					evt.classList.add("width100", "sysnotif");
+					evt.setAttribute("title", new Date(msg.time).toLocaleString());
+					evt.textContent = `${msg.username} left the chat.`;
+					$("#chatmessages").append(evt);
+					break;
+				}
+			}
+		});
+		$("#chatmessages").scrollTop = $("#chatmessages").scrollHeight;
+	});
+
 	socket.on("typing", function(data) {
 		// Remove self from typing list
 		const index = data.typing.indexOf(api.username);