diff --git a/static/js/chat_sockets.js b/static/js/chat_sockets.js index 5682194..cf07be1 100644 --- a/static/js/chat_sockets.js +++ b/static/js/chat_sockets.js @@ -1,62 +1,4 @@ - -// let senderName = localStorage.getItem('senderName'); -// if (!senderName) { -// localStorage.setItem('senderName', senderName); -// } -// -// -// } -// let form = document.getElementById('form') -// form.addEventListener('submit', (e) => { -// e.preventDefault() -// let message = e.target.message.value -// chatSocket.send(JSON.stringify({ -// 'message': message, -// 'sender': senderName -// })) -// form.reset() -// }) - - - - -// 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) -// } - -// chatSocket.onopen = function () { -// console.log("open") -// } -// // function open_socket () { -// chatSocket.onopen = function(){ -// console.log("open") -// // chatSocket -// } -// } - -// var i = 0 - - -// $.import_js('/chat_socket_functions/inital_old_tab.js'); -// $.import_js('/chat_socket_functions/etc_operations_for_chat_socket.js'); -// $.import_js('/chat_socket_functions/update_messenger.js'); -// $.import_js('/chat_socket_functions/update_tickets_operations_manager.js'); -// import "chat_socket_functions/etc_operations_for_chat_socket.js" -// import "chat_socket_functions/update_messenger.js" -// import "chat_socket_functions/update_tickets_operations_manager.js" -// - -// import { update_chat_html, update_list_w_users } from "./chat_socket_functions/update_messenger.js"; -// import { update_support_chat_func, update_tickets_operations_manager } from "./chat_socket_functions/update_tickets_operations_manager.js"; -// import { play_required_beep, update_count_unread_messages } from "./chat_socket_functions/etc_operations_for_chat_socket.js"; -// import { inital_old_tab } from "./chat_socket_functions/inital_old_tab.js"; - -const chatSocket = new WebSocket(ws_url); +chatSocket = new WebSocket(ws_url); function sendMessageSocket (data) { chatSocket.send(JSON.stringify(data)); @@ -154,201 +96,3 @@ function update_tickets_operations_manager (data,old_item_tab_user,w=null,wo=nul } } - - -// function select_and_scroll_to_ticket (data,old_item_tab_user){ -// if (el_tab !== null){ -// document.querySelector(".tab_user_messanger.select").classList.remove("select") -// let old_insert_tab = document.querySelector(`[data-cur-receiver-item="${old_item_tab_user}"]`) -// if (old_insert_tab) { -// old_insert_tab.classList.add("select") -// old_insert_tab.scrollIntoView({behavior: "smooth"}); -// } -// -// } -// } -// -// function clear_messenger (data) { -// let container_messenger = document.querySelector(".container-messages") -// if (container_messenger){ -// let dataset_cont_mes = container_messenger.dataset -// if (dataset_cont_mes){ -// let ticket_id = dataset_cont_mes["ticketId"] -// if (ticket_id !== ""){ -// let ticket = document.querySelector(`[data-cur-receiver-item="${ticket_id}"]`) -// if (ticket === null){ -// let chat = document.querySelector(".block-chat").innerHTML = "" -// } -// } -// } -// } -// } -// -// function update_support_chat_func (data){ -// if (msg_cont !== null){ -// if (msg_cont.dataset['curReceiver'] === ""){ -// document.querySelector(".info_profile").innerHTML = data.support_chat_html -// } -// } -// } -// -// -// function update_chat_html (data,msg_cont) { -// if (data.chat_html){ -// if (msg_cont !== null){ -// if (msg_cont.dataset['curReceiver'] === ""){ -// document.querySelector(".fotter-chat") -// msg_cont.innerHTML = data.chat_html -// } else { -// // что бы не выводился левый чат -// if (msg_cont.dataset['curReceiver'] === data['sender'].toString() || msg_cont.dataset['curReceiver'] === data['receiver'].toString()) { -// msg_cont.innerHTML = data.chat_html -// } -// } -// } -// } -// } -// -// -// function update_list_w_users (data,old_item_tab_user) { -// let list_of_users = document.querySelector(".block-list-of-users") -// if (list_of_users) { -// -// if (data.users_list_html){ -// list_of_users.innerHTML = data.users_list_html -// if (el_tab !== null){ -// document.querySelector(`[data-cur-receiver-item="${old_item_tab_user}"]` ).classList.add("select") -// } -// } -// -// } -// } -// -// function inital_old_tab (){ -// let el_tab = document.querySelector(".tab_user_messanger.select") -// let old_item_tab_user = null; -// if (el_tab !== null){ -// let dataset = el_tab.dataset; -// old_item_tab_user = dataset['curReceiverItem']; -// } -// return old_item_tab_user -// } -// -// -// function update_count_unread_messages (data) { -// let list_unrd = document.querySelectorAll(".qs") -// let i = 0 -// for (i;i < list_unrd.length;i++){ -// list_unrd[i].innerHTML = data.unread_msgs_count.toString() -// } -// } -// -// function play_required_beep (data) { -// const beep = new Audio('/static/sounds/beep_2.mp3') -// beep.play() -// } - - - - -//end - - - - - -// function update_tickets_w_manager (data,old_item_tab_user){ -// if (data.tickets_w_manager_html) { -// if (document.querySelector(".list_linked_tickets") !== null || document.querySelector(".list_unlinked_tickets") !== null) { -// document.querySelector(".list_linked_tickets").innerHTML = data.tickets_w_manager_html -// -// select_and_scroll_to_ticket(data,old_item_tab_user) -// -// clear_messenger(data) -// -// } -// -// } -// } -// - - -// function update_tickets_wo_manager (data,old_item_tab_user) { -// if (data.tickets_wo_manager_html) { -// if (document.querySelector(".list_linked_tickets") !== null || document.querySelector(".list_unlinked_tickets") !== null) { -// document.querySelector(".list_unlinked_tickets").innerHTML = data.tickets_wo_manager_html -// if (el_tab !== null) { -// let select_tab = document.querySelector(".tab_user_messanger.select") -// if (select_tab) { -// select_tab.classList.remove("select") -// } -// let old_insert_tab = document.querySelector(`[data-cur-receiver-item="${old_item_tab_user}"]`) -// if (old_insert_tab) { -// old_insert_tab.classList.add("select") -// old_insert_tab.scrollIntoView({behavior: "smooth"}); -// } -// -// } -// let container_messenger = document.querySelector(".container-messages") -// if (container_messenger){ -// let dataset_cont_mes = container_messenger.dataset -// if (dataset_cont_mes){ -// let ticket_id = dataset_cont_mes["ticketId"] -// if (ticket_id !== ""){ -// let ticket = document.querySelector(`[data-cur-receiver-item="${ticket_id}"]`) -// if (ticket === null){ -// let chat = document.querySelector(".block-chat").innerHTML = "" -// } -// } -// } -// } -// } -// -// } -// } -// -// -// -// - - - -// 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', `
-// //

