|
|
|
|
@ -1,8 +1,8 @@ |
|
|
|
|
{% extends 'partials/base.html' %} |
|
|
|
|
{% load staticfiles %} |
|
|
|
|
{% load thumbnail %} |
|
|
|
|
{% load thumbnail %} |
|
|
|
|
{% block content %} |
|
|
|
|
{% include 'partials/header.html' %} |
|
|
|
|
{% include 'partials/header.html' %} |
|
|
|
|
<div class="container mainScore"> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-lg-12 allProjects"> |
|
|
|
|
@ -42,7 +42,8 @@ |
|
|
|
|
{% endthumbnail %} |
|
|
|
|
</div> |
|
|
|
|
<p class="nameMess"> |
|
|
|
|
<a href="#">{{ contact.username }}{{ contact.username }}{{ contact.first_name }} {{ contact.last_name }}</a> |
|
|
|
|
<a href="#"> |
|
|
|
|
{{ contact.username }}{{ contact.username }}{{ contact.first_name }} {{ contact.last_name }}</a> |
|
|
|
|
</p> |
|
|
|
|
<a href="javascript:void(0)" class="conMess">Контакты</a> |
|
|
|
|
|
|
|
|
|
@ -60,8 +61,8 @@ |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<form id="contact-chat-form"> |
|
|
|
|
<input type="hidden" value="{{ request.user.pk }}" name="senderId" id="senderId" /> |
|
|
|
|
<input type="hidden" value="" name="recipentId" id="recipentId" /> |
|
|
|
|
<input type="hidden" value="{{ request.user.pk }}" name="senderId" id="senderId"/> |
|
|
|
|
<input type="hidden" value="" name="recipentId" id="recipentId"/> |
|
|
|
|
|
|
|
|
|
<textarea id="chat" name="chat_message" class="box-sizing"></textarea> |
|
|
|
|
<div class="bunChat"> |
|
|
|
|
@ -138,7 +139,8 @@ |
|
|
|
|
<div class="messageBlock box-sizing disTab"> |
|
|
|
|
<p>Заказы</p> |
|
|
|
|
{% for order in orders %} |
|
|
|
|
<div class="orderBlock box-sizing order-block" data-recipent-id="{{ order.project.customer.pk }}" data-id="{{ order.id }}"> |
|
|
|
|
<div class="orderBlock box-sizing order-block" |
|
|
|
|
data-recipent-id="{{ order.project.customer.pk }}" data-id="{{ order.id }}"> |
|
|
|
|
<span class="dimovChat"></span> |
|
|
|
|
<p class="titleOB"> |
|
|
|
|
{{ order }} |
|
|
|
|
@ -156,26 +158,26 @@ |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
{% endfor%} |
|
|
|
|
{% endfor %} |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-6 commChat"> |
|
|
|
|
<div id="message-chat-order-space"> |
|
|
|
|
{# {% for msg in chat_messages %}#} |
|
|
|
|
{# <div class="col-lg-12 insetCommChat {% if msg.sender.pk == request.user.pk %}youChat{% endif %}">#} |
|
|
|
|
{# <div class="topCommChat">#} |
|
|
|
|
{# <p class="nameCommChat {% if msg.sender.pk == request.user.pk %}greenNCC{% endif %}">{{ msg.sender.get_full_name }}</p>#} |
|
|
|
|
{# <span>{{ msg.created }}</span>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <p class="textCommChat">{{ msg }}</p>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# {% endfor %}#} |
|
|
|
|
{# {% for msg in chat_messages %}#} |
|
|
|
|
{# <div class="col-lg-12 insetCommChat {% if msg.sender.pk == request.user.pk %}youChat{% endif %}">#} |
|
|
|
|
{# <div class="topCommChat">#} |
|
|
|
|
{# <p class="nameCommChat {% if msg.sender.pk == request.user.pk %}greenNCC{% endif %}">{{ msg.sender.get_full_name }}</p>#} |
|
|
|
|
{# <span>{{ msg.created }}</span>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <p class="textCommChat">{{ msg }}</p>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# {% endfor %}#} |
|
|
|
|
</div> |
|
|
|
|
<form id="chat-contractor-order"> |
|
|
|
|
<input type="text" id="orderId" /> |
|
|
|
|
<input type="text" id="senderOrderId" value="{{ request.user.pk }}" /> |
|
|
|
|
<input type="text" id="recipentOrderId" /> |
|
|
|
|
<input type="text" id="orderId"/> |
|
|
|
|
<input type="text" id="senderOrderId" value="{{ request.user.pk }}"/> |
|
|
|
|
<input type="text" id="recipentOrderId"/> |
|
|
|
|
|
|
|
|
|
<textarea id="chat" class="box-sizing"></textarea> |
|
|
|
|
<div class="bunChat"> |
|
|
|
|
@ -192,7 +194,7 @@ |
|
|
|
|
<div class="col-lg-3 wrTAB"> |
|
|
|
|
<div class="textAreaBlock2 box-sizing disTab"> |
|
|
|
|
<p>Для заметок</p> |
|
|
|
|
<textarea id="chat2" ></textarea> |
|
|
|
|
<textarea id="chat2"></textarea> |
|
|
|
|
<a href="javascript:void()">сохранить</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="linkChatB box-sizing disTab"> |
|
|
|
|
@ -322,7 +324,8 @@ |
|
|
|
|
<div class="stepssBlock box-sizing disTab"> |
|
|
|
|
<p class="titleStepss">2 / Резервирование</p> |
|
|
|
|
<p class="textStepss"> |
|
|
|
|
Резервирование заказчиком суммы оплаты по заказ. Деньги перечисляются и хранятся на сайте. |
|
|
|
|
Резервирование заказчиком суммы оплаты по заказ. Деньги перечисляются и хранятся на |
|
|
|
|
сайте. |
|
|
|
|
</p> |
|
|
|
|
<ul> |
|
|
|
|
<li>Сумма еще не зарезервирована</li> |
|
|
|
|
@ -345,16 +348,16 @@ |
|
|
|
|
{% endblock %} |
|
|
|
|
|
|
|
|
|
{% block js_block %} |
|
|
|
|
{# <script type="text/javascript" src="{% static 'js/chat.js' %}"></script>#} |
|
|
|
|
{# <script type="text/javascript" src="{% static 'js/chat.js' %}"></script>#} |
|
|
|
|
<script type="text/javascript"> |
|
|
|
|
/** |
|
|
|
|
* Created by mukhtar on 04.07.16. |
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SocketHandler = function () { |
|
|
|
|
var SocketHandler = function () { |
|
|
|
|
var userId = {{ request.user.pk }}; |
|
|
|
|
var url = 'ws://127.0.0.1:8888/chat/' + userId +'/'; |
|
|
|
|
var url = 'ws://127.0.0.1:8888/chat/' + userId + '/'; |
|
|
|
|
var sock = new WebSocket(url); |
|
|
|
|
var intervalId; |
|
|
|
|
sock.onopen = function () { |
|
|
|
|
@ -403,9 +406,9 @@ var SocketHandler = function () { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
$(function () { |
|
|
|
|
$(function () { |
|
|
|
|
var currentChatUser = {{ request.user.pk }}; |
|
|
|
|
var socket = new SocketHandler(); |
|
|
|
|
var form = document.getElementById('message_form'); |
|
|
|
|
@ -419,6 +422,8 @@ $(function () { |
|
|
|
|
$("#chat-contractor-order #recipentId").val(recipentId); |
|
|
|
|
var inbox = document.getElementById('message-chat-order-space'); |
|
|
|
|
inbox.innerHTML = ''; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$.ajax({ |
|
|
|
|
url: '/api/message', |
|
|
|
|
type: 'GET', |
|
|
|
|
@ -426,8 +431,15 @@ $(function () { |
|
|
|
|
dataType: 'json', |
|
|
|
|
success: function (json) { |
|
|
|
|
$.each(json.results, function (i, v) { |
|
|
|
|
|
|
|
|
|
var senderName = 'Вы'; |
|
|
|
|
var className = 'youChat'; |
|
|
|
|
if (v.sender.id == currentChatUser) { |
|
|
|
|
senderName = v.sender.username; |
|
|
|
|
className = ''; |
|
|
|
|
} |
|
|
|
|
inbox.innerHTML += '<div class="col-lg-12 insetCommChat"><div class="topCommChat">' + |
|
|
|
|
'<p class="nameCommChat">Иванов</p> <span>13.0.2016</span></div>' + |
|
|
|
|
'<p class="nameCommChat">' + senderName + '</p> <span>' + v.created + '</span></div>' + |
|
|
|
|
'<p class="textCommChat">' + v.text + '</p></div>'; |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
@ -444,7 +456,12 @@ $(function () { |
|
|
|
|
$.ajax({ |
|
|
|
|
url: '/api/message', |
|
|
|
|
type: 'GET', |
|
|
|
|
data: {csrfmiddlewaretoken: csrftoken, 'operand': 'in', 'sender_id':currentChatUser,'recipent_id': userId}, |
|
|
|
|
data: { |
|
|
|
|
csrfmiddlewaretoken: csrftoken, |
|
|
|
|
'operand': 'in', |
|
|
|
|
'sender_id': currentChatUser, |
|
|
|
|
'recipent_id': userId |
|
|
|
|
}, |
|
|
|
|
dataType: 'json', |
|
|
|
|
success: function (json) { |
|
|
|
|
$.each(json.results, function (i, v) { |
|
|
|
|
@ -452,13 +469,13 @@ $(function () { |
|
|
|
|
console.log(v.sender.id); |
|
|
|
|
var senderName = 'Вы'; |
|
|
|
|
var className = 'youChat'; |
|
|
|
|
if(v.sender.id == userId){ |
|
|
|
|
if (v.sender.id == userId) { |
|
|
|
|
senderName = v.sender.username; |
|
|
|
|
className = ''; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
inbox.innerHTML += '<div class="col-lg-12 insetCommChat '+ className+'"><div class="topCommChat">' + |
|
|
|
|
'<p class="nameCommChat">'+ senderName +'</p> <span>'+ v.created +'</span></div>' + |
|
|
|
|
inbox.innerHTML += '<div class="col-lg-12 insetCommChat ' + className + '"><div class="topCommChat">' + |
|
|
|
|
'<p class="nameCommChat">' + senderName + '</p> <span>' + v.created + '</span></div>' + |
|
|
|
|
'<p class="textCommChat">' + v.text + '</p></div>'; |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
@ -484,12 +501,12 @@ $(function () { |
|
|
|
|
var inbox = $('#message-chat-space').html(); |
|
|
|
|
$('#message-chat-space').html(inbox + '<div class="col-lg-12 insetCommChat"><div class="topCommChat">' + |
|
|
|
|
'<p class="nameCommChat">Вы</p> <span>Сейчас</span></div>' + |
|
|
|
|
'<p class="textCommChat">' + chatMessage +'</p></div>'); |
|
|
|
|
'<p class="textCommChat">' + chatMessage + '</p></div>'); |
|
|
|
|
|
|
|
|
|
$("#chat").val(""); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
</script> |
|
|
|
|
{% endblock %} |
|
|
|
|
|