0.0.30

static/css/styles(boris).css

@@ -446,10 +446,10 @@
 }
 
 .right-part-tab-user{
-    width: 20%;
+    width: 12%;
     height: 100%;
     float: right;
-    padding-top: 10%;
+    padding-top: 9%;
 }
 
 
@@ -458,6 +458,13 @@
     height: 25px;
     background: #FF613A;
     color: #FFFFFF;
+    border-radius: 100%;
+}
+
+.cost-messages-in-user-tab-messenger > span{
+    padding-top: 5px;
+    display: block;
+    padding-left: 8px;
 }
 
 
@@ -470,12 +477,19 @@
     color: #000000;
     font-size: 14px;
     font-weight: 600;
+    padding-left: 5px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
+
 .last-message-messenger-user-tab{
     font-size: 12px;
     color: #27242499;
     display: block;
+    padding-left: 5px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 /*messenger with support*/
@@ -564,16 +578,16 @@
 
 .container_text_message{
     width: 100%;
-    height: 60px;
+    min-height: 60px;
     border-radius: 10px;
 }
 
-.container_text_message.border{
+.container_text_message.left{
     border: 1px solid #FF613A;
     background: #FFFFFF;
 }
 
-.container_text_message.background{
+.container_text_message.right{
     background: #FF613A;
     border: none;
 }
@@ -587,11 +601,11 @@
 }
 
 
-.container_text_message.background > span{
+.container_text_message.right > span{
     color: #FFFFFF;
 }
 
-.container_text_message.border > span{
+.container_text_message.left > span{
     color: #272424;
 }
 

static/js/user_profile(boris).js

@@ -142,22 +142,8 @@ function createTicket (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
     }

templates/blocks/profile/b_support_chat.html

@@ -60,7 +60,7 @@
             <span class="title-list-of-users">Неразобранные тикеты</span>
             <div class="insert_users">
                 {% if tickets_wo_manager %}
-                    {% for ticket in tickets_wo_manager %}
+                    {% for item in tickets_wo_manager %}
                         {% include "widgets/w_tab_user.html" %}
                     {% endfor %}
                 {% endif %}
@@ -69,7 +69,7 @@
             <div class="block_tickets_in_work">
                 <span class="title-list-of-users">Тикеты в работе</span>
                 {% if tickets_for_manager %}
-                    {% for ticket in tickets_for_manager %}
+                    {% for item in tickets_for_manager %}
                         {% include "widgets/w_tab_user.html" %}
                     {% endfor %}
                 {% endif %}

templates/widgets/w_tab_user.html

@@ -1,15 +1,15 @@
 {% load static %}
-<div class="tab_user_messanger" onclick="selectedUserMessenger(this,{{ ticket.id }})">
+<div class="tab_user_messanger{% if item.id == ticket.id %} select{% endif %}" onclick="selectedUserMessenger(this,{{ item.id }})">
     <div class="left-part-tab-user">
         <img class="user_avatar_messenger" src="{% static "delete_later/Avatar.png" %}">
         <div class="status_user">
         </div>
     </div>
     <div class="center-part-tab-user">
-        <span class="user_name_messenger">{{ ticket.owner.last_name }} {{ ticket.owner.first_name }}</span>
+        <span class="user_name_messenger">{{ item.owner.last_name }} {{ item.owner.first_name }}</span>
-        <span class="last-message-messenger-user-tab">{{ ticket.name }}</span>
+        <span class="last-message-messenger-user-tab">{{ item.name }}</span>
     </div>
     <div class="right-part-tab-user">
-        <div class="cost-messages-in-user-tab-messenger">1</div>
+        <div class="cost-messages-in-user-tab-messenger"><span>1</span></div>
     </div>
 </div>