This commit is contained in:
2023-08-02 17:18:54 +03:00
parent 7114e122e9
commit 335c10a304
4 changed files with 25 additions and 9 deletions

View File

@@ -324,8 +324,9 @@
.container-messages{ .container-messages{
height: 74%; height: 74%;
width: 100%; width: 100%;
/*min-height: 376px;*/ /*transform: rotate(180deg);*/
overflow-y: auto; overflow-y: auto;
-webkit-transform: scaleY(-1);
} }
.footer-chat{ .footer-chat{
@@ -481,14 +482,23 @@
height: 90px; height: 90px;
margin-bottom: 70px; margin-bottom: 70px;
margin-left: 20px; margin-left: 20px;
margin-right: 20px;
} }
.container-message_support_chat.left{ .container-message_support_chat.left{
float: left; float: left;
display: block;
/* transform: rotate(180deg); */
/* transform: scaleY(-1); */
-webkit-transform: scaleY(-1);
} }
.container-message_support_chat.right{ .container-message_support_chat.right{
float: right; float: right;
display: block;
/* transform: rotate(180deg); */
/* transform: scaleY(-1); */
-webkit-transform: scaleY(-1);
} }
.block_avatar_message{ .block_avatar_message{
@@ -499,11 +509,13 @@
.block_avatar_message.left{ .block_avatar_message.left{
float: left; float: left;
text-align: left;
} }
.block_avatar_message.right{ .block_avatar_message.right{
float: right; float: right;
margin-left: 20px; /*margin-left: 20px;*/
text-align: right;
} }
.block_avatar_message > img{ .block_avatar_message > img{

View File

@@ -184,9 +184,12 @@ function selectedUserMessenger (el,ticket_id){
}); });
} }
function sendMessage(id_ticket,sender,receiver,text){ function sendMessage(id_ticket,sender,receiver){
event.preventDefault() event.preventDefault()
let text = document.querySelector(".enter-message-inp").value
let data = { let data = {
'id_ticket': id_ticket, 'id_ticket': id_ticket,
'sender': sender, 'sender': sender,
@@ -194,9 +197,10 @@ function sendMessage(id_ticket,sender,receiver,text){
'text': text 'text': text
} }
$.ajax({ $.ajax({
headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() }, headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
url: '/ru/messages/create_ticket/', url: '/ru/messages/send_msg/',
type: "POST", type: "POST",
// async: true, // async: true,
cache: false, cache: false,

View File

@@ -49,7 +49,7 @@
</div> </div>
<div class="right-part-block-enter-message"> <div class="right-part-block-enter-message">
<button class="attach-file-btn-message" onclick="attachFilemeassge()"></button> <button class="attach-file-btn-message" onclick="attachFilemeassge()"></button>
<button class="send-message" onclick="sendMessage('{{ ticket.id }},{{ sender }},{{ receiver }},{{ text }}')"></button> <button class="send-message" onclick="sendMessage({{ ticket.id }},{{ user.id }},{{ ticket.owner.id }})"></button>
</div> </div>
</div> </div>
{% endif %} {% endif %}

View File

@@ -1,16 +1,16 @@
{% load static %} {% load static %}
<div class="container-message_support_chat{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}"> <div class="container-message_support_chat{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}">
<div class="block_avatar_message{% if msg.sender == ticket.manager %} left{% else %} right{% endif %}"> <div class="block_avatar_message{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}">
<img src="{% static "delete_later/Avatar.png" %}"> <img src="{% static "delete_later/Avatar.png" %}">
</div> </div>
<div class="block_text_message{% if msg.sender == ticket.manager %} right{% else %} left{% endif %}"> <div class="block_text_message{% if msg.sender == user or ticket.owner != user %} left{% else %} right{% endif %}">
<div class="container_text_message{% if msg.sender == ticket.manager %} border{% else %} background{% endif %}"> <div class="container_text_message{% if msg.sender == user or ticket.owner != user %} background{% else %} border{% endif %}">
<span class="text_message"> <span class="text_message">
{{ text }} {{ text }}
</span> </span>
</div> </div>
<div class="data_send_message{% if msg.sender == ticket.manager %} left{% else %} right{% endif %}"> <div class="data_send_message{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}">
<span>{{ modifiedDT }}</span> <span>{{ modifiedDT }}</span>
</div> </div>
</div> </div>