michel/ft_transcendence
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minor Edit and clear one file

Browse Source
This commit is contained in:
Xamora 2023-11-27 15:47:00 +01:00
parent c16d281892
commit 7b6a8ba57b
3 changed files with 4 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/consumers.py
View File

@ -31,6 +31,7 @@ class ChatConsumer(WebsocketConsumer):
self.send(text_data=json.dumps({ self.send(text_data=json.dumps({
'type':'chat', 'type':'chat',
'username':self.scope["user"].pk,
'message':message 'message':message
})) }))

4
frontend/static/js/views/Chat.js
View File

@ -14,8 +14,9 @@ export default class extends AbstractView {
if (data.type === 'chat') { if (data.type === 'chat') {
let messages = document.getElementById('messages') let messages = document.getElementById('messages')
let username = data.username === null ? "NoName" : data.username;
messages.insertAdjacentHTML('beforeend', ` messages.insertAdjacentHTML('beforeend', `
<div><p>${data.message}</p></div> <div><p>${username}: ${data.message}</p></div>
`) `)
} }
@ -32,6 +33,7 @@ export default class extends AbstractView {
})) }))
form.reset() form.reset()
}) })
} }
async getHtml() { async getHtml() {

24
frontend/templates/chat.html
View File

@ -1,24 +0,0 @@
<!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