This commit is contained in:
2023-08-17 16:21:00 +03:00
parent 00f99ce667
commit 0ea84c3db4
9 changed files with 299 additions and 153 deletions

View File

@@ -55,12 +55,7 @@ function sendMessageSocket (data) {
chatSocket.onmessage = function (e) {
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'];
}
let old_item_tab_user = inital_old_tab()
let data = JSON.parse(e.data);
console.log('Data:', data);
console.log("return")
@@ -72,114 +67,89 @@ chatSocket.onmessage = function (e) {
console.log(data)
} else if (data.type === "update_chat") {
let msg_cont = document.querySelector(".container-messages")
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
}
}
}
}
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
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"});
}
}
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){
let chat = document.querySelector(".block-chat").innerHTML = ""
}
}
}
}
}
update_chat_html(data,msg_cont)
}
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"});
}
// update_tickets_w_manager(data,old_item_tab_user)
//
// update_tickets_wo_manager(data,old_item_tab_user)л
}
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){
let chat = document.querySelector(".block-chat").innerHTML = ""
}
}
}
}
}
update_tickets_operations_manager(data,old_item_tab_user,'w')
}
else {
let list_of_users = document.querySelector(".block-list-of-users")
if (list_of_users !== null){
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")
}
}
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"){
if (msg_cont !== null){
if (msg_cont.dataset['curReceiver'] === ""){
document.querySelector(".info_profile").innerHTML = data.support_chat_html
}
}
update_support_chat_func(data)
}
if (data.unread_msgs_count > 0){
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()
}
update_count_unread_messages(data)
}
if (data.required_beep === true) {
const beep = new Audio('/static/sounds/beep_2.mp3')
beep.play()
play_required_beep(data)
}
}
// 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);