Mukhtar
10 years ago
parent
a89c5b3d27
commit
3a814a2310
26 changed files with 2875 additions and 1102 deletions
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,351 @@ |
||||
/* Magnific Popup CSS */ |
||||
.mfp-bg { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
z-index: 1042; |
||||
overflow: hidden; |
||||
position: fixed; |
||||
background: #0b0b0b; |
||||
opacity: 0.8; } |
||||
|
||||
.mfp-wrap { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
z-index: 1043; |
||||
position: fixed; |
||||
outline: none !important; |
||||
-webkit-backface-visibility: hidden; } |
||||
|
||||
.mfp-container { |
||||
text-align: center; |
||||
position: absolute; |
||||
width: 100%; |
||||
height: 100%; |
||||
left: 0; |
||||
top: 0; |
||||
padding: 0 8px; |
||||
box-sizing: border-box; } |
||||
|
||||
.mfp-container:before { |
||||
content: ''; |
||||
display: inline-block; |
||||
height: 100%; |
||||
vertical-align: middle; } |
||||
|
||||
.mfp-align-top .mfp-container:before { |
||||
display: none; } |
||||
|
||||
.mfp-content { |
||||
position: relative; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
margin: 0 auto; |
||||
text-align: left; |
||||
z-index: 1045; } |
||||
|
||||
.mfp-inline-holder .mfp-content, |
||||
.mfp-ajax-holder .mfp-content { |
||||
width: 100%; |
||||
cursor: auto; } |
||||
|
||||
.mfp-ajax-cur { |
||||
cursor: progress; } |
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
||||
cursor: -moz-zoom-out; |
||||
cursor: -webkit-zoom-out; |
||||
cursor: zoom-out; } |
||||
|
||||
.mfp-zoom { |
||||
cursor: pointer; |
||||
cursor: -webkit-zoom-in; |
||||
cursor: -moz-zoom-in; |
||||
cursor: zoom-in; } |
||||
|
||||
.mfp-auto-cursor .mfp-content { |
||||
cursor: auto; } |
||||
|
||||
.mfp-close, |
||||
.mfp-arrow, |
||||
.mfp-preloader, |
||||
.mfp-counter { |
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
user-select: none; } |
||||
|
||||
.mfp-loading.mfp-figure { |
||||
display: none; } |
||||
|
||||
.mfp-hide { |
||||
display: none !important; } |
||||
|
||||
.mfp-preloader { |
||||
color: #CCC; |
||||
position: absolute; |
||||
top: 50%; |
||||
width: auto; |
||||
text-align: center; |
||||
margin-top: -0.8em; |
||||
left: 8px; |
||||
right: 8px; |
||||
z-index: 1044; } |
||||
.mfp-preloader a { |
||||
color: #CCC; } |
||||
.mfp-preloader a:hover { |
||||
color: #FFF; } |
||||
|
||||
.mfp-s-ready .mfp-preloader { |
||||
display: none; } |
||||
|
||||
.mfp-s-error .mfp-content { |
||||
display: none; } |
||||
|
||||
button.mfp-close, |
||||
button.mfp-arrow { |
||||
overflow: visible; |
||||
cursor: pointer; |
||||
background: transparent; |
||||
border: 0; |
||||
-webkit-appearance: none; |
||||
display: block; |
||||
outline: none; |
||||
padding: 0; |
||||
z-index: 1046; |
||||
box-shadow: none; |
||||
touch-action: manipulation; } |
||||
|
||||
button::-moz-focus-inner { |
||||
padding: 0; |
||||
border: 0; } |
||||
|
||||
.mfp-close { |
||||
width: 44px; |
||||
height: 44px; |
||||
line-height: 44px; |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
text-decoration: none; |
||||
text-align: center; |
||||
opacity: 0.65; |
||||
padding: 0 0 18px 10px; |
||||
color: #FFF; |
||||
font-style: normal; |
||||
font-size: 28px; |
||||
font-family: Arial, Baskerville, monospace; } |
||||
.mfp-close:hover, |
||||
.mfp-close:focus { |
||||
opacity: 1; } |
||||
.mfp-close:active { |
||||
top: 1px; } |
||||
|
||||
.mfp-close-btn-in .mfp-close { |
||||
color: #333; } |
||||
|
||||
.mfp-image-holder .mfp-close, |
||||
.mfp-iframe-holder .mfp-close { |
||||
color: #FFF; |
||||
right: -6px; |
||||
text-align: right; |
||||
padding-right: 6px; |
||||
width: 100%; } |
||||
|
||||
.mfp-counter { |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
color: #CCC; |
||||
font-size: 12px; |
||||
line-height: 18px; |
||||
white-space: nowrap; } |
||||
|
||||
.mfp-arrow { |
||||
position: absolute; |
||||
opacity: 0.65; |
||||
margin: 0; |
||||
top: 50%; |
||||
margin-top: -55px; |
||||
padding: 0; |
||||
width: 90px; |
||||
height: 110px; |
||||
-webkit-tap-highlight-color: transparent; } |
||||
.mfp-arrow:active { |
||||
margin-top: -54px; } |
||||
.mfp-arrow:hover, |
||||
.mfp-arrow:focus { |
||||
opacity: 1; } |
||||
.mfp-arrow:before, |
||||
.mfp-arrow:after { |
||||
content: ''; |
||||
display: block; |
||||
width: 0; |
||||
height: 0; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
margin-top: 35px; |
||||
margin-left: 35px; |
||||
border: medium inset transparent; } |
||||
.mfp-arrow:after { |
||||
border-top-width: 13px; |
||||
border-bottom-width: 13px; |
||||
top: 8px; } |
||||
.mfp-arrow:before { |
||||
border-top-width: 21px; |
||||
border-bottom-width: 21px; |
||||
opacity: 0.7; } |
||||
|
||||
.mfp-arrow-left { |
||||
left: 0; } |
||||
.mfp-arrow-left:after { |
||||
border-right: 17px solid #FFF; |
||||
margin-left: 31px; } |
||||
.mfp-arrow-left:before { |
||||
margin-left: 25px; |
||||
border-right: 27px solid #3F3F3F; } |
||||
|
||||
.mfp-arrow-right { |
||||
right: 0; } |
||||
.mfp-arrow-right:after { |
||||
border-left: 17px solid #FFF; |
||||
margin-left: 39px; } |
||||
.mfp-arrow-right:before { |
||||
border-left: 27px solid #3F3F3F; } |
||||
|
||||
.mfp-iframe-holder { |
||||
padding-top: 40px; |
||||
padding-bottom: 40px; } |
||||
.mfp-iframe-holder .mfp-content { |
||||
line-height: 0; |
||||
width: 100%; |
||||
max-width: 900px; } |
||||
.mfp-iframe-holder .mfp-close { |
||||
top: -40px; } |
||||
|
||||
.mfp-iframe-scaler { |
||||
width: 100%; |
||||
height: 0; |
||||
overflow: hidden; |
||||
padding-top: 56.25%; } |
||||
.mfp-iframe-scaler iframe { |
||||
position: absolute; |
||||
display: block; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
||||
background: #000; } |
||||
|
||||
/* Main image in popup */ |
||||
img.mfp-img { |
||||
width: auto; |
||||
max-width: 100%; |
||||
height: auto; |
||||
display: block; |
||||
line-height: 0; |
||||
box-sizing: border-box; |
||||
padding: 40px 0 40px; |
||||
margin: 0 auto; } |
||||
|
||||
/* The shadow behind the image */ |
||||
.mfp-figure { |
||||
line-height: 0; } |
||||
.mfp-figure:after { |
||||
content: ''; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 40px; |
||||
bottom: 40px; |
||||
display: block; |
||||
right: 0; |
||||
width: auto; |
||||
height: auto; |
||||
z-index: -1; |
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
||||
background: #444; } |
||||
.mfp-figure small { |
||||
color: #BDBDBD; |
||||
display: block; |
||||
font-size: 12px; |
||||
line-height: 14px; } |
||||
.mfp-figure figure { |
||||
margin: 0; } |
||||
|
||||
.mfp-bottom-bar { |
||||
margin-top: -36px; |
||||
position: absolute; |
||||
top: 100%; |
||||
left: 0; |
||||
width: 100%; |
||||
cursor: auto; } |
||||
|
||||
.mfp-title { |
||||
text-align: left; |
||||
line-height: 18px; |
||||
color: #F3F3F3; |
||||
word-wrap: break-word; |
||||
padding-right: 36px; } |
||||
|
||||
.mfp-image-holder .mfp-content { |
||||
max-width: 100%; } |
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure { |
||||
cursor: pointer; } |
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { |
||||
/** |
||||
* Remove all paddings around the image on small screen |
||||
*/ |
||||
.mfp-img-mobile .mfp-image-holder { |
||||
padding-left: 0; |
||||
padding-right: 0; } |
||||
.mfp-img-mobile img.mfp-img { |
||||
padding: 0; } |
||||
.mfp-img-mobile .mfp-figure:after { |
||||
top: 0; |
||||
bottom: 0; } |
||||
.mfp-img-mobile .mfp-figure small { |
||||
display: inline; |
||||
margin-left: 5px; } |
||||
.mfp-img-mobile .mfp-bottom-bar { |
||||
background: rgba(0, 0, 0, 0.6); |
||||
bottom: 0; |
||||
margin: 0; |
||||
top: auto; |
||||
padding: 3px 5px; |
||||
position: fixed; |
||||
box-sizing: border-box; } |
||||
.mfp-img-mobile .mfp-bottom-bar:empty { |
||||
padding: 0; } |
||||
.mfp-img-mobile .mfp-counter { |
||||
right: 5px; |
||||
top: 3px; } |
||||
.mfp-img-mobile .mfp-close { |
||||
top: 0; |
||||
right: 0; |
||||
width: 35px; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
background: rgba(0, 0, 0, 0.6); |
||||
position: fixed; |
||||
text-align: center; |
||||
padding: 0; } } |
||||
|
||||
@media all and (max-width: 900px) { |
||||
.mfp-arrow { |
||||
-webkit-transform: scale(0.75); |
||||
transform: scale(0.75); } |
||||
.mfp-arrow-left { |
||||
-webkit-transform-origin: 0; |
||||
transform-origin: 0; } |
||||
.mfp-arrow-right { |
||||
-webkit-transform-origin: 100%; |
||||
transform-origin: 100%; } |
||||
.mfp-container { |
||||
padding-left: 6px; |
||||
padding-right: 6px; } } |
||||
@ -1,657 +0,0 @@ |
||||
{% 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 %} |
||||
@ -1,9 +1,10 @@ |
||||
from django.contrib import admin |
||||
from mptt.admin import MPTTModelAdmin |
||||
|
||||
from .models import Location |
||||
from .models import Location, MainPage |
||||
|
||||
class LocationAdmin(MPTTModelAdmin): |
||||
readonly_fields = ('pk', 'lft', 'rght', 'tree_id', 'level') |
||||
|
||||
admin.site.register(Location, LocationAdmin) |
||||
admin.site.register(MainPage) |
||||
|
||||
@ -0,0 +1,27 @@ |
||||
# -*- coding: utf-8 -*- |
||||
# Generated by Django 1.9.6 on 2016-07-05 07:25 |
||||
from __future__ import unicode_literals |
||||
|
||||
from django.db import migrations, models |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('common', '0002_auto_20160615_1625'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.CreateModel( |
||||
name='MainPage', |
||||
fields=[ |
||||
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), |
||||
('contractor_text', models.TextField()), |
||||
('customer_text', models.TextField()), |
||||
('video_code', models.TextField()), |
||||
], |
||||
options={ |
||||
'verbose_name': 'Главная страница', |
||||
}, |
||||
), |
||||
] |
||||
@ -1,20 +1,32 @@ |
||||
Django==1.9.6 |
||||
Momoko==2.2.3 |
||||
Pillow==3.2.0 |
||||
Werkzeug==0.11.10 |
||||
backports-abc==0.4 |
||||
django-appconf==1.0.2 |
||||
django-compressor==2.0 |
||||
django-debug-toolbar==1.4 |
||||
django-environ==0.4.0 |
||||
django-extensions==1.6.7 |
||||
django-filter==0.13.0 |
||||
django-guardian==1.4.4 |
||||
django-mptt==0.8.4 |
||||
django-registration-redux==1.4 |
||||
django-treebeard==4.0.1 |
||||
djangorestframework==3.3.3 |
||||
djangorestframework-filters==0.8.0 |
||||
fake-factory==0.5.7 |
||||
jsonschema==2.5.1 |
||||
psycopg2==2.6.1 |
||||
pydash==3.4.3 |
||||
python-dateutil==2.5.3 |
||||
rcssmin==1.0.6 |
||||
redis==2.10.5 |
||||
requests==2.10.0 |
||||
rjsmin==1.0.12 |
||||
six==1.10.0 |
||||
sorl-thumbnail==12.3 |
||||
sqlparse==0.1.19 |
||||
tornado==4.3 |
||||
|
||||
|
||||
|
||||
@ -0,0 +1,30 @@ |
||||
{% load staticfiles %} |
||||
<div class="wrTop {"> |
||||
<div class="container-fluid topMain"> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="logo" onClick="window.location='/'"></div> |
||||
</div> |
||||
<div class="col-lg-7"> |
||||
<ul class="mainMenu"> |
||||
<li class="icon_tm1"> |
||||
<a href="javascript:void(0)">Биржа проектов</a> |
||||
<span></span> |
||||
</li> |
||||
<li class="icon_tm2"> |
||||
<a href="javascript:void(0)">Поиск исполнителей</a> |
||||
<span></span> |
||||
</li> |
||||
<li class="icon_tm3"> |
||||
<a href="javascript:void(0)">Работы на продажу</a> |
||||
<span></span> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-lg-2"> |
||||
<a href="javascript:void(0)" class="reg">регистрация</a> |
||||
<div class="lock"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,9 @@ |
||||
from django import forms |
||||
|
||||
from .models import WorkSell |
||||
|
||||
class WorkSellForm(forms.ModelForm): |
||||
|
||||
class Meta: |
||||
model = WorkSell |
||||
fields = '__all__' |
||||
@ -0,0 +1,25 @@ |
||||
# -*- coding: utf-8 -*- |
||||
# Generated by Django 1.9.6 on 2016-07-05 12:14 |
||||
from __future__ import unicode_literals |
||||
|
||||
from django.db import migrations, models |
||||
import django.utils.timezone |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('work_sell', '0006_worksellphoto'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.AlterModelOptions( |
||||
name='worksell', |
||||
options={'ordering': ['-created'], 'verbose_name': 'Готовая работа', 'verbose_name_plural': 'Готовые работы'}, |
||||
), |
||||
migrations.AddField( |
||||
model_name='worksell', |
||||
name='created', |
||||
field=models.DateTimeField(default=django.utils.timezone.now), |
||||
), |
||||
] |
||||
Loading…
Reference in new issue