Global Chat

2023-11-27 15:10:06 +01:00
parent 56b6f0e138
commit c16d281892
7 changed files with 78 additions and 30 deletions
--- a/frontend/templates/chat.html
+++ b/frontend/templates/chat.html
@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset='utf-8'>
+		<title>Chat</title>
+	</head>
+	<body>
+		<h1>Chat</h1>
+
+		<form id="form">
+			<input type="text" name="message" />
+		</form>
+
+		<script type="text/javascript">
+			let url = `ws://${window.location.host}/ws/socket-server/`
+
+			const chatSocket = new WebSocket(url)
+			chatSocket.onmessage = function(e){
+				let data = JSON.parse(e.data)
+				console.log('Data:', data)
+			}
+
+		</script>
+	</b
--- a/frontend/templates/index.html
+++ b/frontend/templates/index.html
@ -12,6 +12,7 @@
        <a href="/" class="nav__link" data-link>Dashboard</a>
        <a href="/posts" class="nav__link" data-link>Posts</a>
        <a href="/settings" class="nav__link" data-link>Settings</a>
+        <a href="/chat" class="nav__link" data-link>Chat</a>
    </nav>
    <div id="app"></div>
 	<script type="module" src="{% static 'js/index.js' %}"></script>