${data.message}

-// //
` -// // ) -// document.querySelector(".container-messages").innerHTML = data.html; -// document.querySelector(".enter-message-inp").focus() -// } -// -// } - -// 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') \ No newline at end of file diff --git a/static/js/chat_sockets_2.js b/static/js/chat_sockets_2.js new file mode 100644 index 0000000..87ead9c --- /dev/null +++ b/static/js/chat_sockets_2.js @@ -0,0 +1,371 @@ + +// let senderName = localStorage.getItem('senderName'); +// if (!senderName) { +// localStorage.setItem('senderName', senderName); +// } +// +// +// } +// let form = document.getElementById('form') +// form.addEventListener('submit', (e) => { +// e.preventDefault() +// let message = e.target.message.value +// chatSocket.send(JSON.stringify({ +// 'message': message, +// 'sender': senderName +// })) +// form.reset() +// }) + + + + +// 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) +// } + +// chatSocket.onopen = function () { +// console.log("open") +// } +// // function open_socket () { +// chatSocket.onopen = function(){ +// console.log("open") +// // chatSocket +// } +// } + +// var i = 0 + + +// $.import_js('/chat_socket_functions/inital_old_tab.js'); +// $.import_js('/chat_socket_functions/etc_operations_for_chat_socket.js'); +// $.import_js('/chat_socket_functions/update_messenger.js'); +// $.import_js('/chat_socket_functions/update_tickets_operations_manager.js'); +// import "chat_socket_functions/etc_operations_for_chat_socket.js" +// import "chat_socket_functions/update_messenger.js" +// import "chat_socket_functions/update_tickets_operations_manager.js" +// + +// import { update_chat_html, update_list_w_users } from "./chat_socket_functions/update_messenger.js"; +// import { update_support_chat_func, update_tickets_operations_manager } from "./chat_socket_functions/update_tickets_operations_manager.js"; +// import { play_required_beep, update_count_unread_messages } from "./chat_socket_functions/etc_operations_for_chat_socket.js"; +// import { inital_old_tab } from "./chat_socket_functions/inital_old_tab.js"; + + + + + + + + + +// const chatSocket = new WebSocket(ws_url); +// +// function sendMessageSocket (data) { +// chatSocket.send(JSON.stringify(data)); +// if (!data.ticket_id){ +// let el_tab = document.querySelector(".tab_user_messanger.select") +// if (el_tab !== null){ +// el_tab.querySelector(".last-message-messenger-user-tab").innerHTML = data['text'] +// } +// } +// } +// +// +// +// +// +// chatSocket.onmessage = function (e) { +// +// let old_item_tab_user = inital_old_tab() +// let data = JSON.parse(e.data); +// console.log('Data:', data); +// console.log("return") +// let msg_cont = document.querySelector(".container-messages") +// if (data.type === 'chat') { +// document.querySelector(".container-messages").innerHTML = data.html; +// document.querySelector(".enter-message-inp").focus() +// } else if (data.type === "echo") { +// console.log(data) +// } else if (data.type === "update_chat") { +// let msg_cont = document.querySelector(".container-messages") +// +// update_chat_html(data,msg_cont) +// +// // update_tickets_w_manager(data,old_item_tab_user) +// // +// // update_tickets_wo_manager(data,old_item_tab_user)л +// +// update_tickets_operations_manager(data,old_item_tab_user,'w') +// +// update_tickets_operations_manager(data,old_item_tab_user,null,'wo') +// +// update_list_w_users(data,old_item_tab_user) +// +// +// } else if (data.type === "update_support_chat"){ +// update_support_chat_func(data) +// } +// if (data.unread_msgs_count > 0){ +// update_count_unread_messages(data) +// } +// if (data.required_beep === true) { +// play_required_beep(data) +// } +// } +// +// +// +// function update_tickets_operations_manager (data,old_item_tab_user,w=null,wo=null) { +// let insert_type = null +// if (w !== null){ +// insert_type = 'data.tickets_w_manager_html' +// } else if (wo !== null){ +// insert_type = 'data.tickets_wo_manager_html' +// } +// if (insert_type) { +// if (document.querySelector(".list_linked_tickets") !== null || document.querySelector(".list_unlinked_tickets") !== null) { +// document.querySelector(".list_unlinked_tickets").innerHTML = insert_type +// // if (el_tab !== null) { +// // let select_tab = document.querySelector(".tab_user_messanger.select") +// // if (select_tab) { +// // select_tab.classList.remove("select") +// // } +// // let old_insert_tab = document.querySelector(`[data-cur-receiver-item="${old_item_tab_user}"]`) +// // if (old_insert_tab) { +// // old_insert_tab.classList.add("select") +// // old_insert_tab.scrollIntoView({behavior: "smooth"}); +// // } +// // +// // } +// // let container_messenger = document.querySelector(".container-messages") +// // if (container_messenger){ +// // let dataset_cont_mes = container_messenger.dataset +// // if (dataset_cont_mes){ +// // let ticket_id = dataset_cont_mes["ticketId"] +// // if (ticket_id !== ""){ +// // let ticket = document.querySelector(`[data-cur-receiver-item="${ticket_id}"]`) +// // if (ticket === null){ +// // let chat = document.querySelector(".block-chat").innerHTML = "" +// // } +// // } +// // } +// // } +// select_and_scroll_to_ticket(data,old_item_tab_user) +// clear_messenger(data) +// } +// +// } +// } + + + + + + + + + + + +// function select_and_scroll_to_ticket (data,old_item_tab_user){ +// if (el_tab !== null){ +// document.querySelector(".tab_user_messanger.select").classList.remove("select") +// let old_insert_tab = document.querySelector(`[data-cur-receiver-item="${old_item_tab_user}"]`) +// if (old_insert_tab) { +// old_insert_tab.classList.add("select") +// old_insert_tab.scrollIntoView({behavior: "smooth"}); +// } +// +// } +// } +// +// function clear_messenger (data) { +// let container_messenger = document.querySelector(".container-messages") +// if (container_messenger){ +// let dataset_cont_mes = container_messenger.dataset +// if (dataset_cont_mes){ +// let ticket_id = dataset_cont_mes["ticketId"] +// if (ticket_id !== ""){ +// let ticket = document.querySelector(`[data-cur-receiver-item="${ticket_id}"]`) +// if (ticket === null){ +// let chat = document.querySelector(".block-chat").innerHTML = "" +// } +// } +// } +// } +// } +// +// function update_support_chat_func (data){ +// if (msg_cont !== null){ +// if (msg_cont.dataset['curReceiver'] === ""){ +// document.querySelector(".info_profile").innerHTML = data.support_chat_html +// } +// } +// } +// +// +// function update_chat_html (data,msg_cont) { +// if (data.chat_html){ +// if (msg_cont !== null){ +// if (msg_cont.dataset['curReceiver'] === ""){ +// document.querySelector(".fotter-chat") +// msg_cont.innerHTML = data.chat_html +// } else { +// // что бы не выводился левый чат +// if (msg_cont.dataset['curReceiver'] === data['sender'].toString() || msg_cont.dataset['curReceiver'] === data['receiver'].toString()) { +// msg_cont.innerHTML = data.chat_html +// } +// } +// } +// } +// } +// +// +// function update_list_w_users (data,old_item_tab_user) { +// let list_of_users = document.querySelector(".block-list-of-users") +// if (list_of_users) { +// +// if (data.users_list_html){ +// list_of_users.innerHTML = data.users_list_html +// if (el_tab !== null){ +// document.querySelector(`[data-cur-receiver-item="${old_item_tab_user}"]` ).classList.add("select") +// } +// } +// +// } +// } +// +// function inital_old_tab (){ +// let el_tab = document.querySelector(".tab_user_messanger.select") +// let old_item_tab_user = null; +// if (el_tab !== null){ +// let dataset = el_tab.dataset; +// old_item_tab_user = dataset['curReceiverItem']; +// } +// return old_item_tab_user +// } +// +// +// function update_count_unread_messages (data) { +// let list_unrd = document.querySelectorAll(".qs") +// let i = 0 +// for (i;i < list_unrd.length;i++){ +// list_unrd[i].innerHTML = data.unread_msgs_count.toString() +// } +// } +// +// function play_required_beep (data) { +// const beep = new Audio('/static/sounds/beep_2.mp3') +// beep.play() +// } + + + + +//end + + + + + +// function update_tickets_w_manager (data,old_item_tab_user){ +// if (data.tickets_w_manager_html) { +// if (document.querySelector(".list_linked_tickets") !== null || document.querySelector(".list_unlinked_tickets") !== null) { +// document.querySelector(".list_linked_tickets").innerHTML = data.tickets_w_manager_html +// +// select_and_scroll_to_ticket(data,old_item_tab_user) +// +// clear_messenger(data) +// +// } +// +// } +// } +// + + +// function update_tickets_wo_manager (data,old_item_tab_user) { +// if (data.tickets_wo_manager_html) { +// if (document.querySelector(".list_linked_tickets") !== null || document.querySelector(".list_unlinked_tickets") !== null) { +// document.querySelector(".list_unlinked_tickets").innerHTML = data.tickets_wo_manager_html +// if (el_tab !== null) { +// let select_tab = document.querySelector(".tab_user_messanger.select") +// if (select_tab) { +// select_tab.classList.remove("select") +// } +// let old_insert_tab = document.querySelector(`[data-cur-receiver-item="${old_item_tab_user}"]`) +// if (old_insert_tab) { +// old_insert_tab.classList.add("select") +// old_insert_tab.scrollIntoView({behavior: "smooth"}); +// } +// +// } +// let container_messenger = document.querySelector(".container-messages") +// if (container_messenger){ +// let dataset_cont_mes = container_messenger.dataset +// if (dataset_cont_mes){ +// let ticket_id = dataset_cont_mes["ticketId"] +// if (ticket_id !== ""){ +// let ticket = document.querySelector(`[data-cur-receiver-item="${ticket_id}"]`) +// if (ticket === null){ +// let chat = document.querySelector(".block-chat").innerHTML = "" +// } +// } +// } +// } +// } +// +// } +// } +// +// +// +// + + + +// 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', `
+// //

${data.message}

+// //
` +// // ) +// document.querySelector(".container-messages").innerHTML = data.html; +// document.querySelector(".enter-message-inp").focus() +// } +// +// } + +// 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') \ No newline at end of file