booblegum
9 years ago
parent
3293ca41f7
commit
3fa1f40314
15 changed files with 2001 additions and 14 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,66 @@ |
||||
import SelectedContainer from './SelectedContainer'; |
||||
import NoTreeSelect from './NoTreeSelect'; |
||||
import TreeSelect from './TreeSelect'; |
||||
import SingleTreeSelect from './SingleTreeSelect' |
||||
|
||||
$(function () { |
||||
function createFilterSpecs(url) { |
||||
// SPECIALIZATIONS FILTER
|
||||
let sb_main = new TreeSelect($('#select-box-1'), {url, visible: true}); |
||||
sb_main.setHeader("Специальность"); |
||||
let select_container = new SelectedContainer($('#selected-spec'), {obj: sb_main}); |
||||
sb_main.connectSelectedContainer(select_container); |
||||
let sb_1 = new TreeSelect($('#select-box-2'), {obj: sb_main}); |
||||
let sb_2 = new TreeSelect($('#select-box-3'), {obj: sb_main}); |
||||
let sb_3 = new TreeSelect($('#select-box-4'), {obj: sb_main}); |
||||
let sb_4 = new TreeSelect($('#select-box-5'), {obj: sb_main}); |
||||
|
||||
sb_main.setNearbySelectBox(sb_1); |
||||
sb_1.setNearbySelectBox(sb_2, sb_main); |
||||
sb_2.setNearbySelectBox(sb_3, sb_1); |
||||
sb_3.setNearbySelectBox(sb_4, sb_2); |
||||
sb_4.setNearbySelectBox("", sb_3); |
||||
|
||||
} |
||||
|
||||
function createFilterBuildingClass(url) { |
||||
// BUILDING-CLASSIFICATION FILTER
|
||||
let sb_build_main = new TreeSelect($('#sb-building-classification'), {url, visible:true}); |
||||
sb_build_main.setHeader("Классификация здания"); |
||||
|
||||
let sb_build_1 = new TreeSelect($('#sb-building-sub-classification'), {obj: sb_build_main}); |
||||
|
||||
let select_build_container = new SelectedContainer($('#selected-building-classification'), {obj: sb_build_main}); |
||||
sb_build_main.connectSelectedContainer(select_build_container); |
||||
|
||||
sb_build_main.setNearbySelectBox(sb_build_1); |
||||
sb_build_1.setNearbySelectBox("", sb_build_main); |
||||
} |
||||
|
||||
function createFilterConstructionType(url) { |
||||
let sb_constr_main = new NoTreeSelect($('#sb-construction-type'), {url, visible:true}); |
||||
sb_constr_main.setHeader("Вид строительства"); |
||||
let select_constr_type = new SelectedContainer($('#selected-construction-type'), {obj:sb_constr_main, noTree: true}); |
||||
sb_constr_main.connectSelectedContainer(select_constr_type); |
||||
} |
||||
|
||||
function createFilerLocations(url) { |
||||
let sb_loc_main = new SingleTreeSelect($('#sb-location-1'), {url, visible:true}); |
||||
sb_loc_main.setHeader("Местоположение"); |
||||
let select_loc = new SelectedContainer($('#selected-location'), {obj: sb_loc_main, onlyOne: true}); |
||||
sb_loc_main.connectSelectedContainer(select_loc); |
||||
let sb_loc_1 = new SingleTreeSelect($('#sb-location-2'), {obj: sb_loc_main}); |
||||
let sb_loc_2 = new SingleTreeSelect($('#sb-location-3'), {obj: sb_loc_main}); |
||||
|
||||
sb_loc_main.setNearbySelectBox(sb_loc_1); |
||||
sb_loc_1.setNearbySelectBox(sb_loc_2, sb_loc_main); |
||||
sb_loc_2.setNearbySelectBox("", sb_loc_1); |
||||
} |
||||
|
||||
|
||||
createFilterSpecs('/api/specializations_flat'); |
||||
createFilterBuildingClass('/api/building_classifications'); |
||||
createFilterConstructionType('/api/construction_type'); |
||||
createFilerLocations('/api/locations_flat'); |
||||
|
||||
}); |
||||
@ -0,0 +1,62 @@ |
||||
.description { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display: -webkit-box; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-line-clamp: 4; /* number of lines to show */ |
||||
line-height: 1.8em; /* fallback */ |
||||
max-height: 7.2em; /* fallback */ |
||||
} |
||||
|
||||
textarea.description { |
||||
width: 100%; |
||||
min-height: 200px; |
||||
} |
||||
|
||||
textarea.auto-hint { |
||||
color: darkgray; |
||||
} |
||||
|
||||
.btn-plus { |
||||
/*width: 300px;*/ |
||||
/*text-overflow: clip;*/ |
||||
white-space: normal; |
||||
padding-left: 18%; |
||||
color: #FF0029; |
||||
/*height: 80%;*/ |
||||
line-height: 1em; |
||||
font-family: Arial-MT-Regular; |
||||
font-size: 12pt; |
||||
} |
||||
|
||||
.btn-plus:hover { |
||||
color: #FF0029; |
||||
} |
||||
|
||||
.btn-plus { |
||||
background: url("../img/circle_cross.svg") no-repeat left; |
||||
background-position-x: 5px; |
||||
} |
||||
|
||||
.upload-new.paper-clip { |
||||
padding-left: 45px; |
||||
padding-right: 5px; |
||||
background: url("../img/paper-clip_icon._g.png") no-repeat left; |
||||
background-size: 30px 30px; |
||||
width: auto; |
||||
} |
||||
|
||||
.upload-new.paper-clip p { |
||||
font-size: 12pt; |
||||
width: auto; |
||||
text-align: right; |
||||
} |
||||
|
||||
.documentsChat.mod { |
||||
width: auto; |
||||
float: none; |
||||
display: inline-block; |
||||
vertical-align: inherit; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 30 KiB |
@ -0,0 +1,14 @@ |
||||
$(function () { |
||||
let $area = $('#with-placeholder'); |
||||
let placeholder = $area.prop("placeholder"); |
||||
let changed = false; |
||||
$area.addClass("auto-hint"); |
||||
$area.html(placeholder); |
||||
$area.on("click", function (e) { |
||||
// if (changed) return
|
||||
console.log("click"); |
||||
$(e.target).removeClass("auto-hit"); |
||||
$(e.target).html(""); |
||||
return true |
||||
}) |
||||
}); |
||||
@ -0,0 +1,276 @@ |
||||
{% extends 'partials/base.html' %} |
||||
{% load i18n %} |
||||
{% load staticfiles %} |
||||
{% block head_css %} |
||||
<link rel='stylesheet' href='{% static "lib/proekton-components/css/fonts.css" %}'> |
||||
<link rel='stylesheet' href='{% static "lib/proekton-components/css/selected-container.css" %}'> |
||||
<link rel='stylesheet' href='{% static "lib/proekton-components/css/editable-container.css" %}'> |
||||
<link rel='stylesheet' href='{% static "lib/proekton-components/css/select-box.css" %}'> |
||||
<link rel='stylesheet' href='{% static "css/project_filter.css" %}'>{# other #} |
||||
<link rel='stylesheet' href='{% static "css/font-awesome.min.css" %}'> |
||||
<link rel='stylesheet' href='{% static "css/user_profile_edit.css" %}'> |
||||
<link rel='stylesheet' href='{% static "css/custom-checkboxes.css" %}'> |
||||
<link rel='stylesheet' href='{% static "css/customer_project_create.css" %}'> |
||||
{% endblock %} |
||||
|
||||
{% block content %} |
||||
{% include 'partials/modals/project_work_type_suggestion.html' %} |
||||
{% include 'partials/header.html' %} |
||||
<div class="container mainScore"> |
||||
<div class="row mainContent"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 allProjects"> |
||||
<p class="titleScore">Новый заказ</p> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-9"> |
||||
<div class="header">Название заказа |
||||
<i class="fa fa-question-circle-o" aria-hidden="true" title=""></i> |
||||
</div> |
||||
<input value="" name="" class="simple-input" |
||||
placeholder="Пример: Дизайн квартиры, Армирование фундамента, Конструкции перекрытия и т.д."> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="row vertical-child"> |
||||
<div class="col-lg-9"> |
||||
<div class="" id="select-box-1"></div> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div href="#" onclick="return false" data-toggle="modal" |
||||
data-target="#projectWorkTypeSuggestionModal" |
||||
class="btn btn-simple btn-plus">Нет нужной специальности хочу добавить |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="vertical-child" id="select-box-2"> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div class="vertical-child" id="select-box-3"> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div class="vertical-child" id="select-box-4"> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div class="vertical-child" id="select-box-5"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-12"> |
||||
<div class="selected-container horizontal" id="selected-spec"> |
||||
<input type="hidden" name="{{ form.contractor_specializations.html_name }}" |
||||
value="{{ form.contractor_specializations.value }}"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div style="margin-top: 45px" class="row"> |
||||
<div class="col-lg-12"> |
||||
<div class="header"> |
||||
Подобно опишите задание для / ... |
||||
<i class="fa fa-question-circle-o" aria-hidden="true" title=""></i> Обязательно |
||||
</div> |
||||
<textarea style="width: 100%" rows="6" placeholder= |
||||
" Пример №1 |
||||
Разработать архиьектурные решения для жилого дома на основании эскизной проработки |
||||
|
||||
|
||||
Пример №2 |
||||
Разработать проект по електроснабжению и освещению гаража"></textarea> |
||||
|
||||
{# <div id="fileUploadContainer" class="upload-new paper-clip">#} |
||||
{# <p id="fileUploadAddBtn" style="margin: 0">прикрепить файл</p> до 100 файлов#} |
||||
{# </div>#} |
||||
|
||||
<div class="documentsChat mod" id="fileUploadContainer"> |
||||
<div style="display: inline-block;vertical-align: middle;"> |
||||
<div style="display: inline-block;vertical-align: inherit;" class="upload-new paper-clip"> |
||||
<p id="fileUploadAddBtn" style="margin: 0">прикрепить файл</p> |
||||
</div> |
||||
<span style="display: inline-block;vertical-align: inherit;">(до 100 файлов)</span> |
||||
</div> |
||||
|
||||
<ul style="float: none" class="list-new-new"> |
||||
<li class="file-upload-widget" style="display: none"> |
||||
<input type="file" name="new_files" class="file-upload-input" |
||||
style="position: absolute; top: -1000px; left: -1000px"> |
||||
<p class="file-upload-label"></p> |
||||
<div class="file-upload-remove-btn"></div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<div class="row separator"> |
||||
<div class="col-lg-12"> |
||||
<div class="flex"> |
||||
<span class="header">Показать расширенные настройки</span> |
||||
<button class="resButton"> |
||||
<span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span> |
||||
</button> |
||||
<div class="border"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="slide active"> |
||||
<div class="row"> |
||||
<div class="col-lg-12"> |
||||
<div class="header">Способ оплаты</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-6"> |
||||
<label> |
||||
<input type="checkbox"> Безопасная сделка (с резервированием бюджета) |
||||
</label> |
||||
<div class="description"> |
||||
Безопасная сделка – это сервис, с помощью которого: |
||||
-Заказчики - полностью избавляются от всех финансовых рисков при сотрудничестве с |
||||
Исполнителями; |
||||
-Исполнители - получают гарантию своевременной оплаты своей работы (выполненной по заданию |
||||
точно в срок). |
||||
|
||||
Это сервис и тип оплаты в заказах, в котором сумма оплаты резервируется (перечисляется на |
||||
сайт) Заказчиком до начала работы и выплачивается Исполнителю только после успешного |
||||
выполнения задания. А в случае некачественного и/или несвоевременного выполнения – |
||||
возвращается Заказчику. |
||||
|
||||
Сайт выступает в Безопасных сделках хранителем и гарантом сохранности средств. А в случае |
||||
возникновения конфликтов в заказе - Арбитром, независимой третьей Стороной, помогающей |
||||
решить проблемы при сотрудничестве и справедливо распорядиться зарезервированной суммой: |
||||
-выплатить ее Исполнителю, если работа выполнена своевременно и в полном соответствии с |
||||
заданием; |
||||
-вернуть Заказчику, если работа не выполнена или нарушены сроки выполнения; |
||||
-разделить сумму между Заказчиком и Исполнителем, если работа выполнена частично и без |
||||
нарушения сроков. |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6"> |
||||
<label> |
||||
<input type="checkbox"> Прямая оплата Исполнителю на его кошелек/счет |
||||
</label> |
||||
<div class="description"> |
||||
Прямая оплата - это оплата без помощи сайта. Оплаты заказов происходят напрямую исполнителю |
||||
на его личный счет или кошелек. |
||||
|
||||
В данном случае сайт не выступает гарантом сохранности средств и не является Арбитром при |
||||
спорных вопросах. |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="header ">Бюджет |
||||
<i class="fa fa-question-circle-o" aria-hidden="true" title=""></i> |
||||
</div> |
||||
<input name="..." class="simple-input" placeholder="Введите сумму" value=""> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div class="header">Срок |
||||
<i class="fa fa-question-circle-o" aria-hidden="true" title=""></i> |
||||
</div> |
||||
<input name="..." class="simple-input" placeholder="Введите срок" value=""> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<label> |
||||
<input type="checkbox"> Сделать для исполнителей обязательным для заполнения поля цена и |
||||
срок |
||||
<i class="fa fa-question-circle-o" aria-hidden="true" title=""></i> |
||||
</label> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<label> |
||||
<input type="checkbox"> Бюджет и срок по договоренности |
||||
<i class="fa fa-question-circle-o" aria-hidden="true" title=""></i> |
||||
</label> |
||||
</div> |
||||
</div> |
||||
<div class="row separator"> |
||||
<div class="col-lg-12"> |
||||
<div class="flex"> |
||||
<div class="border"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-12"> |
||||
<input type="checkbox"> Создать/выбрать объект, прикрепить объект к заказу |
||||
<i class="fa fa-question-circle-o" aria-hidden="true" title=""></i> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-6"> |
||||
<input name="..." class="simple-input" placeholder="Создайте/Выберите объект" value=""> |
||||
</div> |
||||
<div class="col-lg-6"> |
||||
<div class="selected-container horizontal" id="selected-obj"> |
||||
<input type="hidden" name="obj" value=""> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- bottom block --> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="vertical-child" id="sb-building-classification"> |
||||
</div> |
||||
<div class="vertical-child" id="sb-building-sub-classification"> |
||||
</div> |
||||
<div class="selected-container" id="selected-building-classification"> |
||||
<input type="hidden" |
||||
name="{{ form.contractor_building_classifications.html_name }}" |
||||
value="{{ form.contractor_building_classifications.value }}"> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div class="vertical-child" id="sb-construction-type"> |
||||
</div> |
||||
<div class="selected-container" id="selected-construction-type"> |
||||
<input type="hidden" name="{{ form.contractor_construction_types.html_name }}" |
||||
value="{{ form.contractor_construction_types.value }}"> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div class="select-box-header vertical-child"> |
||||
<span style="width: 180px" class="header">Требуется допуск (СРО)</span> |
||||
<i class="fa fa-question-circle-o" aria-hidden="true" |
||||
title="bla-bla-bla..."></i> |
||||
</div> |
||||
|
||||
<div class="custom-check"> |
||||
<div class="checked"></div> |
||||
<div style="display: none" class="not-checked"></div> |
||||
<input name="{{ form.cro.html_name }}" type="checkbox" hidden |
||||
{% if form.cro.value %} checked{% endif %}> |
||||
</div> |
||||
</div> |
||||
</div> <!-- bottom block --> |
||||
<div class="row top-line"> |
||||
<div class="col-lg-3 vertical-child" style="text-align: center"> |
||||
<div class="header"> </div> |
||||
<input type="submit" class="btn btn-simple" value="РАЗМЕСТИТЬ ЗАКАЗ"> |
||||
</div> |
||||
<div class="col-lg-3 col-lg-offset-6 vertical-child" style="text-align: center"> |
||||
<div class="header"> </div> |
||||
<input type="submit" class="btn btn-simple" value="ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР"> |
||||
</div> |
||||
</div> |
||||
</div> <!-- slide --> |
||||
|
||||
</div> <!-- content --> |
||||
</div> |
||||
{% endblock %} |
||||
{% block js_block %} |
||||
<script src='{% static "lib/proekton-components/js/build/init_customer_project_create.js" %}'></script> |
||||
{% endblock %} |
||||
Loading…
Reference in new issue