wip first chat

2022-11-20 20:18:59 +01:00
parent 8fc383c8fc
commit ada109416a
81 changed files with 16167 additions and 48 deletions
--- a/tests_hugo/chat/chat_client/chat_socket.js
+++ b/tests_hugo/chat/chat_client/chat_socket.js
@@ -0,0 +1,24 @@
+const socket = io("http://localhost:3000");
+
+const div_message = document.getElementById('message');
+const div_messages = document.getElementById('messages');
+
+const handle_submit_new_message = () => {
+	console.log('1');
+	socket.emit('message', { data: div_message.value });
+}
+
+socket.on('message', ({ data }) => {
+	handle_new_message(data);
+});
+
+const handle_new_message = (message) => {
+	div_messages.appendChild(build_new_message(message));
+}
+
+const build_new_message = (message) => {
+	const li = document.createElement("li");
+	li.appendChild(document.createTextNode(message));
+	return li;
+}
+
--- a/tests_hugo/chat/chat_client/index.html
+++ b/tests_hugo/chat/chat_client/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	</head>
+
+	<body>
+		<div>
+			<ul id="messages"></ul>
+		</div>
+
+		<div>
+			<input type="text" id="message" />
+			<button onclick="handle_submit_new_message()">Submit</button>
+		</div>
+
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
+		<script src="./chat_socket.js"></script>
+	</body>
+
+</html>