|
|
|
|
@ -8,6 +8,7 @@ |
|
|
|
|
<div class="col-lg-12 allProjects"> |
|
|
|
|
<h1>Чат {{ request.user }} {{ request.user.pk }}</h1> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="btnReadyBlock disTab"> |
|
|
|
|
<div class="triangle1"></div> |
|
|
|
|
<div class="col-lg-6 col-lg-offset-3 tabsChat"> |
|
|
|
|
@ -29,7 +30,9 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="tab-content"> |
|
|
|
|
<!-- Tab1 contacts block --> |
|
|
|
|
<div class="chatBlock disTab tab-pane fade in active" id="tab1"> |
|
|
|
|
<div class="col-lg-3 wrMessages"> |
|
|
|
|
<div class="messageBlock box-sizing disTab"> |
|
|
|
|
@ -56,102 +59,46 @@ |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-6 commChat" id="contact-chat"> |
|
|
|
|
<div id="message-chat-space"> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-6 commChat" id="contact-chat"> |
|
|
|
|
<div id="message-chat-space"></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"/> |
|
|
|
|
|
|
|
|
|
<textarea id="chat" name="chat_message" class="box-sizing"></textarea> |
|
|
|
|
<div class="bunChat"> |
|
|
|
|
<div class="setChat box-sizing"> |
|
|
|
|
<p>Прикрепить файл</p> |
|
|
|
|
<span> |
|
|
|
|
Не более 10 файлов с общим объемом 500мб |
|
|
|
|
</span> |
|
|
|
|
<span>Не более 10 файлов с общим объемом 500мб</span> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<a id="contact-chat-add-message" href="javascript:void(0)">отправить</a> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</form> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-3 wrChat1"> |
|
|
|
|
<div class="messageBlock box-sizing disTab"> |
|
|
|
|
<p>Контакты</p> |
|
|
|
|
<div class="message"> |
|
|
|
|
<div class="imgMess"> |
|
|
|
|
<img src="img/mess.png" alt="mess-image"> |
|
|
|
|
</div> |
|
|
|
|
<p class="nameMess"> |
|
|
|
|
<a href="#">Иванов Петр Иванович</a> |
|
|
|
|
</p> |
|
|
|
|
<a href="javascript:void(0)" class="conMess">Контакты</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-12 startChat"> |
|
|
|
|
<div class="insetSC1"> |
|
|
|
|
Начало: |
|
|
|
|
<span>Срок сдачи:</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="insetSC2"> |
|
|
|
|
13.0.2016 |
|
|
|
|
<span>13.0.2016</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-12 documentsChat"> |
|
|
|
|
<p>Входящие документы</p> |
|
|
|
|
<ul> |
|
|
|
|
<li> |
|
|
|
|
Архитерурное 2.jpg |
|
|
|
|
<span>7мб</span> |
|
|
|
|
<div></div> |
|
|
|
|
</li> |
|
|
|
|
|
|
|
|
|
</ul> |
|
|
|
|
<a href="javascript:void(0)"> |
|
|
|
|
Распечатать с помощью ресурса |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-3 wrChat1"> |
|
|
|
|
<div class="textAreaBlock2 box-sizing disTab"> |
|
|
|
|
<p>Для заметок</p> |
|
|
|
|
<textarea id="chat2"></textarea> |
|
|
|
|
<a href="javascript:void()">сохранить</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="closeChat closeChat1"> |
|
|
|
|
<a href="javascript:void(0)"> |
|
|
|
|
Закрыть проект<br>и оставить отзыв |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="closeChat closeChat2"> |
|
|
|
|
<a href="javascript:void(0)"> |
|
|
|
|
Закрыть проект<br>и оставить отзыв |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- End block Tab1 --> |
|
|
|
|
|
|
|
|
|
<!-- Tab2 chat order block --> |
|
|
|
|
<div class="chatBlock disTab tab-pane fade" id="tab2"> |
|
|
|
|
<div class="col-lg-3 wrMessages"> |
|
|
|
|
|
|
|
|
|
<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 }} |
|
|
|
|
</p> |
|
|
|
|
<p class="titleOB">{{ order }}</p> |
|
|
|
|
<div class="hideOBB"> |
|
|
|
|
<p class="pOB"> |
|
|
|
|
<span>Испонитель:</span> {{ request.user.get_full_name }} |
|
|
|
|
</p> |
|
|
|
|
<p class="pOB"> |
|
|
|
|
<span>Чаты:</span> Иванов, Петров, Пенкин |
|
|
|
|
</p> |
|
|
|
|
<p class="pOB"><span>Испонитель:</span> {{ request.user.get_full_name }}</p> |
|
|
|
|
<p class="pOB"><span>Чаты:</span> Иванов, Петров</p> |
|
|
|
|
<a href="javascript:void(0)" class="linkChat11"> |
|
|
|
|
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
|
|
|
|
Полное описание заказа |
|
|
|
|
@ -163,27 +110,24 @@ |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-6 commChat"> |
|
|
|
|
<div id="message-chat-order-space"> |
|
|
|
|
</div> |
|
|
|
|
<div id="message-chat-order-space"></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="hidden" id="orderId"/> |
|
|
|
|
<input type="hidden" id="senderOrderId" value="{{ request.user.pk }}"/> |
|
|
|
|
<input type="hidden" id="recipentOrderId"/> |
|
|
|
|
|
|
|
|
|
<textarea id="chat" class="box-sizing"></textarea> |
|
|
|
|
<div class="bunChat"> |
|
|
|
|
<div class="setChat box-sizing"> |
|
|
|
|
<p>Прикрепить файл</p> |
|
|
|
|
<span> |
|
|
|
|
Не более 10 файлов с общим объемом 500мб |
|
|
|
|
</span> |
|
|
|
|
<span>Не более 10 файлов с общим объемом 500мб</span> |
|
|
|
|
</div> |
|
|
|
|
<a href="javascript:void(0)" id="order-chat-add-message">отправить</a> |
|
|
|
|
</div> |
|
|
|
|
</form> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-3 wrTAB"> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div class="col-lg-3 wrstepschat"> |
|
|
|
|
<p>Этапы работы</p> |
|
|
|
|
<div class="stepssBlock box-sizing disTab"> |
|
|
|
|
<p class="titleStepss">1 / Согласование условий</p> |
|
|
|
|
@ -193,16 +137,20 @@ |
|
|
|
|
</div> |
|
|
|
|
<div id="order-stages"></div> |
|
|
|
|
|
|
|
|
|
<div class="textAreaBlock2 FFD box-sizing disTab"> |
|
|
|
|
<a id="approve-stages" href="javascript:void()">согласовать</a> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="textAreaBlock2 box-sizing disTab"> |
|
|
|
|
<p>Для заметок</p> |
|
|
|
|
<textarea id="chat2"></textarea> |
|
|
|
|
<a href="javascript:void()">сохранить</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="linkChatB box-sizing disTab"> |
|
|
|
|
<a href="javascript:void(0)">предложить проект</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- End block Tab2--> |
|
|
|
|
|
|
|
|
|
<!-- Tab3 groups block --> |
|
|
|
|
<div class="chatBlock disTab tab-pane fade" id="tab3"> |
|
|
|
|
<div class="col-lg-3 wrMessages"> |
|
|
|
|
<div class="messageBlock box-sizing disTab"> |
|
|
|
|
@ -272,6 +220,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- End block Tab3--> |
|
|
|
|
</div> |
|
|
|
|
{% include 'partials/footer.html' %} |
|
|
|
|
</div> |
|
|
|
|
@ -282,10 +231,6 @@ |
|
|
|
|
{% block js_block %} |
|
|
|
|
{# <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 userId = {{ request.user.pk }}; |
|
|
|
|
@ -339,7 +284,6 @@ |
|
|
|
|
sock.send(JSON.stringify(data)); |
|
|
|
|
var textareaMessage = document.getElementById("message"); |
|
|
|
|
textareaMessage.value = ""; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
@ -350,6 +294,13 @@ |
|
|
|
|
var form = document.getElementById('message_form'); |
|
|
|
|
var csrftoken = getCookie('csrftoken'); |
|
|
|
|
|
|
|
|
|
$("#approve-stages").on('click', function(){ |
|
|
|
|
$(".stage-block-approve").each(function(){ |
|
|
|
|
var stageId = $(this).attr('data-id'); |
|
|
|
|
alert(stageId); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// Вытащить сообщения для чата заказа |
|
|
|
|
$('.order-block').on('click', function () { |
|
|
|
|
var orderId = $(this).attr('data-id'); |
|
|
|
|
@ -366,7 +317,6 @@ |
|
|
|
|
dataType: 'json', |
|
|
|
|
success: function (json) { |
|
|
|
|
$.each(json.results, function (i, v) { |
|
|
|
|
|
|
|
|
|
var senderName = 'Вы'; |
|
|
|
|
var className = 'youChat'; |
|
|
|
|
if (v.sender.id !== currentChatUser) { |
|
|
|
|
@ -390,7 +340,7 @@ |
|
|
|
|
console.log(json.results); |
|
|
|
|
var htmlInbox = ""; |
|
|
|
|
$.each(json.results, function (i, v) { |
|
|
|
|
htmlInbox += '<div class="numberStepp box-sizing"><div class="insetNumStepp">' + |
|
|
|
|
htmlInbox += '<div data-id="'+ v.id +'" class="numberStepp box-sizing stage-block-approve"><div class="insetNumStepp">' + |
|
|
|
|
'<p class="titleNumStepp"><span>Этап '+ v.pos +'</span>'+ v.name +'</p>' + |
|
|
|
|
'<p class="textNumStepp">Результаты этапа:'+ v.result+'</p><div>' + |
|
|
|
|
'<p>до 16.03.2015</p><span>'+ v.cost +'<i class="fa fa-rub"></i></span></div></div></div>'; |
|
|
|
|
|