Merge branch 'setup' of https://bitbucket.org/PekopT/archilance into setup
commit
e82093558c
12 changed files with 1214 additions and 4 deletions
@ -1,4 +1,7 @@ |
||||
from django.contrib import admin |
||||
from .models import Message |
||||
|
||||
admin.site.register(Message) |
||||
class MessageAdmin(admin.ModelAdmin): |
||||
list_display = ('text', 'sender', 'recipent',) |
||||
|
||||
admin.site.register(Message, MessageAdmin) |
||||
|
||||
@ -0,0 +1,26 @@ |
||||
# -*- coding: utf-8 -*- |
||||
# Generated by Django 1.9.6 on 2016-06-30 09:04 |
||||
from __future__ import unicode_literals |
||||
|
||||
from django.db import migrations, models |
||||
import django.db.models.deletion |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('chat', '0003_auto_20160629_1914'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AddField( |
||||
model_name='message', |
||||
name='private_type', |
||||
field=models.BooleanField(default=False), |
||||
), |
||||
migrations.AlterField( |
||||
model_name='message', |
||||
name='order', |
||||
field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='order_messages', to='projects.Order'), |
||||
), |
||||
] |
||||
@ -0,0 +1,475 @@ |
||||
{% extends 'partials/base.html' %} |
||||
{% load staticfiles %} |
||||
{% block content %} |
||||
{% include 'partials/header.html' %} |
||||
<div class="container mainScore"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 allProjects"> |
||||
<h1>Чат</h1> |
||||
</div> |
||||
<div class="btnReadyBlock disTab"> |
||||
<div class="triangle1"></div> |
||||
<div class="col-lg-6 col-lg-offset-3 tabsChat"> |
||||
<div class="profileTabs2"> |
||||
<ul class="nav nav-tabs nav-justified"> |
||||
<li role="presentation" class="active"> |
||||
<a href="#tab1" data-toggle="tab">Личные</a> |
||||
</li> |
||||
<li role="presentation"> |
||||
<a href="#tab2" data-toggle="tab">Заказчики</a> |
||||
</li> |
||||
<li role="presentation"> |
||||
<a href="#tab3" data-toggle="tab">Исполнители</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="tab-content"> |
||||
<div class="chatBlock disTab tab-pane fade in active" id="tab1"> |
||||
<div class="col-lg-3 wrMessages"> |
||||
<div class="messageBlock box-sizing disTab"> |
||||
<p>Контакты</p> |
||||
|
||||
{% for contact in contractor_contacts %} |
||||
<div class="message messd"> |
||||
<div class="imgMess"> |
||||
<img src="{% static 'img/mess.png' %}" alt="mess-image"> |
||||
</div> |
||||
<p class="nameMess"> |
||||
<a href="#">{{ contact.recipent_id__first_name }} {{ contact.recipent_id__last_name }}</a> |
||||
</p> |
||||
<a href="javascript:void(0)" class="conMess">Контакты</a> |
||||
<span>0</span> |
||||
<a href="javascript:void(0)" class="deleteMess"> |
||||
Удалить контакт |
||||
</a> |
||||
</div> |
||||
{% endfor %} |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6 commChat"> |
||||
<div class="col-lg-12 insetCommChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat"> |
||||
Иванов Петр Иванович |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<textarea id="chat" class="box-sizing"></textarea> |
||||
<div class="bunChat"> |
||||
<div class="setChat box-sizing"> |
||||
<p>Прикрепить файл</p> |
||||
<span> |
||||
Не более 10 файлов с общим объемом 500мб |
||||
</span> |
||||
</div> |
||||
<a href="javascript:void(0)">отправить</a> |
||||
</div> |
||||
</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> |
||||
<li> |
||||
Архитерурное 2.jpg |
||||
<span>7мб</span> |
||||
<div></div> |
||||
</li> |
||||
<li> |
||||
Архитерурное 2.jpg |
||||
<span>7мб</span> |
||||
<div></div> |
||||
</li> |
||||
</ul> |
||||
<a href="javascript:void(0)"> |
||||
Распечатать с помощью ресурса |
||||
</a> |
||||
</div> |
||||
<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> |
||||
<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-id="{{ order.id }}"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
{{ order }} |
||||
</p> |
||||
<div class="hideOBB"> |
||||
<p class="pOB"> |
||||
<span>Испонитель:</span> {{ request.user.get_full_name }} |
||||
</p> |
||||
{# <ul class="listChat1">#} |
||||
{# <li>Иванов Петр Иванович</li>#} |
||||
{# <li>Сергей Пенкин</li>#} |
||||
{# <li>Александ Смирнов</li>#} |
||||
{# <li>Иванов Петр</li>#} |
||||
{# </ul>#} |
||||
<p class="pOB"> |
||||
<span>Чаты:</span> Иванов, Петров, Пенкин |
||||
</p> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
{% endfor%} |
||||
</div> |
||||
|
||||
</div> |
||||
<div class="col-lg-6 commChat"> |
||||
{% 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 %} |
||||
<textarea id="chat" class="box-sizing"></textarea> |
||||
<div class="bunChat"> |
||||
<div class="setChat box-sizing"> |
||||
<p>Прикрепить файл</p> |
||||
<span> |
||||
Не более 10 файлов с общим объемом 500мб |
||||
</span> |
||||
</div> |
||||
<a href="javascript:void(0)">отправить</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3 wrTAB"> |
||||
<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> |
||||
<div class="chatBlock disTab tab-pane fade" id="tab3"> |
||||
<div class="col-lg-3 wrMessages"> |
||||
<div class="messageBlock box-sizing disTab"> |
||||
<p>Заказы</p> |
||||
<div class="orderBlock box-sizing orAct"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
Дизай-проект квартиры на набережной 200 m2 |
||||
</p> |
||||
<div class="hideOBB disTab"> |
||||
<p class="pOB"> |
||||
<span>Заказчик:</span> Группа Икс |
||||
</p> |
||||
<ul class="listChat1"> |
||||
<li>Иванов Петр Иванович</li> |
||||
<li>Сергей Пенкин</li> |
||||
</ul> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="orderBlock box-sizing"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
Дизай-проект квартиры на набережной 200 m2 |
||||
</p> |
||||
<div class="hideOBB disTab"> |
||||
<p class="pOB"> |
||||
<span>Заказчик:</span> Группа Икс |
||||
</p> |
||||
<ul class="listChat1"> |
||||
<li>Иванов Петр Иванович</li> |
||||
<li>Сергей Пенкин</li> |
||||
</ul> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="orderBlock box-sizing"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
Дизай-проект квартиры на набережной 200 m2 |
||||
</p> |
||||
<div class="hideOBB disTab"> |
||||
<p class="pOB"> |
||||
<span>Заказчик:</span> Группа Икс |
||||
</p> |
||||
<ul class="listChat1"> |
||||
<li>Иванов Петр Иванович</li> |
||||
<li>Сергей Пенкин</li> |
||||
</ul> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6 commChat"> |
||||
<div class="col-lg-12 insetCommChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat"> |
||||
Иванов Петр Иванович |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat"> |
||||
Иванов Петр Иванович |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
||||
</p> |
||||
</div> |
||||
<textarea id="chat" class="box-sizing"></textarea> |
||||
<div class="bunChat"> |
||||
<div class="setChat box-sizing"> |
||||
<p>Прикрепить файл</p> |
||||
<span> |
||||
Не более 10 файлов с общим объемом 500мб |
||||
</span> |
||||
</div> |
||||
<a href="javascript:void(0)">отправить</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3 wrstepschat"> |
||||
<p>Этапы работы</p> |
||||
<div class="stepssBlock box-sizing disTab"> |
||||
<p class="titleStepss">1 / Согласование условий</p> |
||||
<p class="textStepss"> |
||||
Обсуджение задания и условий выполнения работы. Подтверждение заказа исполнителем. |
||||
</p> |
||||
</div> |
||||
<div class="numberStepp box-sizing"> |
||||
<div class="insetNumStepp"> |
||||
<p class="titleNumStepp"> |
||||
<span>Этап 1</span>Название этапа |
||||
</p> |
||||
<p class="textNumStepp"> |
||||
Результаты этапа: Готовый чертеж 1 |
||||
</p> |
||||
<div> |
||||
<p>до 16.03.2015</p> |
||||
<span>30 000 <i class="fa fa-rub"></i></span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="numberStepp box-sizing"> |
||||
<div class="insetNumStepp"> |
||||
<p class="titleNumStepp"> |
||||
<span>Этап 2</span>Название этапа |
||||
</p> |
||||
<p class="textNumStepp"> |
||||
Результаты этапа: Готовый чертеж 1 |
||||
</p> |
||||
<div> |
||||
<p>до 16.03.2015</p> |
||||
<span>30 000 <i class="fa fa-rub"></i></span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="textAreaBlock2 FFD box-sizing disTab"> |
||||
<a href="javascript:void()">согласовать</a> |
||||
</div> |
||||
<div class="stepssBlock box-sizing disTab"> |
||||
<p class="titleStepss">2 / Резервирование</p> |
||||
<p class="textStepss"> |
||||
Резервирование заказчиком суммы оплаты по заказ. Деньги перечисляются и хранятся на сайте. |
||||
</p> |
||||
<ul> |
||||
<li>Сумма еще не зарезервирована</li> |
||||
<li>Сумма за этап1, Зарезервирована</li> |
||||
</ul> |
||||
</div> |
||||
<div class="stepssBlock box-sizing disTab"> |
||||
<p class="titleStepss">3 / Выполнение работы</p> |
||||
<p class="textStepss"> |
||||
Процесс выполнения задания в заказе до получения заказчиком итогового результата работы. |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% include 'partials/footer.html' %} |
||||
</div> |
||||
</div> |
||||
|
||||
{% endblock %} |
||||
|
||||
{% block js_block %} |
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
$(function(){ |
||||
var socket = new SocketHandler(); |
||||
var form = document.getElementById('message_form'); |
||||
$('.order-block').on('click',function(){ |
||||
var orderId = $(this).attr('data-id'); |
||||
}); |
||||
}); |
||||
|
||||
window.onload = function(){ |
||||
|
||||
|
||||
{# form.onsubmit = function(e){#} |
||||
{# e.preventDefault();#} |
||||
{# console.log('submit click');#} |
||||
{# socket.send_message(form);#} |
||||
{# }#} |
||||
}; |
||||
|
||||
var SocketHandler = function(){ |
||||
var url = 'ws://127.0.0.1:8888/chat'; |
||||
var sock = new WebSocket(url); |
||||
var intervalId; |
||||
sock.onopen = function(){ |
||||
console.log("Start connect"); |
||||
intervalId = setInterval(function(){sock.send('{"dummy": 1}');}, 150000); |
||||
}; |
||||
sock.onmessage = function(event){ |
||||
console.log(event.data); |
||||
message = JSON.parse(event.data); |
||||
var inbox = document.getElementById('message_chat'); |
||||
inbox.innerHTML += '<h2>' + message.msg + '</h2>'; |
||||
}; |
||||
this.send_message = function(form){ |
||||
var elements = form.elements; |
||||
var data = {}; |
||||
var i=0; |
||||
for(var i; i< elements.length; i++){ |
||||
if (elements[i].name == 'message') { |
||||
data[elements[i].name] = elements[i].value; |
||||
} |
||||
} |
||||
sock.send(JSON.stringify(data)); |
||||
var textareaMessage = document.getElementById("message"); |
||||
textareaMessage.value = ""; |
||||
|
||||
} |
||||
|
||||
} |
||||
|
||||
</script> |
||||
{% endblock %} |
||||
@ -0,0 +1,10 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>Title</title> |
||||
</head> |
||||
<body> |
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,657 @@ |
||||
{% extends 'partials/base.html' %} |
||||
{% load staticfiles %} |
||||
{% block content %} |
||||
{% include 'partials/header.html' %} |
||||
<div class="container mainScore"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 allProjects"> |
||||
<h1>Чат</h1> |
||||
</div> |
||||
<div class="btnReadyBlock disTab"> |
||||
<div class="triangle1"></div> |
||||
<div class="col-lg-6 col-lg-offset-3 tabsChat"> |
||||
<div class="profileTabs2"> |
||||
<ul class="nav nav-tabs nav-justified"> |
||||
<li role="presentation" class="active"> |
||||
<a href="#tab1" data-toggle="tab">Личные</a> |
||||
</li> |
||||
<li role="presentation"> |
||||
<a href="#tab2" data-toggle="tab">Заказчики</a> |
||||
</li> |
||||
<li role="presentation"> |
||||
<a href="#tab3" data-toggle="tab">Исполнители</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="tab-content"> |
||||
<div class="chatBlock disTab tab-pane fade in active" id="tab1"> |
||||
<div class="col-lg-3 wrMessages"> |
||||
<div class="messageBlock box-sizing disTab"> |
||||
<p>Заказы</p> |
||||
<div class="orderBlock box-sizing"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
Дизай-проект квартиры на набережной 200 m2 |
||||
</p> |
||||
<div class="hideOBB"> |
||||
<p class="pOB"> |
||||
<span>Испонитель:</span> Группа Икс |
||||
</p> |
||||
<ul class="listChat1"> |
||||
<li>Иванов Петр Иванович</li> |
||||
<li>Сергей Пенкин</li> |
||||
<li>Александ Смирнов</li> |
||||
<li>Иванов Петр</li> |
||||
</ul> |
||||
<p class="pOB"> |
||||
<span>Чаты:</span> Иванов, Петров, Пенкин |
||||
</p> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="orderBlock box-sizing"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
Дизай-проект квартиры на набережной 200 m2 |
||||
</p> |
||||
<div class="hideOBB"> |
||||
<p class="pOB"> |
||||
<span>Испонитель:</span> Группа Икс |
||||
</p> |
||||
<ul class="listChat1"> |
||||
<li>Иванов Петр Иванович</li> |
||||
<li>Сергей Пенкин</li> |
||||
<li>Александ Смирнов</li> |
||||
<li>Иванов Петр</li> |
||||
</ul> |
||||
<p class="pOB"> |
||||
<span>Чаты:</span> Иванов, Петров, Пенкин |
||||
</p> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="orderBlock box-sizing"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
Дизай-проект квартиры на набережной 200 m2 |
||||
</p> |
||||
<div class="hideOBB"> |
||||
<p class="pOB"> |
||||
<span>Испонитель:</span> Группа Икс |
||||
</p> |
||||
<ul class="listChat1"> |
||||
<li>Иванов Петр Иванович</li> |
||||
<li>Сергей Пенкин</li> |
||||
<li>Александ Смирнов</li> |
||||
<li>Иванов Петр</li> |
||||
</ul> |
||||
<p class="pOB"> |
||||
<span>Чаты:</span> Иванов, Петров, Пенкин |
||||
</p> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6 commChat"> |
||||
<div class="col-lg-12 insetCommChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat"> |
||||
Иванов Петр Иванович |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat"> |
||||
Иванов Петр Иванович |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
||||
</p> |
||||
</div> |
||||
<textarea id="chat" class="box-sizing"></textarea> |
||||
<div class="bunChat"> |
||||
<div class="setChat box-sizing"> |
||||
<p>Прикрепить файл</p> |
||||
<span> |
||||
Не более 10 файлов с общим объемом 500мб |
||||
</span> |
||||
</div> |
||||
<a href="javascript:void(0)">отправить</a> |
||||
</div> |
||||
</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> |
||||
<li> |
||||
Архитерурное 2.jpg |
||||
<span>7мб</span> |
||||
<div></div> |
||||
</li> |
||||
<li> |
||||
Архитерурное 2.jpg |
||||
<span>7мб</span> |
||||
<div></div> |
||||
</li> |
||||
</ul> |
||||
<a href="javascript:void(0)"> |
||||
Распечатать с помощью ресурса |
||||
</a> |
||||
</div> |
||||
<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> |
||||
<div class="chatBlock disTab tab-pane fade" id="tab2"> |
||||
<div class="col-lg-3 wrMessages"> |
||||
<div class="messageBlock box-sizing disTab"> |
||||
<p>Контакты</p> |
||||
<div class="message messd"> |
||||
<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> |
||||
<span>17</span> |
||||
<a href="javascript:void(0)" class="deleteMess"> |
||||
Удалить контакт |
||||
</a> |
||||
</div> |
||||
<div class="message messd"> |
||||
<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> |
||||
<span>17</span> |
||||
<a href="javascript:void(0)" class="deleteMess"> |
||||
Удалить контакт |
||||
</a> |
||||
</div> |
||||
<div class="message messd"> |
||||
<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> |
||||
<span>17</span> |
||||
<a href="javascript:void(0)" class="deleteMess"> |
||||
Удалить контакт |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6 commChat"> |
||||
<div class="col-lg-12 insetCommChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat"> |
||||
Иванов Петр Иванович |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat"> |
||||
Иванов Петр Иванович |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
||||
</p> |
||||
</div> |
||||
<textarea id="chat" class="box-sizing"></textarea> |
||||
<div class="bunChat"> |
||||
<div class="setChat box-sizing"> |
||||
<p>Прикрепить файл</p> |
||||
<span> |
||||
Не более 10 файлов с общим объемом 500мб |
||||
</span> |
||||
</div> |
||||
<a href="javascript:void(0)">отправить</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3 wrTAB"> |
||||
<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> |
||||
<div class="chatBlock disTab tab-pane fade" id="tab3"> |
||||
<div class="col-lg-3 wrMessages"> |
||||
<div class="messageBlock box-sizing disTab"> |
||||
<p>Заказы</p> |
||||
<div class="orderBlock box-sizing orAct"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
Дизай-проект квартиры на набережной 200 m2 |
||||
</p> |
||||
<div class="hideOBB disTab"> |
||||
<p class="pOB"> |
||||
<span>Заказчик:</span> Группа Икс |
||||
</p> |
||||
<ul class="listChat1"> |
||||
<li>Иванов Петр Иванович</li> |
||||
<li>Сергей Пенкин</li> |
||||
</ul> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="orderBlock box-sizing"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
Дизай-проект квартиры на набережной 200 m2 |
||||
</p> |
||||
<div class="hideOBB disTab"> |
||||
<p class="pOB"> |
||||
<span>Заказчик:</span> Группа Икс |
||||
</p> |
||||
<ul class="listChat1"> |
||||
<li>Иванов Петр Иванович</li> |
||||
<li>Сергей Пенкин</li> |
||||
</ul> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="orderBlock box-sizing"> |
||||
<span class="dimovChat"></span> |
||||
<p class="titleOB"> |
||||
Дизай-проект квартиры на набережной 200 m2 |
||||
</p> |
||||
<div class="hideOBB disTab"> |
||||
<p class="pOB"> |
||||
<span>Заказчик:</span> Группа Икс |
||||
</p> |
||||
<ul class="listChat1"> |
||||
<li>Иванов Петр Иванович</li> |
||||
<li>Сергей Пенкин</li> |
||||
</ul> |
||||
<a href="javascript:void(0)" class="linkChat11"> |
||||
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> |
||||
Полное описание заказа |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6 commChat"> |
||||
<div class="col-lg-12 insetCommChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat"> |
||||
Иванов Петр Иванович |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat"> |
||||
Иванов Петр Иванович |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-12 insetCommChat youChat"> |
||||
<div class="topCommChat"> |
||||
<p class="nameCommChat greenNCC"> |
||||
Вы |
||||
</p> |
||||
<span> |
||||
13.0.2016 / 21:05 |
||||
</span> |
||||
</div> |
||||
<p class="textCommChat"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
||||
</p> |
||||
</div> |
||||
<textarea id="chat" class="box-sizing"></textarea> |
||||
<div class="bunChat"> |
||||
<div class="setChat box-sizing"> |
||||
<p>Прикрепить файл</p> |
||||
<span> |
||||
Не более 10 файлов с общим объемом 500мб |
||||
</span> |
||||
</div> |
||||
<a href="javascript:void(0)">отправить</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3 wrstepschat"> |
||||
<p>Этапы работы</p> |
||||
<div class="stepssBlock box-sizing disTab"> |
||||
<p class="titleStepss">1 / Согласование условий</p> |
||||
<p class="textStepss"> |
||||
Обсуджение задания и условий выполнения работы. Подтверждение заказа исполнителем. |
||||
</p> |
||||
</div> |
||||
<div class="numberStepp box-sizing"> |
||||
<div class="insetNumStepp"> |
||||
<p class="titleNumStepp"> |
||||
<span>Этап 1</span>Название этапа |
||||
</p> |
||||
<p class="textNumStepp"> |
||||
Результаты этапа: Готовый чертеж 1 |
||||
</p> |
||||
<div> |
||||
<p>до 16.03.2015</p> |
||||
<span>30 000 <i class="fa fa-rub"></i></span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="numberStepp box-sizing"> |
||||
<div class="insetNumStepp"> |
||||
<p class="titleNumStepp"> |
||||
<span>Этап 2</span>Название этапа |
||||
</p> |
||||
<p class="textNumStepp"> |
||||
Результаты этапа: Готовый чертеж 1 |
||||
</p> |
||||
<div> |
||||
<p>до 16.03.2015</p> |
||||
<span>30 000 <i class="fa fa-rub"></i></span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="textAreaBlock2 FFD box-sizing disTab"> |
||||
<a href="javascript:void()">согласовать</a> |
||||
</div> |
||||
<div class="stepssBlock box-sizing disTab"> |
||||
<p class="titleStepss">2 / Резервирование</p> |
||||
<p class="textStepss"> |
||||
Резервирование заказчиком суммы оплаты по заказ. Деньги перечисляются и хранятся на сайте. |
||||
</p> |
||||
<ul> |
||||
<li>Сумма еще не зарезервирована</li> |
||||
<li>Сумма за этап1, Зарезервирована</li> |
||||
</ul> |
||||
</div> |
||||
<div class="stepssBlock box-sizing disTab"> |
||||
<p class="titleStepss">3 / Выполнение работы</p> |
||||
<p class="textStepss"> |
||||
Процесс выполнения задания в заказе до получения заказчиком итогового результата работы. |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<footer class="disTab"> |
||||
<div class="col-lg-4"> |
||||
<div class="logoF" onclick="window.location='/'"></div> |
||||
<div class="linksSoc box-sizing disTab"> |
||||
<a href="https://www.facebook.com/" target="_blank" class="icon_ls1"></a> |
||||
<a href="https://twitter.com/" target="_blank" class="icon_ls2"></a> |
||||
<a href="https://plus.google.com/" target="_blank" class="icon_ls3"></a> |
||||
<a href="http://vk.com/" target="_blank" class="icon_ls4"></a> |
||||
<a href="https://www.youtube.com/" target="_blank" class="icon_ls5"></a> |
||||
</div> |
||||
<p class="copy-rights">© 2016 archilance.ru</p> |
||||
</div> |
||||
<div class="col-lg-3 col-lg-offset-2 listF1"> |
||||
<p>Профиль</p> |
||||
<ul> |
||||
<li> |
||||
<a href="javascript:void(0)">Войти</a> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">Регистрация</a> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">Востановить доступ</a> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">Опубликовать проект</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-lg-3 listF1"> |
||||
<p>О сайте</p> |
||||
<ul> |
||||
<li> |
||||
<a href="javascript:void(0)">Помощь</a> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">Правила сайта</a> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">Команда</a> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">FAQ</a> |
||||
</li> |
||||
<li> |
||||
<a href="javascript:void(0)">Контакты</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<!-- CHAT'S MODAL FORMS --> |
||||
|
||||
<div id="modal_form1"> |
||||
<div class="insetModalForm1 box-sizing"> |
||||
<div class="closeMF1"> |
||||
<span class="glyphicon glyphicon-remove"></span> |
||||
</div> |
||||
<p class="titleMF1">Заголовок статьи</p> |
||||
<p class="textMF1"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus .Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus .Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus .Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus. |
||||
</p> |
||||
</div> |
||||
</div> |
||||
<div id="modal_form2" class="box-sizing"> |
||||
<div class="insetMF2"> |
||||
<p class="titleMF2">Иванов Петр Иванович</p> |
||||
<p class="textMF2"> |
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus. |
||||
</p> |
||||
<a href="javascript:void(0)">ответить</a> |
||||
<a href="javascript:void(0)" class="later">позже</a> |
||||
<span class="glyphicon glyphicon-remove closeMF2"></span> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- CHAT'S MODAL FORMS --> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
|
||||
{% endblock %} |
||||
@ -0,0 +1,11 @@ |
||||
from django.conf import urls |
||||
|
||||
from .views import ( |
||||
ChatUserView, |
||||
) |
||||
|
||||
app_name = 'chat' |
||||
|
||||
urlpatterns = [ |
||||
urls.url(r'^$', ChatUserView.as_view(), name='chat-user'), |
||||
] |
||||
@ -0,0 +1,3 @@ |
||||
1. Завести время на задачи в проекте |
||||
2. Распределить задачи по времени |
||||
|
||||
Loading…
Reference in new issue