This commit is contained in:
2023-08-18 12:42:36 +03:00
parent cd8b59e225
commit 393d2de7bc
8 changed files with 194 additions and 23 deletions

View File

@@ -1,5 +1,5 @@
export function update_count_unread_messages (data) { function update_count_unread_messages (data) {
let list_unrd = document.querySelectorAll(".qs") let list_unrd = document.querySelectorAll(".qs")
let i = 0 let i = 0
for (i;i < list_unrd.length;i++){ for (i;i < list_unrd.length;i++){
@@ -7,7 +7,7 @@ export function update_count_unread_messages (data) {
} }
} }
export function play_required_beep (data) { function play_required_beep (data) {
const beep = new Audio('/static/sounds/beep_2.mp3') const beep = new Audio('/static/sounds/beep_2.mp3')
beep.play() beep.play()
} }

View File

@@ -1,5 +1,5 @@
export function inital_old_tab (){ function inital_old_tab (){
let el_tab = document.querySelector(".tab_user_messanger.select") let el_tab = document.querySelector(".tab_user_messanger.select")
let old_item_tab_user = null; let old_item_tab_user = null;
if (el_tab !== null){ if (el_tab !== null){

View File

@@ -1,5 +1,5 @@
export function update_chat_html (data,msg_cont) { function update_chat_html (data,msg_cont) {
if (data.chat_html){ if (data.chat_html){
if (msg_cont !== null){ if (msg_cont !== null){
if (msg_cont.dataset['curReceiver'] === ""){ if (msg_cont.dataset['curReceiver'] === ""){
@@ -16,7 +16,7 @@ export function update_chat_html (data,msg_cont) {
} }
export function update_list_w_users (data,old_item_tab_user) { function update_list_w_users (data,old_item_tab_user) {
let list_of_users = document.querySelector(".block-list-of-users") let list_of_users = document.querySelector(".block-list-of-users")
if (list_of_users) { if (list_of_users) {

View File

@@ -1,5 +1,5 @@
export function update_tickets_operations_manager (data,old_item_tab_user,w=null,wo=null) { function update_tickets_operations_manager (data,old_item_tab_user,w=null,wo=null) {
let insert_type = null let insert_type = null
if (w !== null){ if (w !== null){
insert_type = 'data.tickets_w_manager_html' insert_type = 'data.tickets_w_manager_html'
@@ -70,7 +70,7 @@ function clear_messenger (data) {
} }
} }
export function update_support_chat_func (data){ function update_support_chat_func (data){
if (msg_cont !== null){ if (msg_cont !== null){
if (msg_cont.dataset['curReceiver'] === ""){ if (msg_cont.dataset['curReceiver'] === ""){
document.querySelector(".info_profile").innerHTML = data.support_chat_html document.querySelector(".info_profile").innerHTML = data.support_chat_html

View File

@@ -1,4 +1,4 @@
//
// let senderName = localStorage.getItem('senderName'); // let senderName = localStorage.getItem('senderName');
// if (!senderName) { // if (!senderName) {
// localStorage.setItem('senderName', senderName); // localStorage.setItem('senderName', senderName);
@@ -40,15 +40,24 @@
// } // }
// var i = 0 // var i = 0
$.import_js('/chat_socket_functions/inital_old_tab.js');
// import "chat_socket_functions/inital_old_tab.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"
//
const chatSocket = new WebSocket(ws_url);
// $.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) { function sendMessageSocket (data) {
chatSocket.send(JSON.stringify(data)); chatSocket.send(JSON.stringify(data));
if (!data.ticket_id){ if (!data.ticket_id){
@@ -60,8 +69,12 @@ function sendMessageSocket (data) {
} }
chatSocket.onmessage = function (e) { chatSocket.onmessage = function (e) {
inital_old_tab()
let old_item_tab_user = inital_old_tab()
let data = JSON.parse(e.data); let data = JSON.parse(e.data);
console.log('Data:', data); console.log('Data:', data);
console.log("return") console.log("return")
@@ -100,6 +113,150 @@ chatSocket.onmessage = function (e) {
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){ // function update_tickets_w_manager (data,old_item_tab_user){
// if (data.tickets_w_manager_html) { // if (data.tickets_w_manager_html) {
// if (document.querySelector(".list_linked_tickets") !== null || document.querySelector(".list_unlinked_tickets") !== null) { // if (document.querySelector(".list_linked_tickets") !== null || document.querySelector(".list_unlinked_tickets") !== null) {

View File

@@ -1,3 +1,5 @@
function createTicketShow () { function createTicketShow () {
$.ajax({ $.ajax({
headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() }, headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
@@ -199,12 +201,19 @@ function selectedUserMessenger (ticket_id=null,user_id=null){
}); });
} }
function sendMessage(id_ticket=null,sender,receiver){ function sendMessage(id_ticket=null,sender,receiver){
// import {sendMessageSocket} from "./chat_sockets";
event.preventDefault() event.preventDefault()
let text = document.querySelector(".enter-message-inp").value let text = document.querySelector(".enter-message-inp").value
document.querySelector(".enter-message-inp").value = null document.querySelector(".enter-message-inp").value = null
if (text.length === 0){ if (text.length === 0){
// //
} }
@@ -250,6 +259,7 @@ function sendMessage(id_ticket=null,sender,receiver){
// document.querySelector(".enter-message-inp").focus() // document.querySelector(".enter-message-inp").focus()
// } // }
// }); // });
sendMessageSocket(data) sendMessageSocket(data)
} }
} }

View File

@@ -7,14 +7,18 @@
<script src='{% static "js/ion.rangeSlider.min.js" %}'> </script> <script src='{% static "js/ion.rangeSlider.min.js" %}'> </script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">
<script src='{% static "js/user_profile.js" %}'> </script> <script src='{% static "js/user_profile.js" %}'> </script>
<script src='{% static "js/user_profile(boris).js" %}'> </script>
{# <script src='{% static "js/chat_sockets.js" %}'></script>#} {# <script src='{% static "js/chat_sockets.js" %}'></script>#}
<script type="module" src="{% static "js/chat_socket_functions/etc_operations_for_chat_socket.js" %}"></script>
<script type="module" src="{% static "js/chat_socket_functions/inital_old_tab.js" %}"></script> <script src="{% static "js/chat_socket_functions/etc_operations_for_chat_socket.js" %}"></script>
<script type="module" src="{% static "js/chat_socket_functions/update_messenger.js" %}"></script> <script src="{% static "js/chat_socket_functions/inital_old_tab.js" %}"></script>
<script type="module" src="{% static "js/chat_socket_functions/update_tickets_operations_manager.js" %}"></script> <script src="{% static "js/chat_socket_functions/update_messenger.js" %}"></script>
<link rel="stylesheet" href="{% static 'css/ion.rangeSlider.min.css' %}"> <script src="{% static "js/chat_socket_functions/update_tickets_operations_manager.js" %}"></script>
<link rel="stylesheet" href="{% static 'css/ion.rangeSlider.min.css' %}">
<script src='{% static "js/user_profile(boris).js" %}'> </script>
<script src='{% static "js/chat_sockets.js" %}'> </script>
<script defer src='{% static "js/check_new_messages.js" %}'></script> <script defer src='{% static "js/check_new_messages.js" %}'></script>

View File

@@ -16,7 +16,7 @@
</script> </script>
<script type="module" src='{% static "js/chat_sockets.js" %}'></script> <script src='{% static "js/chat_sockets.js" %}'></script>
<link rel="stylesheet" href="{% static 'css/styles.css' %}"> <link rel="stylesheet" href="{% static 'css/styles.css' %}">