wip tests of socket

2022-11-28 17:26:47 +01:00
parent 9dd87d7fa1
commit 4b7e35d991
13 changed files with 3662 additions and 95 deletions
--- a/tests_hugo/chat_node/index.html
+++ b/tests_hugo/chat_node/index.html
@@ -6,6 +6,50 @@
 	</head>

 	<body>
+
+		<input type="checkbox" id="chat_input" style="display: none;"/>
+
+		<div class="chat_box">
+
+			<div class="chat_item controls_area">
+			</div>
+
+			<label class="chat_item open_close button" for="chat_input">
+				<p>chat</p>
+			</label>
+
+			<div class="chat_item msg_thread">
+				<div class="msg_box" id="msg_thread">
+				</div>
+			</div>
+
+			<div class="chat_item msg_write">
+				<div class="text_area" id="msg_write" contenteditable>
+				</div>
+			</div>
+
+			<button class="chat_item msg_send button" onclick="submit_new_message()">
+				<p>send</p>
+			</button>
+
+		</div>
+
+
+		<!-- https://socket.io/docs/v4/client-installation/ -->
+		<!-- https://socket.io/docs/v4/client-api/ -->
+		<script src="https://cdn.socket.io/4.5.3/socket.io.min.js" integrity="sha384-WPFUvHkB1aHA5TDSZi6xtDgkF0wXJcIIxXhC6h8OT8EH3fC5PWro5pWJ1THjcfEi" crossorigin="anonymous"></script>
+		<script>
+			const socket = io("http://localhost:3000");
+			socket.on("connect", () => {
+				console.log("client: connection");
+			});
+		</script>
+
+		<script src="./chat_submit_msg.js"></script>
+		<script src="./chat_receive_msg.js"></script>
+
+
+<!--
 		<script src="/socket.io/socket.io.js"></script>
 		<script>

@@ -30,5 +74,6 @@
 			<input id="message" type="text"/>
 			<button onclick="send()">send</button>
 		</div>
+-->
 	</body>
 </html>