sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.3.4

Browse Source 
chat v3
This commit is contained in:
SDE
2023-08-13 13:25:21 +03:00
parent 0a8151f8fa
commit a5362bd2ad
11 changed files with 143 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
static/js/chat_sockets.js
View File

@@ -42,75 +42,63 @@
// var i = 0
// function sendMessageSocket (data) {
// let chatSocket = new WebSocket(url);
// chatSocket.onopen = function (){
// console.log("open")
// chatSocket.send(JSON.stringify(data))
// }
// chatSocket.onclose = function () {
// console.log("close")
// return false
// }
// //
//
// // }
// // open_socket()
// // chatSocket.OPEN
//
// // chatSocket.onopen = function (){
// // console.log("open")
// //
//
//
// // }
// }
//
// chatSocket.onmessage = function (e) {
// let data = JSON.parse(e.data);
// console.log('Data:', data);
// console.log("return")
// if (data.type === 'chat'){
// document.querySelector(".container-messages").innerHTML = data.html;
// document.querySelector(".enter-message-inp").focus()
// }
// }
let url = `ws://localhost:8000/ws/socket-server/`;
const chatSocket = new WebSocket(url);
function sendMessageSocket (data) {
chatSocket.send(JSON.stringify(data));
}
chatSocket.onmessage = function (e) {
let data = JSON.parse(e.data)
console.log('Data: ', data)
if (data.type === 'chat') {
// let messages = document.getElementById('messages')
//
// messages.insertAdjacentHTML('beforeend', `<div>
// <p>${data.message}</p>
// </div>`
// )
document.querySelector(".container-messages").innerHTML = data.html;
document.querySelector(".enter-message-inp").focus()
}
let data = JSON.parse(e.data);
console.log('Data:', data);
console.log("return")
if (data.type === 'chat'){
document.querySelector(".container-messages").innerHTML = data.html;
document.querySelector(".enter-message-inp").focus()
}
}
window.onload = function () {
let btn = document.querySelector(".send-message")
// let url = `ws://localhost:8000/ws/socket-server/`;
//
// const chatSocket = new WebSocket(url);
//
// chatSocket.onmessage = function (e) {
// let data = JSON.parse(e.data)
// console.log('Data: ', data)
//
// if (data.type === 'chat') {
// // let messages = document.getElementById('messages')
// //
// // messages.insertAdjacentHTML('beforeend', `<div>
// // <p>${data.message}</p>
// // </div>`
// // )
// document.querySelector(".container-messages").innerHTML = data.html;
// document.querySelector(".enter-message-inp").focus()
// }
//
// }
btn.addEventListener('click', (e) => {
e.preventDefault()
// let message = e.target.message.value
chatSocket.send(JSON.stringify({
'data':'data'
}))
// btn.reset()
})
}
// function send_ws_msg(data) {
// chatSocket.send(JSON.stringify(data));
// }
// window.onload = function () {
//
// let btn = document.querySelector(".send-message")
//
// btn.addEventListener('click', (e) => {
// e.preventDefault()
// // let message = e.target.message.value
// chatSocket.send(JSON.stringify({
// 'data':'data'
// }))
// // btn.reset()
// })
// }
// let form = document.getElementById('form')