0.0.24

static/css/styles(boris).css

@@ -260,7 +260,7 @@
 
 .block-chat{
     width: 67%;
-    height: 100%;
+    height: 63vh;
     border-radius: 10px;
     border: 1px solid #E6E6E6;
     background: #ffffff;
@@ -272,13 +272,13 @@
 .block-list-of-users{
     width: 30%;
     margin-left: 20px;
-    height: 100%;
+    height: 63vh;
     border-radius: 10px;
     border: 1px solid #E6E6E6;
     background: #ffffff;
     box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
     float: right;
-
+    overflow-y: auto;
 }
 
 .container-header-chat{
@@ -324,7 +324,7 @@
 .container-messages{
     height: 74%;
     width: 100%;
-    min-height: 376px;
+    /*min-height: 376px;*/
     overflow-y: auto;
 }
 
@@ -572,3 +572,11 @@
 .data_send_message.right{
     text-align: right;
 }
+
+/*right curtain messenger*/
+
+.block_tickets_in_work{
+    padding-top: 10px;
+    border-top: 1px solid #E6E6E6;
+    width: 100%;
+}

static/js/user_profile(boris).js

@@ -142,9 +142,47 @@ function createTicket (el) {
     });
 }
 
-function selectedUserMessenger (el){
+var selected_users = []
+
+function selectedUserMessenger (el,ticket_id){
+    selected_users.push(el)
+    let i = 0
+    selected_users.map(function (){
+        if (selected_users[i] === el){
             el.classList.toggle("select")
         }
+        else {
+            if (selected_users[i].classList.contains("select")){
+                selected_users[i].classList.remove("select")
+            }
+        }
+        i++
+    })
+    let data = {
+        'ticket_id': ticket_id
+    }
+    $.ajax({
+        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
+        url: '/ru/messages/support_show_chat_by_ticket/',
+        type: "POST",
+        // async: true,
+        cache: false,
+        processData: false,
+        contentType: false,
+        // enctype: 'json',
+        data: JSON.stringify(data),
+        success: function(data){
+
+            document.querySelector(".info_profile").innerHTML = data.html;
+
+        },
+        error: function (data){
+
+            document.querySelector(".info_profile").innerHTML = data.responseJSON.html;
+
+        }
+    });
+}
 
 function sendMessage(id_ticket,sender,reciever,text){
     event.preventDefault()

templates/blocks/profile/b_support_chat.html

@@ -1,9 +1,14 @@
 {% load static %}
 
-{% load static %}
+{#{% load static %}#}
 
 
+{#    <div class="insert-tech-place">#}
+
 <div class="container-messenger">
+    <div class="title-profile-cont">
+        <h1>Техническая поддержка</h1>
+    </div>
     <div class="name_ticket">
         <span>{{ ticket.name }}</span>
     </div>
@@ -59,7 +64,7 @@
                 {% endif %}
 
             </div>
-            <div class="block-list-of-users">
+            <div class="block_tickets_in_work">
                 <span class="title-list-of-users">Тикеты в работе</span>
                 {% if tickets_for_manager %}
                     {% for ticket in tickets_for_manager %}
@@ -70,3 +75,5 @@
         </div>
     {% endif %}
 </div>
+
+{#</div>#}

templates/widgets/w_message.html

@@ -1,6 +1,6 @@
 {% load static %}
 
-<div class="container-message_support_chat{% if msg.sender == ticket.manager %} left{% else %} right{% endif %}">
+<div class="container-message_support_chat{% if msg.sender == user %} right{% else %} left{% endif %}">
     <div class="block_avatar_message{% if msg.sender == ticket.manager %} left{% else %} right{% endif %}">
         <img src="{% static "delete_later/Avatar.png" %}">
     </div>

templates/widgets/w_tab_user.html

@@ -1,5 +1,5 @@
 {% load static %}
-<div class="tab_user_messanger" onclick="selectedUserMessenger(this)">
+<div class="tab_user_messanger" onclick="selectedUserMessenger(this,{{ ticket.id }})">
     <div class="left-part-tab-user">
         <img class="user_avatar_messenger" src="{% static "delete_later/Avatar.png" %}">
         <div class="status_user">