From 974437d40dafe1939f81f1c081574cedb2699277 Mon Sep 17 00:00:00 2001
From: booblegum <booblegum42@gmail.com>
Date: Fri, 2 Dec 2016 10:51:26 +0300
Subject: [PATCH] =?UTF-8?q?PR-41=20=D0=A4=D0=BE=D1=80=D0=BC=D0=B8=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=B7=D0=B0=D0=BA=D0=B0?=
 =?UTF-8?q?=D0=B7=D0=B0=20=D0=97=D0=B0=D0=BA=D0=B0=D0=B7=D1=87=D0=B8=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Серьезно изменена структура проекта: sass, webpack
Закончено формирование заказа
---
 api/urls.py                                   |    6 +
 api/views.py                                  |   25 +-
 archilance/settings/base.py                   |   43 +-
 archilance/views.py                           |    1 +
 assets/css/extra.css                          |    2 +-
 assets/css/main.css                           |   86 +-
 assets/css/reset.css                          |   12 +-
 assets/img/days.png                           |  Bin 0 -> 2531 bytes
 assets/img/rub.png                            |  Bin 0 -> 1286 bytes
 assets/js/build/create_project.js             |  249 +++
 .../js/build/init_customer_project_create.js  | 1912 +++++++++++++++++
 assets/js/build/user.js                       |  223 ++
 assets/js/src/customer_project_create.js      |   25 +
 assets/js/src/init_customer_project_create.js |  122 ++
 assets/js/src/seeds/components_script.js      |    0
 assets/js/src/seeds/custom_check.js           |   19 +
 assets/js/src/seeds/extended_field.js         |   20 +
 assets/js/src/seeds/file_upload.js            |   57 +
 assets/js/src/seeds/read_more.js              |   16 +
 assets/js/src/seeds/test_seeds.js             |    5 +
 assets/js/src/user.js                         |   56 +
 .../proekton-components/bash/browserify.sh    |    8 -
 .../js/src/NoTreeSelect.js                    |    4 +-
 .../js/src/SelectOrCreate.js                  |  133 ++
 .../js/src/SelectedContainer.js               |   25 +-
 .../js/src/SelectedContainerCreate.js         |   28 +
 .../js/src/SingleTreeSelect.js                |    4 +-
 .../proekton-components/js/src/TreeSelect.js  |    5 -
 .../js/src/base/AbsBaseSelect.js              |   46 +-
 .../proekton-components/js/src/decorators.js  |    5 +-
 .../js/src/{ => examples}/init.js             |    0
 .../js/src/{ => examples}/init_example.js     |    0
 .../src/{ => examples}/init_user_profile.js   |    0
 .../js/src/init_customer_project_create.js    |   66 -
 .../proekton-components/sass/components.sass  |    4 +
 .../sass/parts/_editable-container.sass       |   11 +
 .../sass/parts/_fonts.sass                    |   18 +
 .../sass/parts/_select-box.sass               |  165 ++
 .../sass/parts/_selected-container.sass       |   44 +
 assets/sass/base/_colors.sass                 |    6 +
 assets/sass/base/_fonts.sass                  |   29 +
 assets/sass/base/_variavles.sass              |    1 +
 assets/sass/common/_parts.sass                |   20 +
 assets/sass/components/custom-components.sass |  213 ++
 assets/sass/main.sass                         |   65 +
 assets/sass/modules/_mods.sass                |    6 +
 assets/sass/utils/_functions.sass             |   10 +
 package.json                                  |    7 +-
 projects/forms.py                             |   79 +
 .../migrations/0048_auto_20161201_2003.py     |   47 +
 .../migrations/0049_auto_20161201_2157.py     |   25 +
 projects/models.py                            |   10 +-
 projects/static/css/project_filter.css        |   11 +-
 .../_trash/customer_project_create.html       |  411 ++++
 .../templates/customer_project_create.html    |  771 ++++---
 .../customer_project_create_new.html          |  276 ---
 projects/urls.py                              |    5 +-
 projects/views.py                             |  177 +-
 templates/home_modular.html                   |   24 +
 templates/partials/base.html                  |  255 +--
 templates/partials/footer.html                |    4 +-
 templates/partials/header.html                |    5 +-
 templates/partials/sass/footer.sass           |   91 +
 templates/partials/sass/header.sass           |  334 +++
 webpack.config.js                             |   63 +
 .../migrations/0019_auto_20161201_2003.py     |   20 +
 66 files changed, 5340 insertions(+), 1070 deletions(-)
 create mode 100644 assets/img/days.png
 create mode 100644 assets/img/rub.png
 create mode 100644 assets/js/build/create_project.js
 create mode 100644 assets/js/build/init_customer_project_create.js
 create mode 100644 assets/js/build/user.js
 create mode 100644 assets/js/src/customer_project_create.js
 create mode 100644 assets/js/src/init_customer_project_create.js
 create mode 100644 assets/js/src/seeds/components_script.js
 create mode 100644 assets/js/src/seeds/custom_check.js
 create mode 100644 assets/js/src/seeds/extended_field.js
 create mode 100644 assets/js/src/seeds/file_upload.js
 create mode 100644 assets/js/src/seeds/read_more.js
 create mode 100644 assets/js/src/seeds/test_seeds.js
 create mode 100644 assets/js/src/user.js
 delete mode 100644 assets/lib/proekton-components/bash/browserify.sh
 create mode 100644 assets/lib/proekton-components/js/src/SelectOrCreate.js
 create mode 100644 assets/lib/proekton-components/js/src/SelectedContainerCreate.js
 rename assets/lib/proekton-components/js/src/{ => examples}/init.js (100%)
 rename assets/lib/proekton-components/js/src/{ => examples}/init_example.js (100%)
 rename assets/lib/proekton-components/js/src/{ => examples}/init_user_profile.js (100%)
 delete mode 100644 assets/lib/proekton-components/js/src/init_customer_project_create.js
 create mode 100644 assets/lib/proekton-components/sass/components.sass
 create mode 100644 assets/lib/proekton-components/sass/parts/_editable-container.sass
 create mode 100644 assets/lib/proekton-components/sass/parts/_fonts.sass
 create mode 100644 assets/lib/proekton-components/sass/parts/_select-box.sass
 create mode 100644 assets/lib/proekton-components/sass/parts/_selected-container.sass
 create mode 100644 assets/sass/base/_colors.sass
 create mode 100644 assets/sass/base/_fonts.sass
 create mode 100644 assets/sass/base/_variavles.sass
 create mode 100644 assets/sass/common/_parts.sass
 create mode 100644 assets/sass/components/custom-components.sass
 create mode 100644 assets/sass/main.sass
 create mode 100644 assets/sass/modules/_mods.sass
 create mode 100644 assets/sass/utils/_functions.sass
 create mode 100644 projects/migrations/0048_auto_20161201_2003.py
 create mode 100644 projects/migrations/0049_auto_20161201_2157.py
 create mode 100644 projects/templates/_trash/customer_project_create.html
 delete mode 100644 projects/templates/customer_project_create_new.html
 create mode 100644 templates/home_modular.html
 create mode 100644 templates/partials/sass/footer.sass
 create mode 100644 templates/partials/sass/header.sass
 create mode 100644 webpack.config.js
 create mode 100644 work_sell/migrations/0019_auto_20161201_2003.py

diff --git a/api/urls.py b/api/urls.py
index ac4d6e2..7519643 100755
--- a/api/urls.py
+++ b/api/urls.py
@@ -53,3 +53,9 @@ router.register(r'work-sell-photos', WorkSellPhotoViewSet)
 router.register(r'work-sells', WorkSellViewSet)
 
 urlpatterns = router.urls
+
+# urlpatterns = [
+#     url(r'^forgot-password/$', ForgotPasswordFormView.as_view()),
+# ]
+#
+# urlpatterns += router.url
\ No newline at end of file
diff --git a/api/views.py b/api/views.py
index b2fae08..b520848 100755
--- a/api/views.py
+++ b/api/views.py
@@ -3,6 +3,8 @@ from django.db.models import Q, F
 from rest_framework import permissions
 from rest_framework.pagination import PageNumberPagination
 from rest_framework.viewsets import ModelViewSet
+from rest_framework.decorators import detail_route, list_route
+from rest_framework.response import Response
 
 from chat.filters import MessageFilterSet, NoteFilterSet, DocumentFilterSet
 from chat.models import Message, Notes, Documents, NewMessage
@@ -148,9 +150,28 @@ class MessageViewSet(ModelViewSet):
 
 
 class RealtyViewSet(ModelViewSet):
-    queryset = Realty.objects.all()
+    queryset = Realty.objects.filter(is_virtual=False)
     serializer_class = RealtySerializer
-    filter_class = RealtyFilterSet
+    # filter_class = RealtyFilterSet
+
+    # TODO: довести до ума
+    def get_queryset(self):
+        # TODO: сделать универсальный фильтр
+        queryset = self.queryset
+        user_param = self.request.query_params.get('user', None)
+        if user_param:
+            queryset = queryset.filter(user=self.request.user)
+        id_param = self.request.query_params.get('id', None)
+        if id_param:
+            queryset = queryset.filter(id=id_param)
+
+        return queryset
+
+    @list_route(methods=['get'])
+    def current_user(self, request, *args, **kwargs):
+        queryset = self.queryset.filter(user=self.request.user)
+        serialiser = self.serializer_class(queryset, many=True)
+        return Response(serialiser.data)
 
 
 class BuildingClassificationViewSet(ModelViewSet):
diff --git a/archilance/settings/base.py b/archilance/settings/base.py
index 712aaeb..6b27c14 100644
--- a/archilance/settings/base.py
+++ b/archilance/settings/base.py
@@ -267,19 +267,46 @@ MEDIA_URL = '/media/'
 STATIC_ROOT = os.path.join(ROOT_DIR, 'static')
 MEDIA_ROOT = os.path.join(ROOT_DIR, 'media')
 
-STATICFILES_DIRS = (
+STATICFILES_FINDERS = [
+    'django.contrib.staticfiles.finders.FileSystemFinder',
+    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
+    'sass_processor.finders.CssFinder',
+]
+
+STATICFILES_DIRS = [
+    os.path.join(ROOT_DIR, 'templates'),
     os.path.join(ROOT_DIR, 'assets'),
-)
+    os.path.join(ROOT_DIR, 'assets/lib/proekton-components'),
+]
 
-# SASS_PROCESSOR_INCLUDE_DIRS = [
-#     os.path.join(ROOT_DIR, 'extra-styles/scss'),
-#     os.path.join(ROOT_DIR, 'node_modules'),
-# ]
+SASS_PROCESSOR_INCLUDE_DIRS = [
+    os.path.join(ROOT_DIR, 'assets/sass'),
+]
+# print("SASS = ", SASS_PROCESSOR_INCLUDE_DIRS)
 # SASS_PROCESSOR_AUTO_INCLUDE = False
-SASS_PROCESSOR_INCLUDE_FILE_PATTERN = r'^.+\.scss$'
+# SASS_PROCESSOR_INCLUDE_FILE_PATTERN = r'^.+\.sass$'
 SASS_PROCESSOR_ENABLED = DEBUG
 # SASS_PRECISION = 8
-SASS_PROCESSOR_ROOT = os.path.join(ROOT_DIR, 'assets')
+# SASS_OUTPUT_STYLE = 'compact'
+# SASS_PROCESSOR_ROOT = os.path.join(ROOT_DIR, 'assets')
+
+# SASS_PROCESSOR_INCLUDE_DIRS = [
+#     os.path.join(ROOT_DIR, 'assets'),
+#     os.path.join(ROOT_DIR, 'assets/sass/modules'),
+#     os.path.join(ROOT_DIR, 'templates'),
+# ]
+
+# SASS_PROCESSOR_AUTO_INCLUDE = False
+# print(SASS_PROCESSOR_INCLUDE_DIRS)
+
+# STATICFILES_FINDERS = (
+#     'django.contrib.staticfiles.finders.FileSystemFinder',
+#     'django.contrib.staticfiles.finders.AppDirectoriesFinder',
+#     'sass_processor.finders.CssFinder',
+#     # 'compressor.finders.CompressorFinder',
+# )
+
+
 
 AUTH_USER_MODEL = 'users.User'
 ACCOUNT_ACTIVATION_DAYS = 7
diff --git a/archilance/views.py b/archilance/views.py
index 0ebff19..2dab7fb 100644
--- a/archilance/views.py
+++ b/archilance/views.py
@@ -13,6 +13,7 @@ from users.models import User
 from work_sell.models import Picture
 
 
+
 class HomeTemplateView(BaseMixin, View):
     template_name = 'home.html'
 
diff --git a/assets/css/extra.css b/assets/css/extra.css
index 8db01b1..f2b4ec5 100644
--- a/assets/css/extra.css
+++ b/assets/css/extra.css
@@ -247,7 +247,7 @@ li a:active .count-tab, li a:hover .count-tab {
 
 .mainContainer {
     background-repeat: repeat;
-    height: 100%;
+    /*height: 100%;*/
 }
 
 .nameExecutor a:link, .nameExecutor:visited, .nameExecutor a {
diff --git a/assets/css/main.css b/assets/css/main.css
index 30d3ad6..c21edf0 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1331,7 +1331,7 @@ footer:after {
 .titleResF1, div p.titleResF1 {
     font-size: 14pt;
     font-family: 'Arial-MT-Regular', sans-serif;
-    /*font-weight: bold;*/
+    font-weight: bold;
     color: #000000;
     float: left;
 }
@@ -1376,35 +1376,35 @@ footer:after {
     margin: 33px 0 28px 0;
 }
 
-/*label {*/
-    /*width: 23px;*/
-    /*height: 23px;*/
-    /*display: block;*/
-    /*position: relative;*/
-    /*float: left;*/
-    /*margin-right: 10px;*/
-/*}*/
-
-/*input[type="checkbox"] + span {*/
-    /*position: absolute;*/
-    /*left: 0;*/
-    /*top: 0;*/
-    /*width: 100%;*/
-    /*height: 100%;*/
-    /*background: url('../img/check.png') no-repeat center;*/
-    /*background-position: 0 0;*/
-    /*background-size: cover;*/
-    /*cursor: pointer;*/
-/*}*/
+label {
+    width: 23px;
+    height: 23px;
+    display: block;
+    position: relative;
+    float: left;
+    margin-right: 10px;
+}
 
-.sro input[type="checkbox"] {
-    opacity: 0;
+input[type="checkbox"] + span {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: url('../img/check.png') no-repeat center;
+    background-position: 0 0;
+    background-size: cover;
+    cursor: pointer;
 }
 
-/*input[type="checkbox"]:checked + span {*/
-    /*background-position: 0 -23px;*/
+/*.sro input[type="checkbox"] {*/
+    /*opacity: 0;*/
 /*}*/
 
+input[type="checkbox"]:checked + span {
+    background-position: 0 -23px;
+}
+
 .sro p {
     font-size: 15px;
     font-family: 'Arial-MT-Regular', sans-serif;
@@ -4514,26 +4514,26 @@ footer:after {
     color: #009DD9;
 }
 
-/*label {*/
-    /*width: 23px;*/
-    /*height: 23px;*/
-    /*display: block;*/
-    /*position: relative;*/
-/*}*/
+label {
+    width: 23px;
+    height: 23px;
+    display: block;
+    position: relative;
+}
 
-/*input[type="checkbox"] + span {*/
-    /*position: absolute;*/
-    /*left: 0;*/
-    /*top: 0;*/
-    /*width: 100%;*/
-    /*height: 100%;*/
-    /*background: url('../img/check.png') no-repeat;*/
-    /*cursor: pointer;*/
-/*}*/
+input[type="checkbox"] + span {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: url('../img/check.png') no-repeat;
+    cursor: pointer;
+}
 
-/*input[type="checkbox"]:checked + span {*/
-    /*background-position: 0 -23px;*/
-/*}*/
+input[type="checkbox"]:checked + span {
+    background-position: 0 -23px;
+}
 
 .text-block {
     width: 100%;
diff --git a/assets/css/reset.css b/assets/css/reset.css
index 35eeb3d..3c5f193 100644
--- a/assets/css/reset.css
+++ b/assets/css/reset.css
@@ -17,17 +17,17 @@ body, code, dl, dd, form, pre {
 	margin: 0;
 }
 
-/*a:link {*/
-	/*color: #009;*/
-/*}*/
+a:link {
+	color: #009;
+}
 
 a:link, a:visited, ins {
 	text-decoration: none;
 }
 
-/*a:visited {*/
-	/*color: #505;*/
-/*}*/
+a:visited {
+	color: #505;
+}
 
 a:link img, a:visited img, object, fieldset, abbr, acronym {
 	border: none;
diff --git a/assets/img/days.png b/assets/img/days.png
new file mode 100644
index 0000000000000000000000000000000000000000..c02cb2452f24e7b4e8cecebb9503412471ceeba5
GIT binary patch
literal 2531
zcmV<92^{u`P)<h;3K|Lk000e1NJLTq004jh001rs1^@s6;3yGQ00004b3#c}2nYxW
zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H131CS?K~#90?VN3JTvZvz|NpbQ=^6rUp-|e|+A_uIP)lCANU}6d
zE?|cVjtWz$GK0zo<joHbBT!VdFgQAZT16ckrG8+>(Ku)swN`7nyRqF3ag$Afln*e1
zv}J7RP+FQa`*P3Yhvwz(-M71U6KInC&Gf_lpXWU1Y4*uE&pqdCh#E7BxS8w(u@e9w
zvb)V_`9dlCM9;w`8A%O6paeJ+?rdIXZ}*oSFgoxV(Y&mxs2z~B+B%z_no6H@1wy?p
z&;S4-J54jWz%ZKMD`ub3>CFJt*}izq*<LmQpm8gS8$3r`2qFcbmH-}TH5w1cBFWbX
zTuvYuRD3!XJ9K+Ey!?#QHvU55YCs;CRA@SF$|pdLa}Gl70QC0(03tUa{mww#9C%)o
z`VWEkAXo-S3&<{r_y9nF5tSY7cKWI%zzpQX$dMfj&Re>fBI^Nw;1UpbQ6$&U{w(^D
z*6Ul3I(>Oc03rJUdEc!)!S?Y?tWiB(U0o^DOl%3#_Y8oJGUge8kA{u)zbw?~DFH~{
z-?p)7z^#2Ol6;#$y_d0S6vi+@$G2^hn>KX}Y$DYb0j?sj7(hUPVGyrF81<3Axw@nA
zjbeUkOTY|f+cxTLz;2xV2LKQel9b}Ta#7_i%A3?Ucc|pU2izopNS)_sYMk?wT>^xt
zt1PFcp8e6mP1G_`Lukn14Mt1Ci?3MEKnE-?oDdX_g*%#KUSo@y{j2HoT@S50KrR=-
zA^;5lPJws_kb{KU6G&(GhCUTKS*iaQqX$-5S~uFYy7R5ShC-oCC4QVg!*N{H01N=R
z86d)n2Co(cc>=`8#-Dv)HvmrwKv55a5*mLNfeGNIO8vxp4z!5Yj}T~w761eU;G{_d
z1WN%n0`kRlz&9L^CVy4GKt0je*f{KV91CKQ_>o=9X0s~*xc&^{X0j6^-S*(dDZ2!)
zz!IRXRNC#}vyDU|5r{>T+ePcW1lry9BXAxBUmt!~?;Y4Tuyi_OwA0-^R42p}#oEgz
zfB<<3K=F-M8`w-_$Q)|O4Euja!B>a^zfYtE;5dLc0h}o0gT$ItmU~`|9#}Q4!H%)~
zlFYpXE-%(zeg+@{PA#pnscHk8X^03<sm!k-a$QaXp+W3~$maS5T+!Cqyt=Kkxv8zQ
zdDT3>Tmi+cAe}pK%e3en-Q7deT42XwgUbYRe<>R`HNbpl4dC|&=Uf83*fV$!B=1n{
zh^6Jr#R}4v4J~g2c)GW@_qQ@S?^)#T+BGj<oOuAiW78Ben33<H%m!S^89+n`kqe!=
z&$n<+Edhz1gG&VbPL4<(_0fNWo41kH*49&_^4=BzFXuFf+}YdPd%=_jJI2|<51-2!
z4ib0Tl}v#CfA(JhIF|r9Q|Rb%Hj|OmS0OUbu8F1Z`DDksLvDQ-hB2x|-7UG(>G?>_
zyKTw>9izK@s16E`=c@8ILjA*OTQUL81nVx!SM%1hS<M^f8$k$ew`)S|3t!u^w^Co%
z7>%!xe8H~i{AHzTRxD264Z+99p9L7z7Pc0$Etvqmv|i-YMC5<fhd6UMijyG#3+$Q_
z{@$}gt@k*TtERFT9N0IoR0|%+5k<CNb6v}S3)z=U0Ogmw1OU~sY66^T2qo;)6nzn|
z{w&C#{h2^;<<d;i*R)DWW%(F^^K8<aDV*G1%)aDXfF>_<UNTVl@Mi!48scVhrN`dE
zip<IN_KOt)j9j(x6NlY&9WsX+jv<}%GbWH%KxcLSOzVaH(SeN++-%pxr?wjHM$w|Z
zWCBnZ*gzl(P9+~C1iC<UdFov0xrWHaj<M@|qk|{nk!0Dfr;vuLY_p$DcqEZX1Tw?w
z@tpr4xjWq6xVw0-vKv8?mjD*jtKLGKnFvtzhf@wko?oqx%xV8!5Lq*+a8!X0l^wfe
zE3w)s`7&pQJj6F+Au)ft$I#RTj%nP}XAWH|kO%D=6@OCdCeS!VmjKgDEP~(?hkU%y
z#ljDPmqqZLmyRUv0I<xhy$D7KOl*b;a0r5Dyo_B8zhCuN)8A5=$0%r+RQT3n>w+J<
z8oO9SP^obKddY)c0-Oe34I9lxE89}Uql2G@i0cFZ_%0wHop>U2Tc@|Nr-NQ|aD#|!
zwriwpUDdhD)oyLkC4j;Wd75J0R^n`jkmEUmVA*sZ;<zP|NCY(GNxLS%p4N`$U2c68
zO#p%9opnn#^Fkrp*$hEvx$j@LIMw>01mhq*;=hx`WZ_4oA-ZhgXQyBSj2(Wgv1>w{
z9Oe5}tyMD-i#qDm6qL7D&?&?;`!1!<E&KrfG;FMYy%IkK6CkZe?{HptprFSvjBKTW
z&UDiHWFNp&c1=XS)YCI?aj`xh1VIKK1u*gYD8L~JT=c_A{p2M;Ec((qLfw;RN&dM~
z=d%IBFh)Vi`Bn{q`Z`h5c8*^To%u*ufY0ZM!iT(^(&i*UEc((qNVeO#T`IuahmHnz
zdWv=ykX6242yoi2iO7~%Bw6ydO*vv_|LWdovf^_9TKWe$Gc>t3Y&8AFOAHDCOw$a;
zBZK!rtiKanVmA;#gz9Uz+_HAgUIcA#zw!jh`<yy~Z^a|Y9j4iLsas#BY5Mm^4_q6M
zB%h^HeFCm4-z$%mlR+>g+Iq0KX=(iNNOJ6t3rL|`!yrJ4{-c|{Z`X*-n;iEnmfyN^
z!-mjXQ#Z)e($>+`y+4v{RKUHCrkjJR?#6f|`J4cz<@5DlnDrf7Ypgw;NF?epQa?YF
z9a$khe<QSRq2eZpKD)6rcALB!MD))qE&S}%z8hEp;f|(n$0LL9fcS3C6nyr!(5(b+
z^;;HB(Ly|uMCLRAqyXguMF6t$!>H06scX<rmNzR-?TddEKvKd+^Y*bDLdVN?DDN;u
zDSUn0Rd<DNhC-o{YC@<bfCs`x^UgqnbtS-u308JLf=mhUF9^PoRccLZXH(vvZE=GD
zX6wf0=e_i`leYwjlF!oOw4V8AE!O${(&yHmTHPqn6R~D|;`*yqP6DjEEu&Kt7d%tQ
zc)H;{_M7*Vi2Ur|`wv`UWw}wrYNS#N0bC>^^#q0iyf4IC3V2OZUV(p6UnQ?=+86wT
zFLNeu2X;Q{DxQG?ne2{?-}fiGMrSc5qC?db6>iwIYuCJm^-FS270>k|aJEug0_Hfi
t1eoL05@3!~OMp2}Edk~@wFH>s{2z=YcF6IZhBp8J002ovPDHLkV1gG(w4(q3

literal 0
HcmV?d00001

diff --git a/assets/img/rub.png b/assets/img/rub.png
new file mode 100644
index 0000000000000000000000000000000000000000..7793189186257f6d32f83b4dd647defa01f459fa
GIT binary patch
literal 1286
zcmV+h1^N1kP)<h;3K|Lk000e1NJLTq002G!002-31^@s6K|jWB00004b3#c}2nYxW
zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H11cOOLK~#90?V3$&6lENTpZ_~U3mAo_7{A4@5Mray?h3o~izS+H
zL5&xq95f~-#)L$@7!E3l9yky^c`)%nJaO=#HHJh!wk<6SaocTb&_Y5WViXJttzcp4
zynhd}Ni{8fXA6Y+cuuo3zu!CaWZ&7D%#Ps5VBc_;QR#8b*N;qqTHqq^E9hB4PFayL
z(6J@9VYH>ta$&xE@#lY_*Bia#>cUdsJ`fZTRRAWWI#ueeR0QeA1YhU6GNbkEMO=e7
z?;8(^$QZ)T1&gP?$Y!&DyVlH&Jf@q1>PoC`uU_<jDD{qPDVNI&Tx!u5zlx|fgML`O
z;PoBaKa`m(9~<!+0*|X_c9;4`-ndpScH#gi4Orb?>Z^P(TO^+1HI%mx_71;4)217B
zIXef8*U?*|uv9`^ZRSFdcLs~Y$Jz^RyQZ(dA>yihx~|Z=quzdbPkG6t_;(r4wiz*b
zgmzRPt9Lvjd@`{A`%1@#r;gUv-GVnTkbNdQ&c8F}7_bZA(Eg!}dS;6%&xM~6vd9>J
z2e7HOCNk%EZbN1$-`)DE*kB_f$HVpoI!k@S&(=OiM!ZITL-w#VUMeUQLzh+Fsx3xN
z93Yp=O<dOVFR3sPvf4IK9LhmN#Q_S1!X@uY^%X^b3)Az(yZ{jv2Uz>`+CM~iH%!N(
zn^aXIEe??HZtFo9am@>I&tS2<BJ$z@BJz2dyz%@@EW}N)U~ibbh^&f*_?kk?X@q0W
zg}^S4g*X5zhuov`Ky1Xti1TGlM3%)yT!Y}8dzeMB5yzN6-NU*#HsVIba}J9Hu@Mi9
zHamw^Cu1XSEKROiB}U>1_d7>L&csICs&+bul~b`0AKX`dRN!9cg6PRuh<m=bF<iq`
zA}?Mn7JXG-57P;}sdD7S8%@(|z(dXjk>ed5*`FgVe&E39Bcl3VxR&<7E&5#Dg~NLf
zH(ML*0&Wk}^E~+yBKpj2aNqFqz-#yxWkr~t3cYJORv&?giErDc=3rmtW$~q7gq30Y
zihf*Mj>J?yQ9QBmj5qPTwIf?ZX{l!nMS9x1Tl;ID{bI4Q)TL<DyA1-Tors~)b=>JJ
z4ys<@`AsUO$>1$RYzEbJrx|a<>cV;ag?f$#w*KcBOTCrz^^X?;1S`smx%I7krmv3F
zIUW`TRcp8YUm7BEj@N^Nijl4PuFPjMZI7$?UxIlv-?i$S*#hyK>LPn>pdI=3vr9va
zzHx;kg4v$$zP50UXp0L~RQIXXo%urBcOs&$)yRn}{DSHLM*0Ke?e6S+(*1e*G<@Ks
zOHh!7ir(!wZhfzNiChMqM7e^<xLSJ_F~2K%3elrgYkw>hvS&k&JJYUQgJIrYR^_Al
zyzX@~h~KZeBdK`ONX3&zDxNg_Qn9k$DXH=VxZM$o@UZi^*9k$Ua)s5-uXy?hU%5q{
zZ-W6gBWw;+m@f(wz=N*&#7^~8JZYrjNh1|c8t&I|<xZg8ZCL#Yk)w0xt{;k>43kfv
wz$A@SJZYrjNh1|c8mV~FNX3&zDxNg{0cpH{mc`wtV*mgE07*qoM6N<$f&vR?W&i*H

literal 0
HcmV?d00001

diff --git a/assets/js/build/create_project.js b/assets/js/build/create_project.js
new file mode 100644
index 0000000..80d2448
--- /dev/null
+++ b/assets/js/build/create_project.js
@@ -0,0 +1,249 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId])
+/******/ 			return installedModules[moduleId].exports;
+
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			exports: {},
+/******/ 			id: moduleId,
+/******/ 			loaded: false
+/******/ 		};
+
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ 		// Flag the module as loaded
+/******/ 		module.loaded = true;
+
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+
+
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	var _file_upload = __webpack_require__(1);
+
+	var _file_upload2 = _interopRequireDefault(_file_upload);
+
+	var _extended_field = __webpack_require__(2);
+
+	var _custom_check = __webpack_require__(3);
+
+	var _read_more = __webpack_require__(4);
+
+	var _test_seeds = __webpack_require__(5);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function showHideRealry() {
+	    var check = $('#checkbox-sb-realty');
+	    check.on("click", function (e) {
+	        var $realty = $('#sb-realty');
+	        if ($(e.target).prop("checked")) {
+	            $realty.show();
+	        } else {
+	            $realty.hide();
+	        }
+	    });
+	}
+
+	$(function () {
+	    (0, _file_upload2.default)();
+	    (0, _extended_field.extendedFieldInit)();
+	    (0, _custom_check.customCheckInit)();
+	    showHideRealry();
+	    (0, _read_more.readMoreInit)();
+	});
+
+/***/ },
+/* 1 */
+/***/ function(module, exports) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	exports.default = fileUploadInit;
+	function humanFileSize(bytes, si) {
+	    var thresh = si ? 1000 : 1024;
+
+	    if (Math.abs(bytes) < thresh) return bytes + ' B';
+
+	    var units = si ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
+
+	    var u = -1;
+
+	    do {
+	        bytes /= thresh;
+	        ++u;
+	    } while (Math.abs(bytes) >= thresh && u < units.length - 1);
+
+	    return bytes.toFixed(1) + ' ' + units[u];
+	}
+
+	function fileUploadInit() {
+	    var $fileUploadContainer = $('#fileUploadContainer');
+
+	    $('#fileUploadAddBtn').on('click', function ($evt) {
+	        $fileUploadContainer.find('.file-upload-widget').last().find('.file-upload-input').click();
+	    });
+
+	    $fileUploadContainer.on('change', '.file-upload-input', function ($evt) {
+	        var $fileInput = $(this);
+	        var $fileUploadWidget = $fileInput.closest('.file-upload-widget');
+	        var filePath = $fileInput.val().replace(/\\/g, '/');
+	        var fileName = path.basename(filePath);
+	        //var fileExt = path.extname(filePath)
+	        var fileSize = $fileInput.get(0).files && humanFileSize($fileInput.get(0).files[0].size);
+
+	        if (fileName) {
+	            $fileUploadWidget.find('.file-upload-label').text(fileName + ' ' + fileSize);
+
+	            var $newFileUploadWidget = $fileUploadWidget.clone();
+	            $newFileUploadWidget.find('.file-upload-label').text('');
+
+	            $fileUploadContainer.find('ul').first().append($newFileUploadWidget);
+
+	            $fileUploadWidget.css('display', 'block');
+	        }
+	    });
+
+	    $fileUploadContainer.on('click', '.file-upload-remove-btn', function ($evt) {
+	        var $btn = $(this);
+	        $btn.closest('.file-upload-widget').remove();
+	    });
+
+	    $fileUploadContainer.on('click', '.existing-file-remove-btn', function ($evt) {
+	        var $btn = $(this);
+	        $btn.closest('.existing-file-widget').remove();
+	    });
+	}
+
+/***/ },
+/* 2 */
+/***/ function(module, exports) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	function extendedFieldInit() {
+
+	    var $buttonF1 = $('.resButton');
+	    if ($('.slide').hasClass("active")) $buttonF1.css('transform', 'rotate(0deg)');
+
+	    $buttonF1.on("click", function (e) {
+	        e.preventDefault();
+	        var $slide = $('.slide');
+	        if ($slide.hasClass("active")) {
+	            $buttonF1.css('transform', 'rotate(180deg)');
+	            $slide.slideUp(300);
+	        } else {
+	            $buttonF1.css('transform', 'rotate(0deg)');
+	            $slide.slideDown(300);
+	        }
+	        $slide.toggleClass("active");
+	    });
+	}
+
+	exports.extendedFieldInit = extendedFieldInit;
+
+/***/ },
+/* 3 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	function customCheckInit() {
+	    function tuneCheckBoxes($boxes) {
+	        var currentState = $boxes.find("input").prop("checked") ? 'checked' : 'not-checked';
+	        $boxes.find("div").hide();
+	        $boxes.find("div." + currentState).show();
+	    }
+
+	    var $boxes = $('.custom-check');
+	    tuneCheckBoxes($boxes);
+	    $boxes.on("click", function (e) {
+	        var inside_checkBox = $(e.target).parent().find("input");
+	        inside_checkBox.prop("checked", !inside_checkBox.prop("checked"));
+	        tuneCheckBoxes($boxes);
+	        e.preventDefault();
+	        return false;
+	    });
+	}
+
+	exports.customCheckInit = customCheckInit;
+
+/***/ },
+/* 4 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	function readMoreInit() {
+
+	    $('.description .more').on("click", function (e) {
+	        var $target = $(e.target);
+	        $target.siblings(".complete").toggle();
+	        $target.toggleClass("less");
+	    });
+
+	    // $(".more").toggle(function () {
+	    //     $(this).text("less..").siblings(".complete").show();
+	    // }, function () {
+	    //     $(this).text("more..").siblings(".complete").hide();
+	    // });
+	}
+
+	exports.readMoreInit = readMoreInit;
+
+/***/ },
+/* 5 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	function print(text) {
+	    console.log(text);
+	}
+
+	exports.print = print;
+
+/***/ }
+/******/ ]);
\ No newline at end of file
diff --git a/assets/js/build/init_customer_project_create.js b/assets/js/build/init_customer_project_create.js
new file mode 100644
index 0000000..3f8a4fd
--- /dev/null
+++ b/assets/js/build/init_customer_project_create.js
@@ -0,0 +1,1912 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId])
+/******/ 			return installedModules[moduleId].exports;
+
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			exports: {},
+/******/ 			id: moduleId,
+/******/ 			loaded: false
+/******/ 		};
+
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ 		// Flag the module as loaded
+/******/ 		module.loaded = true;
+
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+
+
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	var _SelectedContainer = __webpack_require__(6);
+
+	var _SelectedContainer2 = _interopRequireDefault(_SelectedContainer);
+
+	var _SelectedContainerCreate = __webpack_require__(10);
+
+	var _SelectedContainerCreate2 = _interopRequireDefault(_SelectedContainerCreate);
+
+	var _NoTreeSelect = __webpack_require__(11);
+
+	var _NoTreeSelect2 = _interopRequireDefault(_NoTreeSelect);
+
+	var _TreeSelect = __webpack_require__(13);
+
+	var _TreeSelect2 = _interopRequireDefault(_TreeSelect);
+
+	var _SingleTreeSelect = __webpack_require__(14);
+
+	var _SingleTreeSelect2 = _interopRequireDefault(_SingleTreeSelect);
+
+	var _SelectOrCreate = __webpack_require__(15);
+
+	var _SelectOrCreate2 = _interopRequireDefault(_SelectOrCreate);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	$(function () {
+	    function createSpecs(url) {
+	        // SPECIALIZATIONS  
+	        var sb_main = new _TreeSelect2.default($('#select-box-1'), { url: url, visible: true, required: true });
+	        sb_main.setHeader("Специальность");
+	        var select_container = new _SelectedContainer2.default($('#selected-spec'), {
+	            obj: sb_main,
+	            onlyOne: true
+	        });
+	        sb_main.connectSelectedContainer(select_container);
+	        var sb_1 = new _TreeSelect2.default($('#select-box-2'), { obj: sb_main });
+	        var sb_2 = new _TreeSelect2.default($('#select-box-3'), { obj: sb_main });
+	        var sb_3 = new _TreeSelect2.default($('#select-box-4'), { obj: sb_main });
+	        var sb_4 = new _TreeSelect2.default($('#select-box-5'), { obj: sb_main });
+
+	        select_container.on("add", function () {
+	            var $container = $('#spec-value');
+	            $container.html($('#selected-spec').find(".selected-element").find(".name").html());
+	        });
+
+	        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 createBuildingClass(url) {
+	        // BUILDING-CLASSIFICATION  
+	        sb_build_main = new _TreeSelect2.default($('#sb-building-classification'), { url: url, visible: true });
+	        sb_build_main.setHeader("Классификация здания");
+
+	        var sb_build_1 = new _TreeSelect2.default($('#sb-building-sub-classification'), { obj: sb_build_main });
+
+	        var select_build_container = new _SelectedContainer2.default($('#selected-building-classification'), {
+	            obj: sb_build_main,
+	            onlyOne: true
+	        });
+	        sb_build_main.connectSelectedContainer(select_build_container);
+
+	        sb_build_main.setNearbySelectBox(sb_build_1);
+	        sb_build_1.setNearbySelectBox("", sb_build_main);
+	    }
+
+	    function createConstructionType(url) {
+	        sb_constr_main = new _NoTreeSelect2.default($('#sb-construction-type'), { url: url, visible: true });
+	        sb_constr_main.setHeader("Вид строительства");
+	        var select_constr_type = new _SelectedContainer2.default($('#selected-construction-type'), {
+	            obj: sb_constr_main,
+	            noTree: true,
+	            onlyOne: true
+	        });
+	        sb_constr_main.connectSelectedContainer(select_constr_type);
+	    }
+
+	    function createLocations(url) {
+	        sb_loc_main = new _TreeSelect2.default($('#sb-location-1'), { url: url, visible: true });
+	        sb_loc_main.setHeader("Местоположение");
+	        var select_loc = new _SelectedContainer2.default($('#selected-location'), {
+	            obj: sb_loc_main,
+	            onlyOne: true
+	        });
+	        sb_loc_main.connectSelectedContainer(select_loc);
+	        var sb_loc_1 = new _TreeSelect2.default($('#sb-location-2'), { obj: sb_loc_main });
+	        var sb_loc_2 = new _TreeSelect2.default($('#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);
+	    }
+
+	    function createRealty(url) {
+	        var sb_realty = new _SelectOrCreate2.default($('#sb-realty'), { url: url, visible: true });
+	        sb_realty.setHeader(" ");
+	        var select_realty = new _SelectedContainerCreate2.default($('#selected-realty'), {
+	            obj: sb_realty,
+	            noTree: true,
+	            onlyOne: true,
+	            noHeader: true
+	        });
+	        sb_realty.connectSelectedContainer(select_realty);
+	        sb_realty.setLinkBoxes([sb_loc_main, sb_constr_main, sb_build_main]);
+	        select_realty.on("add", function () {
+	            $('#checkbox-sb-realty').attr("disabled", true);
+	        });
+	        select_realty.on("remove", function () {
+	            $('#checkbox-sb-realty').attr("disabled", false);
+	        });
+	        sb_realty.dataPromise.then(function () {
+	            var $realty = $('#sb-realty');
+	            var check = $('#checkbox-sb-realty');
+	            if (!check.prop("checked")) {
+	                $realty.hide();
+	                console.log("hide");
+	            }
+	        });
+	    }
+
+	    var sb_loc_main = void 0,
+	        sb_constr_main = void 0,
+	        sb_build_main = void 0;
+
+	    createSpecs('/api/specializations_flat');
+
+	    createBuildingClass('/api/building_classifications');
+	    createConstructionType('/api/construction_type');
+	    createLocations('/api/locations_flat');
+
+	    createRealty('/api/realties/current_user');
+	});
+
+/***/ },
+/* 1 */,
+/* 2 */,
+/* 3 */,
+/* 4 */,
+/* 5 */,
+/* 6 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	exports.default = undefined;
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _desc, _value, _class; // `
+
+
+	var _DataTree = __webpack_require__(7);
+
+	var _DataTree2 = _interopRequireDefault(_DataTree);
+
+	var _NoTreeData = __webpack_require__(8);
+
+	var _NoTreeData2 = _interopRequireDefault(_NoTreeData);
+
+	var _decorators = __webpack_require__(9);
+
+	var _decorators2 = _interopRequireDefault(_decorators);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
+	    var desc = {};
+	    Object['ke' + 'ys'](descriptor).forEach(function (key) {
+	        desc[key] = descriptor[key];
+	    });
+	    desc.enumerable = !!desc.enumerable;
+	    desc.configurable = !!desc.configurable;
+
+	    if ('value' in desc || desc.initializer) {
+	        desc.writable = true;
+	    }
+
+	    desc = decorators.slice().reverse().reduce(function (desc, decorator) {
+	        return decorator(target, property, desc) || desc;
+	    }, desc);
+
+	    if (context && desc.initializer !== void 0) {
+	        desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
+	        desc.initializer = undefined;
+	    }
+
+	    if (desc.initializer === void 0) {
+	        Object['define' + 'Property'](target, property, desc);
+	        desc = null;
+	    }
+
+	    return desc;
+	}
+
+	var tmpl_selectedElement = function tmpl_selectedElement(header, name, id) {
+	    return '\n            <div class="selected-element" style="' + (header ? '' : 'display:flex; align-items: center;') + '">\n                <div class="' + (header ? 'header' : '') + '">\n                    ' + header + '\n                </div>\n                <div class="name">\n                    ' + name + '\n                </div>\n                <span data-id="' + id + '" class="icon-remove"></span>\n            </div>\n';
+	};
+
+	var SelectedContainer = (_class = function () {
+	    function SelectedContainer($container, _ref) {
+	        var _this = this;
+
+	        var obj = _ref.obj,
+	            _ref$noTree = _ref.noTree,
+	            noTree = _ref$noTree === undefined ? false : _ref$noTree,
+	            _ref$noHeader = _ref.noHeader,
+	            noHeader = _ref$noHeader === undefined ? false : _ref$noHeader,
+	            _ref$onlyOne = _ref.onlyOne,
+	            onlyOne = _ref$onlyOne === undefined ? false : _ref$onlyOne;
+
+	        _classCallCheck(this, SelectedContainer);
+
+	        // TODO: rename variables to camelCase
+	        this.$self = $container;
+	        this.elements_id = []; // [spec_id, spec_id, ...]
+	        this.onlyOne = onlyOne;
+	        this.options = { noHeader: noHeader };
+	        var self = this;
+	        this.$self.hide();
+
+	        obj.dataPromise.then(function (data) {
+	            data = data.results ? data.results : data;
+	            _this.dataTree = noTree ? new _NoTreeData2.default(data) : new _DataTree2.default(data);
+	            _this.$input = _this.$self.find('input[type="hidden"]');
+	            if (_this.$input.length == 0) throw new URIError('input for ' + _this.$self.attr("class") + ' not found');
+
+	            _this.restoreElements();
+	        }).catch(self._onLoadDataError.bind(self));
+	    }
+
+	    _createClass(SelectedContainer, [{
+	        key: 'restoreElements',
+	        value: function restoreElements() {
+	            var self = this;
+	            if (this.$input && this.$input.val()) {
+
+	                var clearString = this.$input.val().replace(/[\[\]\'\'\"\"]/g, '');
+	                var data = clearString.split(',').filter(function (el) {
+	                    return el;
+	                });
+	                this.elements_id = [];
+	                if (this.$input) this.$input.val(this.elements_id.join(','));
+	                data.forEach(function (el) {
+	                    return self.add(el);
+	                });
+	            }
+	        }
+	    }, {
+	        key: 'on',
+	        value: function on(methodName, func) {
+	            this[methodName] = this[methodName].bind(this, { func: func, bindFunc: true });
+	        }
+	    }, {
+	        key: '_removeById',
+	        value: function _removeById(id) {
+	            var index = this.elements_id.indexOf(id);
+	            if (index >= 0) {
+	                this.elements_id.splice(index, 1);
+	            }
+	            this.$self.find('span[data-id=\'' + id + '\']').parents('.selected-element').remove();
+	        }
+	    }, {
+	        key: '_onLoadDataError',
+	        value: function _onLoadDataError(error) {
+	            console.log("Error loading data -->", error);
+	        }
+	    }, {
+	        key: 'removeAll',
+	        value: function removeAll() {
+	            var _iteratorNormalCompletion = true;
+	            var _didIteratorError = false;
+	            var _iteratorError = undefined;
+
+	            try {
+	                for (var _iterator = this.elements_id[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	                    var id = _step.value;
+
+	                    this._removeById(id);
+	                }
+	            } catch (err) {
+	                _didIteratorError = true;
+	                _iteratorError = err;
+	            } finally {
+	                try {
+	                    if (!_iteratorNormalCompletion && _iterator.return) {
+	                        _iterator.return();
+	                    }
+	                } finally {
+	                    if (_didIteratorError) {
+	                        throw _iteratorError;
+	                    }
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'remove',
+	        value: function remove(e) {
+	            var spec_id = $(e.target).data("id");
+	            this._removeById(spec_id);
+	            if (this.$input) this.$input.val(this.elements_id.join(','));
+	            if (!this.elements_id.length) this.$self.hide();
+	            e.preventDefault();
+	        }
+	    }, {
+	        key: 'replace',
+	        value: function replace(_id, max_len) {
+	            var id = Number(_id);
+	            if (this.elements_id.length > 1) throw new RangeError("Replace error: more than one element");
+	            // Remove old
+	            this._removeById(this.elements_id[0]);
+	            //Add new
+	            this._addElementToHtml(id, max_len);
+	            this.elements_id = [id];
+	        }
+	    }, {
+	        key: '_addElementToHtml',
+	        value: function _addElementToHtml(id, max_len) {
+	            var self = this;
+	            var header = SelectedContainer.getHeader(this.dataTree.getSpecChain(id), "", max_len);
+	            var name = this.dataTree.getElementById(id).name;
+	            this.elements_id.push(id);
+	            if (this.$input) this.$input.val(this.elements_id.join(','));
+	            // console.log("header = ", header);
+	            this.$self.append(SelectedContainer.getTemplate(header || (this.options.noHeader ? "" : "&nbsp;"), name, id));
+	            this.btn_remove = this.$self.find('.icon-remove');
+	            this.btn_remove.on("click", this.remove.bind(self));
+	            if (this.elements_id.length) this.$self.show();
+	        }
+	    }, {
+	        key: 'add',
+	        value: function add(_id, max_len) {
+	            var id = Number(_id);
+	            var el = this.dataTree.getElementById(id);
+	            if (!el) {
+	                throw new Error('\u042D\u043B\u0435\u043C\u0435\u043D\u0442 \u0441 id = ' + _id + ' \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D \u0438 \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u0431\u044B\u0442\u044C \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D');
+	            }
+	            var self = this;
+	            if (this.onlyOne) {
+	                this.replace(_id, max_len);
+	                return;
+	            }
+
+	            var has_already = this.elements_id.filter(function (el) {
+	                return self.dataTree.isChild(el, id);
+	            });
+
+	            if (has_already.length || this.elements_id.indexOf(Number(id)) != -1) {
+	                //TODO: do popup messages
+	                return;
+	            }
+
+	            var not_valid = this.elements_id.filter(function (el) {
+	                return self.dataTree.isChild(id, el);
+	            });
+
+	            not_valid.forEach(function (el) {
+	                self._removeById(el);
+	            });
+	            this._addElementToHtml(id, max_len);
+	        }
+	    }], [{
+	        key: 'getTemplate',
+	        value: function getTemplate(header, name, id) {
+	            return tmpl_selectedElement(header, name, id);
+	        }
+	    }, {
+	        key: 'getHeader',
+	        value: function getHeader(spec_chain, separator, max_len) {
+	            function toShortString(string, max_len) {
+	                return string.slice(0, max_len) + (string.length > max_len ? "..." : "");
+	            }
+
+	            separator = separator || ' / ';
+	            var str_chain = "";
+
+	            spec_chain.forEach(function (el) {
+	                str_chain = (max_len ? toShortString(el.name, max_len) : el.name) + (str_chain ? separator : "") + str_chain;
+	            });
+
+	            return str_chain;
+	        }
+	    }]);
+
+	    return SelectedContainer;
+	}(), (_applyDecoratedDescriptor(_class.prototype, 'remove', [_decorators2.default], Object.getOwnPropertyDescriptor(_class.prototype, 'remove'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, 'add', [_decorators2.default], Object.getOwnPropertyDescriptor(_class.prototype, 'add'), _class.prototype)), _class);
+	exports.default = SelectedContainer;
+
+/***/ },
+/* 7 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	var Node = function Node(data, tree) {
+	    _classCallCheck(this, Node);
+
+	    this.name = data.name;
+	    this.id = data.id;
+	    if (data.parent === null) {
+	        this.parent = "root";
+	        data.parent = { id: "root" };
+	        this.name = "";
+	    }
+	    if (data.parent.id && data.parent.id !== 'root') {
+	        var el = tree._getElementById(data.parent.id);
+	        this.parent = el.node || new Node(el, tree);
+	    }
+	    data.node = this;
+	    this.children = data.children.map(function (el_obj) {
+	        var el = tree._getElementById(el_obj.id);
+	        if (el.node) return el.node;
+	        el.node = new Node(el, tree);
+	        return el.node;
+	    });
+
+	    this.children = this.children || [];
+	};
+
+	var DataTree = function () {
+	    function DataTree(data) {
+	        _classCallCheck(this, DataTree);
+
+	        this.baseData = data;
+	        this._root = new Node(data[0], this);
+	    }
+
+	    /**
+	     * получить element в базовой структуре
+	     */
+
+
+	    _createClass(DataTree, [{
+	        key: "_getElementById",
+	        value: function _getElementById(id) {
+	            for (var i = 0; i < this.baseData.length; i++) {
+	                if (this.baseData[i].id == id) return this.baseData[i];
+	            }
+	        }
+
+	        /**
+	         * получить element в дереве
+	         */
+
+	    }, {
+	        key: "getElementById",
+	        value: function getElementById(id) {
+	            function searchInChildren(children) {
+	                for (var i = 0; i < children.length; i++) {
+	                    if (children[i].id == id) return children[i];
+	                    var res = searchInChildren(children[i].children);
+	                    if (res) return res;
+	                }
+	            }
+
+	            return searchInChildren(this._root.children);
+	        }
+
+	        /**
+	         * Является ли узел c el_id дочерним для parent_id
+	         * @param el_id
+	         * @param parent_id
+	         */
+
+	    }, {
+	        key: "isChild",
+	        value: function isChild(elId, parent_id) {
+	            function checkParent(el, parent) {
+	                if (el.parent == parent) return true;
+	                if (el.parent && el.parent != 'root') return checkParent(el.parent, parent);
+	                return false;
+	            }
+	            return checkParent(this.getElementById(elId), this.getElementById(parent_id));
+	        }
+	    }, {
+	        key: "hasChildren",
+	        value: function hasChildren(elId) {
+	            return this.getElementById(elId).children.length ? true : false;
+	        }
+
+	        /**
+	         * @param start_parent_id(number) - начиная с
+	         * @param attached(bool) - включая вложенные/дочерние
+	         * @param exclude_id - исключая узел c exclude_id и всеми его вложенными узлами
+	         * @returns [{name, id}, ...]
+	         */
+
+	    }, {
+	        key: "dataToList",
+	        value: function dataToList(start_parent_id, attached, exclude_id) {
+	            var data_list = [];
+
+	            function goInChildren(children) {
+	                for (var i = 0; i < children.length; i++) {
+	                    if (children[i].id == exclude_id) continue;
+	                    data_list.push({ name: children[i].name, id: children[i].id });
+	                    if (attached) goInChildren(children[i].children);
+	                }
+	            }
+	            var start = start_parent_id ? this.getElementById(start_parent_id) : this._root;
+	            goInChildren(start.children);
+	            return data_list;
+	        }
+
+	        /**
+	         *
+	         * @param id
+	         * @param incl(bool) - исключая сам элемент
+	         * @returns {Array} всех узлов/элементов от элемента с id до корня
+	         */
+
+	    }, {
+	        key: "getSpecChain",
+	        value: function getSpecChain(id) {
+	            var incl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+	            var chain = [];
+	            var el = this.getElementById(id);
+	            function getParent(el) {
+	                if (el.parent && el.parent != "root") {
+	                    chain.push(el.parent);
+	                    getParent(el.parent);
+	                }
+	            }
+	            getParent(el);
+	            if (incl) chain.unshift(el);
+	            return chain;
+	        }
+	    }]);
+
+	    return DataTree;
+	}();
+
+	exports.default = DataTree;
+
+/***/ },
+/* 8 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	var NoTreeData = function () {
+	    function NoTreeData(data) {
+	        _classCallCheck(this, NoTreeData);
+
+	        this.data = data;
+	        this.specChain = [];
+	    }
+
+	    _createClass(NoTreeData, [{
+	        key: "getElementById",
+	        value: function getElementById(id) {
+	            for (var i = 0; i < this.data.length; i++) {
+	                if (this.data[i].id == id) return this.data[i];
+	            }
+	        }
+	    }, {
+	        key: "getSpecChain",
+	        value: function getSpecChain(id, incl) {
+	            return this.specChain;
+	        }
+	    }, {
+	        key: "isChild",
+	        value: function isChild(el_id, parent_id) {
+	            return false;
+	        }
+	    }, {
+	        key: "hasChildren",
+	        value: function hasChildren() {
+	            return false;
+	        }
+	    }, {
+	        key: "dataToList",
+	        value: function dataToList() {
+	            return this.data;
+	        }
+	    }]);
+
+	    return NoTreeData;
+	}();
+
+	exports.default = NoTreeData;
+
+/***/ },
+/* 9 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	exports.default = onBind;
+	function onBind(target, name, descriptor) {
+	    var method = descriptor.value;
+
+	    descriptor.value = function () {
+	        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	            args[_key] = arguments[_key];
+	        }
+
+	        var binds = [];
+	        args = Array.from(args);
+	        console.log("args -->", args.slice());
+	        var _iteratorNormalCompletion = true;
+	        var _didIteratorError = false;
+	        var _iteratorError = undefined;
+
+	        try {
+	            for (var _iterator = args.slice()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	                var arg = _step.value;
+
+	                // console.log("onBind -->", typeof arg, "arg = ", arg);
+	                // console.log("arg.func -->", typeof arg.originalEvent);
+	                // typeof arg === 'object' && !(arg.originalEvent)
+	                if (arg && arg.bindFunc) {
+	                    binds.push(arg);
+	                    args.splice(args.indexOf(arg), 1);
+	                } else {
+	                    console.log("arg = ", arg);
+	                }
+	            }
+	        } catch (err) {
+	            _didIteratorError = true;
+	            _iteratorError = err;
+	        } finally {
+	            try {
+	                if (!_iteratorNormalCompletion && _iterator.return) {
+	                    _iterator.return();
+	                }
+	            } finally {
+	                if (_didIteratorError) {
+	                    throw _iteratorError;
+	                }
+	            }
+	        }
+
+	        method.apply(this, args);
+	        var _iteratorNormalCompletion2 = true;
+	        var _didIteratorError2 = false;
+	        var _iteratorError2 = undefined;
+
+	        try {
+	            for (var _iterator2 = binds[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+	                var bind = _step2.value;
+
+	                bind.func.bind(this)();
+	            }
+	        } catch (err) {
+	            _didIteratorError2 = true;
+	            _iteratorError2 = err;
+	        } finally {
+	            try {
+	                if (!_iteratorNormalCompletion2 && _iterator2.return) {
+	                    _iterator2.return();
+	                }
+	            } finally {
+	                if (_didIteratorError2) {
+	                    throw _iteratorError2;
+	                }
+	            }
+	        }
+
+	        return this;
+	    };
+	}
+
+	// export {onBind};
+
+/***/ },
+/* 10 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	exports.default = undefined;
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+	var _desc, _value, _class;
+
+	var _SelectedContainer2 = __webpack_require__(6);
+
+	var _SelectedContainer3 = _interopRequireDefault(_SelectedContainer2);
+
+	var _decorators = __webpack_require__(9);
+
+	var _decorators2 = _interopRequireDefault(_decorators);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
+	    var desc = {};
+	    Object['ke' + 'ys'](descriptor).forEach(function (key) {
+	        desc[key] = descriptor[key];
+	    });
+	    desc.enumerable = !!desc.enumerable;
+	    desc.configurable = !!desc.configurable;
+
+	    if ('value' in desc || desc.initializer) {
+	        desc.writable = true;
+	    }
+
+	    desc = decorators.slice().reverse().reduce(function (desc, decorator) {
+	        return decorator(target, property, desc) || desc;
+	    }, desc);
+
+	    if (context && desc.initializer !== void 0) {
+	        desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
+	        desc.initializer = undefined;
+	    }
+
+	    if (desc.initializer === void 0) {
+	        Object['define' + 'Property'](target, property, desc);
+	        desc = null;
+	    }
+
+	    return desc;
+	}
+
+	/**
+	 * Контэйнер - позволяющий принимать/отправлять новый объект для создания
+	 */
+	//TODO: попробовать реализовать как Mixin
+	var SelectedContainerCreate = (_class = function (_SelectedContainer) {
+	    _inherits(SelectedContainerCreate, _SelectedContainer);
+
+	    function SelectedContainerCreate() {
+	        _classCallCheck(this, SelectedContainerCreate);
+
+	        return _possibleConstructorReturn(this, (SelectedContainerCreate.__proto__ || Object.getPrototypeOf(SelectedContainerCreate)).apply(this, arguments));
+	    }
+
+	    _createClass(SelectedContainerCreate, [{
+	        key: 'add',
+	        value: function add(_id, max_len) {
+	            console.log("_id = ", _id);
+	            var self = this;
+	            if (_id.text) {
+	                this._removeById(this.elements_id[0]);
+	                this.elements_id = [0];
+	                this.$input_id = this.$self.find('input[type="hidden"].-id');
+	                this.$input_id.val();
+	                this.$input_name = this.$self.find('input[type="hidden"].-name');
+	                this.$input_name.val(_id.text);
+	                this.$self.append(_SelectedContainer3.default.getTemplate("", _id.text, 0));
+	                this.btn_remove = this.$self.find('.icon-remove');
+	                this.btn_remove.on("click", this.remove.bind(self));
+	                if (this.elements_id.length) this.$self.show();
+	                return;
+	            }
+	            _get(SelectedContainerCreate.prototype.__proto__ || Object.getPrototypeOf(SelectedContainerCreate.prototype), 'add', this).call(this, _id, max_len);
+	        }
+	    }]);
+
+	    return SelectedContainerCreate;
+	}(_SelectedContainer3.default), (_applyDecoratedDescriptor(_class.prototype, 'add', [_decorators2.default], Object.getOwnPropertyDescriptor(_class.prototype, 'add'), _class.prototype)), _class);
+	exports.default = SelectedContainerCreate;
+
+/***/ },
+/* 11 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	exports.default = undefined;
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+	var _AbsBaseSelect2 = __webpack_require__(12);
+
+	var _NoTreeData = __webpack_require__(8);
+
+	var _NoTreeData2 = _interopRequireDefault(_NoTreeData);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	var NoTreeSelect = function (_AbsBaseSelect) {
+	    _inherits(NoTreeSelect, _AbsBaseSelect);
+
+	    function NoTreeSelect($container, _ref) {
+	        var url = _ref.url,
+	            obj = _ref.obj,
+	            _ref$visible = _ref.visible,
+	            visible = _ref$visible === undefined ? true : _ref$visible,
+	            _ref$required = _ref.required,
+	            required = _ref$required === undefined ? false : _ref$required;
+
+	        _classCallCheck(this, NoTreeSelect);
+
+	        //TODO: сделать автоматическую передачу всех параметров родителю
+	        return _possibleConstructorReturn(this, (NoTreeSelect.__proto__ || Object.getPrototypeOf(NoTreeSelect)).call(this, $container, { url: url, obj: obj, visible: visible, required: required }));
+	    }
+
+	    _createClass(NoTreeSelect, [{
+	        key: '_buildComponents',
+	        value: function _buildComponents(data) {
+	            _get(NoTreeSelect.prototype.__proto__ || Object.getPrototypeOf(NoTreeSelect.prototype), '_buildComponents', this).call(this, data);
+	            this.dataTree = this.dataTree || new _NoTreeData2.default(data.results);
+	            this.$buttonAddOptions.hide();
+	            this._fillOptionsData();
+	            this._bindEvents();
+	        }
+	    }, {
+	        key: '_onclickOptionsElement',
+	        value: function _onclickOptionsElement(e) {
+	            this.selectedEl.id = $(e.target).data("id");
+	            this.selectedEl.value = $(e.target).html();
+	            this.$searchInput.val($(e.target).html());
+
+	            this.$buttonAddOptions.show();
+	            this.$optionsBox.hide();
+
+	            this.selectedContainer.add(this.selectedEl.id);
+	            this.clear();
+	            e.preventDefault();
+	            return false;
+	        }
+	    }, {
+	        key: '_onButtonAddOptions',
+	        value: function _onButtonAddOptions(e) {
+	            //    pass
+	        }
+	    }]);
+
+	    return NoTreeSelect;
+	}(_AbsBaseSelect2.AbsBaseSelect);
+
+	exports.default = NoTreeSelect;
+
+/***/ },
+/* 12 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	//TEMPLATES `
+	var tmpl_selectBoxEditCont = function tmpl_selectBoxEditCont() {
+	    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+	        _ref$preloaderTemplat = _ref.preloaderTemplate,
+	        preloaderTemplate = _ref$preloaderTemplat === undefined ? "" : _ref$preloaderTemplat;
+
+	    return "\n            <div class=\"row\">\n            <div class=\"col-lg-3\">\n                \n                <div style=\"width: 100%; position: relative\">\n                    " + preloaderTemplate + "\n                    <input class=\"select-box-search\" type=\"text\" placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435/\u041F\u043E\u0438\u0441\u043A\">\n                    <button style=\"display: none\" class=\"button-add options\">\u041F\u0420\u0418\u041C\u0415\u041D\u0418\u0422\u042C</button>\n                </div>\n                </div>\n            <div class=\"col-lg-9\">\n                <span style=\"display: none\" class=\"editable-container\"></span>\n            </div>\n            </div>\n";
+	};
+
+	var tmpl_selectBox = function tmpl_selectBox() {
+	    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+	        _ref2$preloaderTempla = _ref2.preloaderTemplate,
+	        preloaderTemplate = _ref2$preloaderTempla === undefined ? "" : _ref2$preloaderTempla;
+
+	    return "        \n            " + preloaderTemplate + "\n            <input class=\"select-box-search\" type=\"text\" placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435/\u041F\u043E\u0438\u0441\u043A\">\n            <button style=\"display: none\" class=\"button-add options\">\u041F\u0420\u0418\u041C\u0415\u041D\u0418\u0422\u042C</button>\n";
+	};
+
+	var tmpl_elementResult = function tmpl_elementResult(el, id, header) {
+	    return "<li><label>\n        <input type=\"checkbox\" data-id=\"" + id + "\">" + el + "\n        <div class=\"header\">" + header + "</div>\n    </label></li>";
+	};
+
+	var tmpl_elementOption = function tmpl_elementOption(el) {
+	    return "<li data-id=\"" + el.id + "\">" + el.name + "</li>";
+	};
+
+	var tmpl_plug = function tmpl_plug(_ref3) {
+	    var header = _ref3.header,
+	        selectBox = _ref3.selectBox;
+	    return htmlTemplate({ header: header, selectBox: selectBox });
+	};
+
+	var tmpl_selectBoxOptions = function tmpl_selectBoxOptions() {
+	    return "\n    <div class=\"select-box-options\">\n        <div class=\"box-wrapper\">\n            <ul>\n            \n            </ul>\n        </div>\n    </div>\n";
+	};
+
+	var tmpl_selectBoxResults = function tmpl_selectBoxResults() {
+	    return "\n    <div class=\"select-box-results\">\n        <div class=\"box-wrapper\">\n            <div class=\"main-part\">\n                <ul>\n                </ul>\n            </div>\n            <div class=\"other-part\">\n                <span class=\"other-header\">\u0418\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0439</span>\n                <ul>\n                </ul>\n            </div>\n        </div>\n        <div style=\"padding-top: 5px\">\n        <button class=\"button-add results\">\u041F\u0420\u0418\u041C\u0415\u041D\u0418\u0422\u042C</button>\n        </div>\n    </div>\n";
+	};
+
+	var htmlTemplate = function htmlTemplate(_ref4) {
+	    var header = _ref4.header,
+	        selectBox = _ref4.selectBox,
+	        _ref4$required = _ref4.required,
+	        required = _ref4$required === undefined ? false : _ref4$required,
+	        _ref4$id = _ref4.id,
+	        id = _ref4$id === undefined ? "" : _ref4$id,
+	        _ref4$classes = _ref4.classes,
+	        classes = _ref4$classes === undefined ? "" : _ref4$classes,
+	        _ref4$tmpl_selectBoxO = _ref4.tmpl_selectBoxOptions,
+	        tmpl_selectBoxOptions = _ref4$tmpl_selectBoxO === undefined ? function () {
+	        return "";
+	    } : _ref4$tmpl_selectBoxO,
+	        _ref4$tmpl_selectBoxR = _ref4.tmpl_selectBoxResults,
+	        tmpl_selectBoxResults = _ref4$tmpl_selectBoxR === undefined ? function () {
+	        return "";
+	    } : _ref4$tmpl_selectBoxR;
+	    return "\n<div class=\"select-box-container " + classes + "\" id=\"" + id + "\">\n    <div class=\"select-box-header\">\n        <div class=\"header\">" + header + "</div>\n         <i class=\"fa fa-question-circle-o\" aria-hidden=\"true\" title=\"bla-bla-bla...\"></i>\n         " + (required ? '<span class="required">Обязательно</span>' : '') + "\n    </div>\n    <div class=\"select-box-search\">\n        " + selectBox + "\n    </div>\n    \n    " + tmpl_selectBoxOptions() + "\n    " + tmpl_selectBoxResults() + "\n    <span style=\"clear: both\"></span>\n</div>\n";
+	};
+	var tmpl_light = function tmpl_light(el) {
+	    return "<span class=\"highlight\">" + el + "</span>";
+	};
+
+	var tmpl_preloader = function tmpl_preloader() {
+	    return "<div id=\"component-preloader\"><span class=\"spinner\"></span></div>";
+	};
+
+	var AbsBaseSelect = function () {
+	    function AbsBaseSelect($container, _ref5) {
+	        var url = _ref5.url,
+	            obj = _ref5.obj,
+	            _ref5$hasEditableCont = _ref5.hasEditableContainer,
+	            hasEditableContainer = _ref5$hasEditableCont === undefined ? false : _ref5$hasEditableCont,
+	            _ref5$visible = _ref5.visible,
+	            visible = _ref5$visible === undefined ? false : _ref5$visible,
+	            _ref5$required = _ref5.required,
+	            required = _ref5$required === undefined ? false : _ref5$required;
+
+	        _classCallCheck(this, AbsBaseSelect);
+
+	        if (new.target === AbsBaseSelect) {
+	            throw new TypeError("Cannot construct Abstract instances directly");
+	        }
+	        if (obj && url) {
+	            throw new URIError("Must be either the date or url");
+	        }
+
+	        var self = this;
+	        //TODO: проверка наличия id контейнера
+	        this.containerId = $container.attr("id");
+	        this.$container = $container;
+	        this.hasEditableContainer = hasEditableContainer;
+	        this.visible = visible;
+	        this.required = required;
+	        // Быстрая заглушка, до отображения данных
+	        if (visible) {
+	            var preloaderTemplate = tmpl_preloader();
+	            var selectBox = this.hasEditableContainer ? tmpl_selectBoxEditCont({ preloaderTemplate: preloaderTemplate }) : tmpl_selectBox({ preloaderTemplate: preloaderTemplate });
+	            var plugTemplate = tmpl_plug({ header: "Loading...", selectBox: selectBox });
+	            $container.html(plugTemplate);
+
+	            this.$preloader = $container.find('#component-preloader');
+	            this.$spinner = this.$preloader.find('.spinner');
+	        }
+	        if (url) {
+	            this.dataPromise = this.getData(url);
+	            //TODO: дописать более гибкую обработку url
+	            this.type = url.split("/")[2];
+	        }
+	        var _dataPromise = void 0;
+	        if (url) {
+	            _dataPromise = this.dataPromise;
+	        } else {
+	            _dataPromise = obj.dataPromise;
+	        }
+	        // if (dataTree) this.dataTree = dataTree;
+	        _dataPromise.then(self._buildComponents.bind(self)).catch(self._onLoadDataError.bind(self));
+
+	        //  INIT EMPTY PROP
+	        this.selectedEl = { id: undefined, value: undefined };
+	        this.parentId = undefined;
+	    }
+
+	    _createClass(AbsBaseSelect, [{
+	        key: "getTemplate",
+	        value: function getTemplate(classes) {
+	            var selectBox = this.hasEditableContainer ? tmpl_selectBoxEditCont() : tmpl_selectBox();
+	            classes = classes ? classes.join(" ") : "";
+	            return htmlTemplate({
+	                header: "TestHeader", selectBox: selectBox, required: this.required, id: this.containerId, classes: classes,
+	                tmpl_selectBoxOptions: tmpl_selectBoxOptions, tmpl_selectBoxResults: tmpl_selectBoxResults
+	            });
+	        }
+	    }, {
+	        key: "getData",
+	        value: function getData(url) {
+	            var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+	            var self = this;
+	            return Promise.resolve($.ajax({
+	                url: url,
+	                dataType: 'json',
+	                data: data
+	            }));
+	        }
+	    }, {
+	        key: "hidePreloader",
+	        value: function hidePreloader() {
+	            // console.log("hide preloader ", this.$preloader);
+	            this.$spinner.fadeOut();
+	            return Promise.resolve(this.$preloader.delay(500).fadeOut(2000));
+	        }
+	    }, {
+	        key: "clear",
+	        value: function clear() {
+	            this.$searchInput.val("");
+	            this.$optionsBox.hide();
+	            this.$resultsBox.hide();
+	            this.$buttonAdd.hide();
+	            this.$buttonAddOptions.hide();
+	            this.selectedEl = { id: undefined, value: undefined };
+	            if (this.hasEditableContainer) {
+	                this.$editableContainer.html("");
+	                this.$editableContainer.hide();
+	            }
+	            this.$searchInput.removeClass("active");
+	        }
+	    }, {
+	        key: "hide",
+	        value: function hide() {
+	            this.$selectBox.hide();
+	        }
+	    }, {
+	        key: "show",
+	        value: function show() {
+	            this.$selectBox.show();
+	        }
+	    }, {
+	        key: "setHeader",
+	        value: function setHeader(header) {
+
+	            if (this.$header) {
+	                this.$header.html(header);
+	            } else {
+	                this.header = header;
+	            }
+	            // default hide
+	            // this.show();
+	        }
+	    }, {
+	        key: "setParent",
+	        value: function setParent(parentId) {
+	            this.parentId = parentId;
+	            this._fillOptionsData();
+	        }
+	    }, {
+	        key: "connectSelectedContainer",
+	        value: function connectSelectedContainer(selectedContainer) {
+	            this.selectedContainer = selectedContainer;
+	        }
+	    }, {
+	        key: "getIdsSelectedElements",
+	        value: function getIdsSelectedElements() {
+	            var allChecked = this.$resultsBox.find(":checked");
+	            return allChecked.map(function () {
+	                return $(this).data("id");
+	            });
+	        }
+	    }, {
+	        key: "updateEditableContainer",
+	        value: function updateEditableContainer(elId) {
+	            // Если нет контейнера для отображения ...
+	            if (this.$editableContainer.length) {
+	                var separator = ' / ';
+	                var chainHeader = AbsBaseSelect.getHeader(this.dataTree.getSpecChain(elId, true), { separator: separator });
+	                chainHeader = AbsBaseSelect.highlight(chainHeader, separator, true);
+	                var elTemplate = "<span class=\"\">" + chainHeader + "</span>";
+	                this.$editableContainer.html(elTemplate);
+	                this.$editableContainer.show();
+	                return;
+	            }
+	            //..., передаем отображение предыдущему selectBox
+	            if (this.prevSelectBox) this.prevSelectBox.updateEditableContainer(elId);
+	        }
+	    }, {
+	        key: "_buildComponents",
+	        value: function _buildComponents(data) {
+	            // AFTER PRELOAD
+	            // this.hidePreloader().then(() => console.log("END -)"));
+	            var classes = this.$container.attr('class');
+	            if (classes) classes = classes.split(/\s+/);
+	            var template = this.getTemplate(classes);
+	            this.$container.replaceWith(template);
+
+	            this.$selectBox = $("#" + this.containerId);
+	            this.$header = this.$selectBox.find('.select-box-header .header');
+	            this.$header.html(this.header);
+	            this.$resultsBox = this.$selectBox.find('.select-box-results');
+	            this.$optionsBox = this.$selectBox.find('.select-box-options');
+	            this.$searchInput = this.$selectBox.find('input.select-box-search');
+	            this.$buttonAdd = this.$selectBox.find('.button-add.results');
+	            this.$buttonAddOptions = this.$selectBox.find('.button-add.options');
+	            this.$editableContainer = this.$selectBox.find('.editable-container');
+	            this.$resultsBox.hide();
+	            this.$optionsBox.hide();
+	            this.$buttonAddOptions.hide();
+	            //    TODO: сделать проверку на наличие всех нужных элементов и их корректый jq select
+	        }
+	    }, {
+	        key: "_fillOptionsData",
+	        value: function _fillOptionsData() {
+	            var self = this;
+	            var dataList = this.dataTree.dataToList(this.parentId);
+	            var $container = this.$optionsBox.find('ul');
+	            $container.html("");
+	            var _iteratorNormalCompletion = true;
+	            var _didIteratorError = false;
+	            var _iteratorError = undefined;
+
+	            try {
+	                for (var _iterator = dataList[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	                    var el = _step.value;
+
+	                    $container.append($(tmpl_elementOption(el)));
+	                }
+	            } catch (err) {
+	                _didIteratorError = true;
+	                _iteratorError = err;
+	            } finally {
+	                try {
+	                    if (!_iteratorNormalCompletion && _iterator.return) {
+	                        _iterator.return();
+	                    }
+	                } finally {
+	                    if (_didIteratorError) {
+	                        throw _iteratorError;
+	                    }
+	                }
+	            }
+
+	            this.$selectBox.find('li').on("click", this._onclickOptionsElement.bind(self));
+	        }
+	    }, {
+	        key: "_search",
+	        value: function _search(_ref6) {
+	            var searchText = _ref6.searchText,
+	                _ref6$parentCategoryI = _ref6.parentCategoryId,
+	                parentCategoryId = _ref6$parentCategoryI === undefined ? null : _ref6$parentCategoryI,
+	                _ref6$attached = _ref6.attached,
+	                attached = _ref6$attached === undefined ? true : _ref6$attached,
+	                _ref6$excludeCategory = _ref6.excludeCategoryId,
+	                excludeCategoryId = _ref6$excludeCategory === undefined ? null : _ref6$excludeCategory;
+
+	            // :FORMAT spec_list [{name, id}, ...]
+	            var specList = this.dataTree.dataToList(parentCategoryId, attached, excludeCategoryId);
+	            return specList.filter(function (el) {
+	                return el.name.toLowerCase().indexOf(searchText.toLowerCase()) !== -1;
+	            });
+	        }
+	    }, {
+	        key: "_fillContainer",
+	        value: function _fillContainer($container, template, _ref7) {
+	            var _ref7$searchText = _ref7.searchText,
+	                searchText = _ref7$searchText === undefined ? "" : _ref7$searchText,
+	                _ref7$parentCategoryI = _ref7.parentCategoryId,
+	                parentCategoryId = _ref7$parentCategoryI === undefined ? null : _ref7$parentCategoryI,
+	                _ref7$attached = _ref7.attached,
+	                attached = _ref7$attached === undefined ? true : _ref7$attached,
+	                _ref7$excludeCategory = _ref7.excludeCategoryId,
+	                excludeCategoryId = _ref7$excludeCategory === undefined ? null : _ref7$excludeCategory;
+
+	            $container.html("");
+	            $('.other-part').show();
+	            var searchRes = this._search({ searchText: searchText, parentCategoryId: parentCategoryId, attached: attached, excludeCategoryId: excludeCategoryId });
+	            if (!searchRes.length) {
+	                if ($container.closest('div').hasClass('main-part')) {
+	                    $container.append('<li>Ничего не найдено</li>');
+	                    this.$resultsBox.find('.button-add.results').hide();
+	                } else {
+	                    $('.other-part').hide();
+	                }
+	                return;
+	            }
+	            this.$resultsBox.find('.button-add.results').show();
+	            var _iteratorNormalCompletion2 = true;
+	            var _didIteratorError2 = false;
+	            var _iteratorError2 = undefined;
+
+	            try {
+	                for (var _iterator2 = searchRes[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+	                    var el = _step2.value;
+
+	                    var header = AbsBaseSelect.getHeader(this.dataTree.getSpecChain(el.id), {});
+	                    $container.append(template(AbsBaseSelect.highlight(el.name, searchText), el.id, header));
+	                }
+	            } catch (err) {
+	                _didIteratorError2 = true;
+	                _iteratorError2 = err;
+	            } finally {
+	                try {
+	                    if (!_iteratorNormalCompletion2 && _iterator2.return) {
+	                        _iterator2.return();
+	                    }
+	                } finally {
+	                    if (_didIteratorError2) {
+	                        throw _iteratorError2;
+	                    }
+	                }
+	            }
+	        }
+	    }, {
+	        key: "_fillResultsData",
+	        value: function _fillResultsData(searchText) {
+	            var self = this;
+	            // FILL RESULTS
+	            //    MAIN PART
+	            var $container = this.$resultsBox.find('.main-part ul');
+	            this._fillContainer($container, tmpl_elementResult, { searchText: searchText, parentCategoryId: self.parentId });
+
+	            //    OTHER PART
+	            // Если нет parentId, не нужно искать в других категориях
+	            if (!this.parentId) {
+	                $('.other-part').hide();
+	            } else {
+	                $container = this.$resultsBox.find('.other-part ul');
+	                this._fillContainer($container, tmpl_elementResult, { searchText: searchText, excludeCategoryId: self.parentId });
+	            }
+	            this.$resultsBox.find('div.header').hide();
+	            this.$resultsBox.find('li').on("mouseover", function (e) {
+	                $(e.target).children('.header').show(300);
+	                e.preventDefault();
+	            });
+
+	            this.$resultsBox.find('li').on("mouseout", function (event) {
+	                var e = event.toElement || event.relatedTarget;
+	                if (e.parentNode == this || e == this) {
+	                    return;
+	                }
+	                $(this).find('.header').hide();
+	            });
+	        }
+	    }, {
+	        key: "_onclickOptionsElement",
+	        value: function _onclickOptionsElement(e) {
+	            this.selectedEl.id = $(e.target).data("id");
+	            this.selectedEl.value = $(e.target).html();
+	            this.$searchInput.val($(e.target).html());
+	            this.updateEditableContainer($(e.target).data("id"));
+	            this.$buttonAddOptions.show();
+	            this.$optionsBox.hide();
+	        }
+	    }, {
+	        key: "_onButtonAddOptions",
+	        value: function _onButtonAddOptions(e) {
+	            this._addToSelectedContainer(this.selectedEl.id);
+	            this.clear();
+	            e.preventDefault();
+	            return false;
+	        }
+	    }, {
+	        key: "_onButtonAdd",
+	        value: function _onButtonAdd(e) {
+	            var self = this;
+
+	            this.getIdsSelectedElements().each(function () {
+	                self._addToSelectedContainer(this);
+	            });
+	            this.clear();
+	            e.preventDefault();
+	            return false;
+	        }
+	    }, {
+	        key: "_onLoadDataError",
+	        value: function _onLoadDataError(error) {
+	            console.log("Error loading data -->", error);
+	        }
+	    }, {
+	        key: "_addToSelectedContainer",
+	        value: function _addToSelectedContainer(id) {
+	            this.selectedContainer.add(id);
+	        }
+	    }, {
+	        key: "_onInput_searchInput",
+	        value: function _onInput_searchInput(e) {
+	            this._fillResultsData(this.$searchInput.val());
+	            this.$resultsBox.show();
+	            this.$optionsBox.hide();
+	        }
+	    }, {
+	        key: "_onClick_searchInput",
+	        value: function _onClick_searchInput(e) {
+	            this.$optionsBox.show();
+	            this.$resultsBox.hide();
+	            this.$searchInput.val("");
+	        }
+	    }, {
+	        key: "_bindEvents",
+	        value: function _bindEvents() {
+	            var self = this;
+	            $(document).click(function (event) {
+	                if ($(event.target).closest("#" + self.containerId).length) {
+	                    return;
+	                }
+	                self._looseFocus();
+	            });
+	            // RESULTS BOX
+	            this.$searchInput.on("input", this._onInput_searchInput.bind(self));
+	            // OPTIONS BOX
+	            this.$searchInput.on("click", this._onClick_searchInput.bind(self));
+
+	            this.$buttonAdd.on("click", this._onButtonAdd.bind(self));
+
+	            this.$buttonAddOptions.on("click", this._onButtonAddOptions.bind(self));
+	        }
+	    }, {
+	        key: "_looseFocus",
+	        value: function _looseFocus() {
+	            this.$resultsBox.hide();
+	            this.$optionsBox.hide();
+	            if (!this.selectedEl.id) {
+	                this.$searchInput.val("");
+	            } else {
+	                this.$searchInput.val(this.selectedEl.value);
+	            }
+	        }
+	    }], [{
+	        key: "getHeader",
+	        value: function getHeader(catChain, _ref8) {
+	            var _ref8$separator = _ref8.separator,
+	                separator = _ref8$separator === undefined ? " / " : _ref8$separator,
+	                _ref8$maxLen = _ref8.maxLen,
+	                maxLen = _ref8$maxLen === undefined ? 60 : _ref8$maxLen;
+
+	            function toShortString(string, maxLen) {
+	                return string.slice(0, maxLen) + (string.length > maxLen ? "..." : "");
+	            }
+
+	            var strChain = "";
+
+	            catChain.forEach(function (el) {
+	                strChain = (maxLen ? toShortString(el.name, maxLen) : el.name) + (strChain ? separator : "") + strChain;
+	            });
+
+	            return strChain;
+	        }
+	    }, {
+	        key: "highlight",
+	        value: function highlight(string, sub_string) {
+	            var lastIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+	            var index = lastIndex ? string.toLowerCase().lastIndexOf(sub_string.toLowerCase()) : string.toLowerCase().indexOf(sub_string.toLowerCase());
+	            if (index === -1) return string;
+	            var before = void 0,
+	                select = void 0,
+	                after = void 0;
+	            if (lastIndex) {
+	                var _ref9 = [string.slice(0, index), string.slice(index, string.length), ""];
+	                before = _ref9[0];
+	                select = _ref9[1];
+	                after = _ref9[2];
+	            } else {
+	                var _ref10 = [string.slice(0, index), string.slice(index, index + sub_string.length), string.slice(index + sub_string.length)];
+	                before = _ref10[0];
+	                select = _ref10[1];
+	                after = _ref10[2];
+	            }
+
+	            return "" + before + tmpl_light(select) + after;
+	        }
+	    }]);
+
+	    return AbsBaseSelect;
+	}();
+
+	exports.default = AbsBaseSelect;
+	exports.htmlTemplate = htmlTemplate;
+	exports.tmpl_plug = tmpl_plug;
+	exports.tmpl_elementOption = tmpl_elementOption;
+	exports.tmpl_preloader = tmpl_preloader;
+	exports.tmpl_light = tmpl_light;
+	exports.tmpl_elementResult = tmpl_elementResult;
+	exports.tmpl_selectBox = tmpl_selectBox;
+	exports.tmpl_selectBoxEditCont = tmpl_selectBoxEditCont;
+	exports.tmpl_selectBoxResults = tmpl_selectBoxResults;
+	exports.tmpl_selectBoxOptions = tmpl_selectBoxOptions;
+	exports.AbsBaseSelect = AbsBaseSelect;
+
+/***/ },
+/* 13 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	exports.default = undefined;
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+	var _AbsBaseSelect2 = __webpack_require__(12);
+
+	var _DataTree = __webpack_require__(7);
+
+	var _DataTree2 = _interopRequireDefault(_DataTree);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	var TreeSelect = function (_AbsBaseSelect) {
+	    _inherits(TreeSelect, _AbsBaseSelect);
+
+	    function TreeSelect() {
+	        _classCallCheck(this, TreeSelect);
+
+	        return _possibleConstructorReturn(this, (TreeSelect.__proto__ || Object.getPrototypeOf(TreeSelect)).apply(this, arguments));
+	    }
+
+	    _createClass(TreeSelect, [{
+	        key: 'setNearbySelectBox',
+	        value: function setNearbySelectBox(next, prev) {
+	            this.nextSelectBox = next;
+	            this.prevSelectBox = prev;
+	        }
+	    }, {
+	        key: 'clearAllNext',
+	        value: function clearAllNext() {
+	            this.clear();
+	            if (this.nextSelectBox) {
+	                this.nextSelectBox.hide();
+	                this.nextSelectBox.clearAllNext();
+	            }
+	        }
+	    }, {
+	        key: 'clearAllPrev',
+	        value: function clearAllPrev() {
+	            this.clear();
+	            if (this.prevSelectBox) {
+	                this.clear();
+	                this.hide();
+	                this.prevSelectBox.clearAllPrev();
+	            }
+	        }
+	    }, {
+	        key: '_buildComponents',
+	        value: function _buildComponents(data) {
+	            _get(TreeSelect.prototype.__proto__ || Object.getPrototypeOf(TreeSelect.prototype), '_buildComponents', this).call(this, data);
+	            //TODO: Изменять свойство visible при show/hide
+	            if (!this.visible) this.hide();
+	            if (this.hasEditableContainer) this.$editableContainer.hide();
+	            this.dataTree = this.dataTree || new _DataTree2.default(data.results);
+	            this._fillOptionsData();
+	            this._bindEvents();
+	        }
+	    }, {
+	        key: '_onclickOptionsElement',
+	        value: function _onclickOptionsElement(e) {
+	            this.clearAllNext();
+	            _get(TreeSelect.prototype.__proto__ || Object.getPrototypeOf(TreeSelect.prototype), '_onclickOptionsElement', this).call(this, e);
+	            if (this.nextSelectBox && this.dataTree.hasChildren(this.selectedEl.id)) {
+	                this.nextSelectBox.setParent(this.selectedEl.id);
+	                this.nextSelectBox.setHeader(this.selectedEl.value);
+	                this.nextSelectBox.show();
+	            }
+	            if (this.prevSelectBox) {
+	                this.prevSelectBox.$buttonAddOptions.hide();
+	                this.prevSelectBox.$searchInput.removeClass("active");
+	            }
+	            this.$searchInput.addClass('active');
+	        }
+	    }, {
+	        key: '_onButtonAddOptions',
+	        value: function _onButtonAddOptions(e) {
+	            // this._addToSelectedContainer(this.selectedEl.id);
+	            // this.clear();
+	            // e.preventDefault();
+	            // return false;
+	            _get(TreeSelect.prototype.__proto__ || Object.getPrototypeOf(TreeSelect.prototype), '_onButtonAddOptions', this).call(this, e);
+	            this.clearAllNext();
+	            this.clearAllPrev();
+	        }
+	    }, {
+	        key: '_onButtonAdd',
+	        value: function _onButtonAdd(e) {
+	            _get(TreeSelect.prototype.__proto__ || Object.getPrototypeOf(TreeSelect.prototype), '_onButtonAdd', this).call(this, e);
+	            this.clearAllNext();
+	            this.clearAllPrev();
+	        }
+	    }, {
+	        key: '_addToSelectedContainer',
+	        value: function _addToSelectedContainer(id) {
+	            if (this.selectedContainer) {
+	                this.selectedContainer.add(id);
+	                return;
+	            }
+
+	            this.prevSelectBox._addToSelectedContainer(id);
+	        }
+	    }]);
+
+	    return TreeSelect;
+	}(_AbsBaseSelect2.AbsBaseSelect);
+
+	exports.default = TreeSelect;
+
+/***/ },
+/* 14 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	exports.default = undefined;
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _AbsBaseSelect = __webpack_require__(12);
+
+	var _TreeSelect2 = __webpack_require__(13);
+
+	var _TreeSelect3 = _interopRequireDefault(_TreeSelect2);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	var tmpl_selectBoxResults = function tmpl_selectBoxResults() {
+	    return '\n    <div class="select-box-results">\n        <div class="box-wrapper">\n            <div class="main-part">\n                <ul>\n                </ul>\n            </div>\n        </div>\n    </div>\n';
+	};
+
+	var tmpl_elementResult = function tmpl_elementResult(el, id, header) {
+	    return '<li data-id="' + id + '">\n        ' + el + '\n    </li>';
+	};
+	/**
+	 * Поиск только в своей категории, отсутствует множественный выбор
+	 */
+
+	var SingleTreeSelect = function (_TreeSelect) {
+	    _inherits(SingleTreeSelect, _TreeSelect);
+
+	    function SingleTreeSelect() {
+	        _classCallCheck(this, SingleTreeSelect);
+
+	        return _possibleConstructorReturn(this, (SingleTreeSelect.__proto__ || Object.getPrototypeOf(SingleTreeSelect)).apply(this, arguments));
+	    }
+
+	    _createClass(SingleTreeSelect, [{
+	        key: 'getTemplate',
+	        value: function getTemplate(classes) {
+	            var selectBox = this.hasEditableContainer ? (0, _AbsBaseSelect.tmpl_selectBoxEditCont)() : (0, _AbsBaseSelect.tmpl_selectBox)();
+	            classes = classes ? classes.join(" ") : "";
+	            return (0, _AbsBaseSelect.htmlTemplate)({
+	                header: "TestHeader", selectBox: selectBox, id: this.containerId, classes: classes,
+	                tmpl_selectBoxOptions: _AbsBaseSelect.tmpl_selectBoxOptions, tmpl_selectBoxResults: tmpl_selectBoxResults
+	            });
+	        }
+	    }, {
+	        key: '_fillResultsData',
+	        value: function _fillResultsData(searchText) {
+	            var self = this;
+	            // FILL RESULTS
+	            //    MAIN PART
+	            var $container = this.$resultsBox.find('.main-part ul');
+	            this._fillContainer($container, tmpl_elementResult, { searchText: searchText, parentCategoryId: self.parentId, attached: false });
+
+	            this.$resultsBox.find('li').on("click", function (e) {
+	                var id = $(e.target).data("id");
+	                self.selectedEl.id = id;
+	                self.selectedEl.value = self.dataTree.getElementById(id).name;
+	                self.$searchInput.val(self.selectedEl.value);
+	                self.updateEditableContainer(id);
+	                if (self.$buttonAddOptions) self.$buttonAddOptions.show();
+	                self.$resultsBox.hide();
+
+	                //TODO: duplicate code
+	                if (self.nextSelectBox && self.dataTree.hasChildren(self.selectedEl.id)) {
+	                    self.nextSelectBox.setParent(self.selectedEl.id);
+	                    self.nextSelectBox.setHeader(self.selectedEl.value);
+	                    self.nextSelectBox.show();
+	                }
+	                if (self.prevSelectBox) {
+	                    self.prevSelectBox.$buttonAddOptions.hide();
+	                    self.prevSelectBox.$searchInput.removeClass("active");
+	                }
+	                self.$searchInput.addClass('active');
+	            });
+	        }
+	    }]);
+
+	    return SingleTreeSelect;
+	}(_TreeSelect3.default);
+
+	exports.default = SingleTreeSelect;
+
+/***/ },
+/* 15 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	exports.default = undefined;
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+	var _AbsBaseSelect2 = __webpack_require__(12);
+
+	var _NoTreeData = __webpack_require__(8);
+
+	var _NoTreeData2 = _interopRequireDefault(_NoTreeData);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	var htmlTemplate = function htmlTemplate(_ref) {
+	    var header = _ref.header,
+	        selectBox = _ref.selectBox,
+	        _ref$id = _ref.id,
+	        id = _ref$id === undefined ? "" : _ref$id,
+	        _ref$classes = _ref.classes,
+	        classes = _ref$classes === undefined ? "" : _ref$classes,
+	        _ref$tmpl_selectBoxOp = _ref.tmpl_selectBoxOptions,
+	        tmpl_selectBoxOptions = _ref$tmpl_selectBoxOp === undefined ? function () {
+	        return "";
+	    } : _ref$tmpl_selectBoxOp,
+	        _ref$tmpl_selectBoxRe = _ref.tmpl_selectBoxResults,
+	        tmpl_selectBoxResults = _ref$tmpl_selectBoxRe === undefined ? function () {
+	        return "";
+	    } : _ref$tmpl_selectBoxRe;
+	    return '\n<div class="select-box-container ' + classes + '" id="' + id + '">\n    <div class="select-box-search">\n        ' + selectBox + '\n    </div>\n\n    ' + tmpl_selectBoxOptions() + '\n    ' + tmpl_selectBoxResults() + '\n    <span style="clear: both"></span>\n</div>\n';
+	};
+
+	var tmpl_selectBoxResults = function tmpl_selectBoxResults() {
+	    return '\n    <div style="width: 100%; max-width: 95%" class="select-box-results">\n        <button class="button-add create">\u0421\u041E\u0417\u0414\u0410\u0422\u042C</button>\n    </div>\n';
+	};
+
+	// const tmpl_elementResult = (el, id, header) =>
+	//     `<li data-id="${id}">
+	//         ${el}
+	//     </li>`;
+
+	var SelectOrCreate = function (_AbsBaseSelect) {
+	    _inherits(SelectOrCreate, _AbsBaseSelect);
+
+	    function SelectOrCreate() {
+	        _classCallCheck(this, SelectOrCreate);
+
+	        return _possibleConstructorReturn(this, (SelectOrCreate.__proto__ || Object.getPrototypeOf(SelectOrCreate)).apply(this, arguments));
+	    }
+
+	    _createClass(SelectOrCreate, [{
+	        key: 'getTemplate',
+	        value: function getTemplate(classes) {
+	            var selectBox = this.hasEditableContainer ? (0, _AbsBaseSelect2.tmpl_selectBoxEditCont)() : (0, _AbsBaseSelect2.tmpl_selectBox)();
+	            classes = classes ? classes.join(" ") : "";
+	            return htmlTemplate({
+	                header: "TestHeader", selectBox: selectBox, id: this.containerId, classes: classes,
+	                tmpl_selectBoxOptions: _AbsBaseSelect2.tmpl_selectBoxOptions, tmpl_selectBoxResults: tmpl_selectBoxResults
+	            });
+	        }
+	    }, {
+	        key: 'setLinkBoxes',
+	        value: function setLinkBoxes() {
+	            var boxes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+	            this.boxes = boxes;
+	        }
+	    }, {
+	        key: '_buildComponents',
+	        value: function _buildComponents(data) {
+	            _get(SelectOrCreate.prototype.__proto__ || Object.getPrototypeOf(SelectOrCreate.prototype), '_buildComponents', this).call(this, data);
+	            var self = this;
+	            //TODO: Изменять свойство visible при show/hide
+	            if (!this.visible) this.hide();
+	            if (this.hasEditableContainer) this.$editableContainer.hide();
+	            this.dataTree = this.dataTree || new _NoTreeData2.default(data);
+	            this.$buttonCreate = this.$resultsBox.find('.create');
+	            // console.log("$buttonCreate = ", $buttonCreate);
+	            this.$buttonCreate.on("click", function () {
+	                return console.log('Button Create');
+	            });
+	            this.$buttonCreate.on("click", this._onButtonCreate.bind(self));
+	            this._fillOptionsData();
+	            this._bindEvents();
+	        }
+	    }, {
+	        key: 'getData',
+	        value: function getData(url) {
+	            var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+	            return Promise.resolve($.ajax({
+	                url: url,
+	                dataType: 'json',
+	                data: data
+	            }));
+	        }
+	    }, {
+	        key: '_onLoadDataError',
+	        value: function _onLoadDataError(error) {
+	            console.log("Error loading data -->", error);
+	        }
+	    }, {
+	        key: '_onButtonAddOptions',
+	        value: function _onButtonAddOptions(e) {
+	            var _this2 = this;
+
+	            var self = this;
+	            var id = this.selectedEl.id;
+	            this.getData('/api/realties?id=' + id).then(function (_data) {
+	                var data = _data.results[0] || _data[0];
+	                // this._addToSelectedContainer(this.selectedEl.id);
+	                console.log("res data = ", data);
+	                var _iteratorNormalCompletion = true;
+	                var _didIteratorError = false;
+	                var _iteratorError = undefined;
+
+	                try {
+	                    for (var _iterator = _this2.boxes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	                        var box = _step.value;
+
+	                        box.selectedContainer.removeAll();
+	                        //TODO: Костыль!
+	                        if (box.type == 'building_classifications' && data['building_classification']) {
+	                            // console.log("building_classification = ",data['building_classification']);
+	                            box._addToSelectedContainer(data['building_classification'].id);
+	                        } else if (box.type == 'locations_flat' && data['location']) {
+	                            // console.log("location = ",data['location']);
+	                            box._addToSelectedContainer(data['location'].id);
+	                        } else if (box.type == 'construction_type' && data['construction_type']) {
+	                            // console.log("construction_type = ",data['construction_type']);
+	                            box._addToSelectedContainer(data['construction_type'].id);
+	                        } else {
+	                            console.log("Нет совпадений для ", box.type);
+	                        }
+	                    }
+	                } catch (err) {
+	                    _didIteratorError = true;
+	                    _iteratorError = err;
+	                } finally {
+	                    try {
+	                        if (!_iteratorNormalCompletion && _iterator.return) {
+	                            _iterator.return();
+	                        }
+	                    } finally {
+	                        if (_didIteratorError) {
+	                            throw _iteratorError;
+	                        }
+	                    }
+	                }
+	            }).catch(this._onLoadDataError.bind(self));
+	            _get(SelectOrCreate.prototype.__proto__ || Object.getPrototypeOf(SelectOrCreate.prototype), '_onButtonAddOptions', this).call(this, e);
+	        }
+	    }, {
+	        key: '_onButtonCreate',
+	        value: function _onButtonCreate(e) {
+	            this.selectedContainer.add({ text: this.$searchInput.val() });
+	            if (this.boxes) {
+	                var _iteratorNormalCompletion2 = true;
+	                var _didIteratorError2 = false;
+	                var _iteratorError2 = undefined;
+
+	                try {
+	                    for (var _iterator2 = this.boxes[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+	                        var box = _step2.value;
+
+	                        console.log('box clear');
+	                        box.selectedContainer.removeAll();
+	                    }
+	                } catch (err) {
+	                    _didIteratorError2 = true;
+	                    _iteratorError2 = err;
+	                } finally {
+	                    try {
+	                        if (!_iteratorNormalCompletion2 && _iterator2.return) {
+	                            _iterator2.return();
+	                        }
+	                    } finally {
+	                        if (_didIteratorError2) {
+	                            throw _iteratorError2;
+	                        }
+	                    }
+	                }
+	            }
+	            e.preventDefault();
+	            this.$buttonCreate.hide();
+	            this.$searchInput.val("");
+	        }
+	    }, {
+	        key: '_onInput_searchInput',
+	        value: function _onInput_searchInput(e) {
+	            // this._fillResultsData(self .$searchInput.val());
+	            this.$buttonAddOptions.hide();
+	            this.$buttonCreate.show();
+	            // console.log("on input");
+	            this.$resultsBox.show();
+	            this.$optionsBox.hide();
+	        }
+	    }, {
+	        key: '_onClick_searchInput',
+	        value: function _onClick_searchInput(e) {
+	            this.$optionsBox.show();
+	            this.$resultsBox.hide();
+	            this.$searchInput.val("");
+	        }
+	    }]);
+
+	    return SelectOrCreate;
+	}(_AbsBaseSelect2.AbsBaseSelect);
+
+	exports.default = SelectOrCreate;
+
+/***/ }
+/******/ ]);
\ No newline at end of file
diff --git a/assets/js/build/user.js b/assets/js/build/user.js
new file mode 100644
index 0000000..3b0288e
--- /dev/null
+++ b/assets/js/build/user.js
@@ -0,0 +1,223 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId])
+/******/ 			return installedModules[moduleId].exports;
+
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			exports: {},
+/******/ 			id: moduleId,
+/******/ 			loaded: false
+/******/ 		};
+
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ 		// Flag the module as loaded
+/******/ 		module.loaded = true;
+
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+
+
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+	var _createClass = function () {
+	    function defineProperties(target, props) {
+	        for (var i = 0; i < props.length; i++) {
+	            var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);
+	        }
+	    }return function (Constructor, protoProps, staticProps) {
+	        if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;
+	    };
+	}();
+
+	var _desc, _value, _class;
+
+	var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
+	    return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
+	} : function (obj) {
+	    return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
+	};
+
+	function _classCallCheck(instance, Constructor) {
+	    if (!(instance instanceof Constructor)) {
+	        throw new TypeError("Cannot call a class as a function");
+	    }
+	}
+
+	function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
+	    var desc = {};
+	    Object['ke' + 'ys'](descriptor).forEach(function (key) {
+	        desc[key] = descriptor[key];
+	    });
+	    desc.enumerable = !!desc.enumerable;
+	    desc.configurable = !!desc.configurable;
+
+	    if ('value' in desc || desc.initializer) {
+	        desc.writable = true;
+	    }
+
+	    desc = decorators.slice().reverse().reduce(function (desc, decorator) {
+	        return decorator(target, property, desc) || desc;
+	    }, desc);
+
+	    if (context && desc.initializer !== void 0) {
+	        desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
+	        desc.initializer = undefined;
+	    }
+
+	    if (desc.initializer === void 0) {
+	        Object['define' + 'Property'](target, property, desc);
+	        desc = null;
+	    }
+
+	    return desc;
+	}
+
+	function onBind(target, name, descriptor) {
+	    var method = descriptor.value;
+
+	    descriptor.value = function () {
+	        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	            args[_key] = arguments[_key];
+	        }
+
+	        var binds = [];
+	        args = Array.from(args);
+	        var _iteratorNormalCompletion = true;
+	        var _didIteratorError = false;
+	        var _iteratorError = undefined;
+
+	        try {
+	            for (var _iterator = args.slice()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	                var arg = _step.value;
+
+	                if ((typeof arg === 'undefined' ? 'undefined' : _typeof(arg)) === 'object') {
+	                    binds.push(arg);
+	                    args.splice(args.indexOf(arg), 1);
+	                }
+	            }
+	        } catch (err) {
+	            _didIteratorError = true;
+	            _iteratorError = err;
+	        } finally {
+	            try {
+	                if (!_iteratorNormalCompletion && _iterator.return) {
+	                    _iterator.return();
+	                }
+	            } finally {
+	                if (_didIteratorError) {
+	                    throw _iteratorError;
+	                }
+	            }
+	        }
+
+	        method.apply(this, args);
+	        var _iteratorNormalCompletion2 = true;
+	        var _didIteratorError2 = false;
+	        var _iteratorError2 = undefined;
+
+	        try {
+	            for (var _iterator2 = binds[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+	                var bind = _step2.value;
+
+	                bind.func.bind(this)();
+	            }
+	        } catch (err) {
+	            _didIteratorError2 = true;
+	            _iteratorError2 = err;
+	        } finally {
+	            try {
+	                if (!_iteratorNormalCompletion2 && _iterator2.return) {
+	                    _iterator2.return();
+	                }
+	            } finally {
+	                if (_didIteratorError2) {
+	                    throw _iteratorError2;
+	                }
+	            }
+	        }
+
+	        return this;
+	    };
+	}
+
+	var Base = (_class = function () {
+	    function Base() {
+	        _classCallCheck(this, Base);
+
+	        this.attr1 = 'attr1';
+	        console.log("Constructor");
+	    }
+
+	    _createClass(Base, [{
+	        key: 'method1',
+	        value: function method1() {
+	            var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+	            var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+
+	            console.log("this.attr1 = ", this.attr1);
+	            console.log("a = ", a, "b = ", b);
+	        }
+	    }, {
+	        key: 'on',
+	        value: function on(methodName, func) {
+	            this[methodName] = this[methodName].bind(this, { func: func });
+	        }
+	    }]);
+
+	    return Base;
+	}(), _applyDecoratedDescriptor(_class.prototype, 'method1', [onBind], Object.getOwnPropertyDescriptor(_class.prototype, 'method1'), _class.prototype), _class);
+
+	var b = new Base();
+
+	b.on("method1", function () {
+	    return console.log("Another message...");
+	});
+	b.on("method1", function () {
+	    console.log("bind this.attr1 =", this.attr1);
+	});
+
+	b.method1("one", 2);
+	b.method1("bbb");
+
+	if (true) {
+	    console.log("Dev mode message");
+	}
+
+	function a(_ref) {
+	    var _ref$a = _ref.a,
+	        a = _ref$a === undefined ? 2 : _ref$a,
+	        _ref$b = _ref.b,
+	        b = _ref$b === undefined ? a + 4 : _ref$b;
+	}
+
+/***/ }
+/******/ ]);
\ No newline at end of file
diff --git a/assets/js/src/customer_project_create.js b/assets/js/src/customer_project_create.js
new file mode 100644
index 0000000..a66e453
--- /dev/null
+++ b/assets/js/src/customer_project_create.js
@@ -0,0 +1,25 @@
+import fileUploadInit from './seeds/file_upload'
+import {extendedFieldInit} from './seeds/extended_field'
+import {customCheckInit} from './seeds/custom_check'
+import {readMoreInit} from './seeds/read_more'
+import {print} from './seeds/test_seeds'
+
+function showHideRealry() {
+    let check = $('#checkbox-sb-realty');
+    check.on("click", function (e) {
+        let $realty = $('#sb-realty');
+        if ($(e.target).prop("checked")) {
+            $realty.show();
+        } else {
+            $realty.hide();
+        }
+    })
+}
+
+$(function () {
+    fileUploadInit();
+    extendedFieldInit();
+    customCheckInit();
+    showHideRealry();
+    readMoreInit();
+});
\ No newline at end of file
diff --git a/assets/js/src/init_customer_project_create.js b/assets/js/src/init_customer_project_create.js
new file mode 100644
index 0000000..aecf63a
--- /dev/null
+++ b/assets/js/src/init_customer_project_create.js
@@ -0,0 +1,122 @@
+import SelectedContainer from 'components/SelectedContainer';
+import SelectedContainerCreate from 'components/SelectedContainerCreate';
+import NoTreeSelect from 'components/NoTreeSelect';
+import TreeSelect from 'components/TreeSelect';
+import SingleTreeSelect from 'components/SingleTreeSelect'
+import SelectOrCreate from 'components/SelectOrCreate'
+
+$(function () {
+    function createSpecs(url) {
+        // SPECIALIZATIONS  
+        let sb_main = new TreeSelect($('#select-box-1'), {url, visible: true, required: true});
+        sb_main.setHeader("Специальность");
+        let select_container = new SelectedContainer($('#selected-spec'),
+            {
+                obj: sb_main,
+                onlyOne: true
+            });
+        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});
+
+        select_container.on("add", () => {
+            let $container = $('#spec-value');
+            $container.html($('#selected-spec').find(".selected-element").find(".name").html());
+        });
+
+        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 createBuildingClass(url) {
+        // BUILDING-CLASSIFICATION  
+        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,
+                onlyOne: true
+            });
+        sb_build_main.connectSelectedContainer(select_build_container);
+
+        sb_build_main.setNearbySelectBox(sb_build_1);
+        sb_build_1.setNearbySelectBox("", sb_build_main);
+    }
+
+    function createConstructionType(url) {
+        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,
+            onlyOne: true
+        });
+        sb_constr_main.connectSelectedContainer(select_constr_type);
+    }
+
+    function createLocations(url) {
+        sb_loc_main = new TreeSelect($('#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 TreeSelect($('#sb-location-2'), {obj: sb_loc_main});
+        let sb_loc_2 = new TreeSelect($('#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);
+    }
+
+    function createRealty(url) {
+        let sb_realty = new SelectOrCreate($('#sb-realty'), {url, visible: true});
+        sb_realty.setHeader(" ");
+        let select_realty = new SelectedContainerCreate($('#selected-realty'),
+            {
+                obj: sb_realty,
+                noTree: true,
+                onlyOne: true,
+                noHeader: true
+            });
+        sb_realty.connectSelectedContainer(select_realty);
+        sb_realty.setLinkBoxes([sb_loc_main, sb_constr_main, sb_build_main]);
+        select_realty.on("add", () => {
+            $('#checkbox-sb-realty').attr("disabled", true)
+        });
+        select_realty.on("remove", () => {
+            $('#checkbox-sb-realty').attr("disabled", false)
+        });
+        sb_realty.dataPromise.then(function () {
+                let $realty = $('#sb-realty');
+                let check = $('#checkbox-sb-realty');
+                if (!check.prop("checked")) {
+                    $realty.hide();
+                    console.log("hide");
+                }
+            }
+        )
+    }
+
+    let sb_loc_main, sb_constr_main, sb_build_main;
+
+    createSpecs('/api/specializations_flat');
+
+    createBuildingClass('/api/building_classifications');
+    createConstructionType('/api/construction_type');
+    createLocations('/api/locations_flat');
+
+    createRealty('/api/realties/current_user')
+
+});
\ No newline at end of file
diff --git a/assets/js/src/seeds/components_script.js b/assets/js/src/seeds/components_script.js
new file mode 100644
index 0000000..e69de29
diff --git a/assets/js/src/seeds/custom_check.js b/assets/js/src/seeds/custom_check.js
new file mode 100644
index 0000000..2f231bd
--- /dev/null
+++ b/assets/js/src/seeds/custom_check.js
@@ -0,0 +1,19 @@
+function customCheckInit() {
+    function tuneCheckBoxes($boxes) {
+        let currentState = $boxes.find("input").prop("checked") ? 'checked' : 'not-checked';
+        $boxes.find("div").hide();
+        $boxes.find("div." + currentState).show();
+    }
+
+    let $boxes = $('.custom-check');
+    tuneCheckBoxes($boxes);
+    $boxes.on("click", function (e) {
+        let inside_checkBox = $(e.target).parent().find("input");
+        inside_checkBox.prop("checked", !inside_checkBox.prop("checked"));
+        tuneCheckBoxes($boxes);
+        e.preventDefault();
+        return false;
+    });
+}
+
+export {customCheckInit}
\ No newline at end of file
diff --git a/assets/js/src/seeds/extended_field.js b/assets/js/src/seeds/extended_field.js
new file mode 100644
index 0000000..99599b6
--- /dev/null
+++ b/assets/js/src/seeds/extended_field.js
@@ -0,0 +1,20 @@
+function extendedFieldInit() {
+
+    let $buttonF1 = $('.resButton');
+    if ($('.slide').hasClass("active")) $buttonF1.css('transform', 'rotate(0deg)');
+
+    $buttonF1.on("click", function (e) {
+        e.preventDefault();
+        let $slide = $('.slide');
+        if ($slide.hasClass("active")) {
+            $buttonF1.css('transform', 'rotate(180deg)');
+            $slide.slideUp(300);
+        } else {
+            $buttonF1.css('transform', 'rotate(0deg)');
+            $slide.slideDown(300);
+        }
+        $slide.toggleClass("active");
+    });
+}
+
+export {extendedFieldInit}
\ No newline at end of file
diff --git a/assets/js/src/seeds/file_upload.js b/assets/js/src/seeds/file_upload.js
new file mode 100644
index 0000000..23aa00b
--- /dev/null
+++ b/assets/js/src/seeds/file_upload.js
@@ -0,0 +1,57 @@
+function humanFileSize(bytes, si) {
+    var thresh = si ? 1000 : 1024;
+
+    if (Math.abs(bytes) < thresh)
+        return bytes + ' B';
+
+    var units = si
+        ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+        : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
+
+    var u = -1;
+
+    do {
+        bytes /= thresh;
+        ++u
+    } while (Math.abs(bytes) >= thresh && u < units.length - 1);
+
+    return bytes.toFixed(1) + ' ' + units[u]
+}
+
+export default function fileUploadInit() {
+    var $fileUploadContainer = $('#fileUploadContainer');
+
+    $('#fileUploadAddBtn').on('click', function ($evt) {
+        $fileUploadContainer.find('.file-upload-widget').last().find('.file-upload-input').click()
+    });
+
+    $fileUploadContainer.on('change', '.file-upload-input', function ($evt) {
+        var $fileInput = $(this);
+        var $fileUploadWidget = $fileInput.closest('.file-upload-widget');
+        var filePath = $fileInput.val().replace(/\\/g, '/');
+        var fileName = path.basename(filePath);
+        //var fileExt = path.extname(filePath)
+        var fileSize = $fileInput.get(0).files && humanFileSize($fileInput.get(0).files[0].size);
+
+        if (fileName) {
+            $fileUploadWidget.find('.file-upload-label').text(fileName + ' ' + fileSize);
+
+            var $newFileUploadWidget = $fileUploadWidget.clone();
+            $newFileUploadWidget.find('.file-upload-label').text('');
+
+            $fileUploadContainer.find('ul').first().append($newFileUploadWidget);
+
+            $fileUploadWidget.css('display', 'block')
+        }
+    });
+
+    $fileUploadContainer.on('click', '.file-upload-remove-btn', function ($evt) {
+        var $btn = $(this);
+        $btn.closest('.file-upload-widget').remove()
+    });
+
+    $fileUploadContainer.on('click', '.existing-file-remove-btn', function ($evt) {
+        var $btn = $(this);
+        $btn.closest('.existing-file-widget').remove()
+    });
+}
diff --git a/assets/js/src/seeds/read_more.js b/assets/js/src/seeds/read_more.js
new file mode 100644
index 0000000..a6b12e0
--- /dev/null
+++ b/assets/js/src/seeds/read_more.js
@@ -0,0 +1,16 @@
+function readMoreInit() {
+
+    $('.description .more').on("click", function (e) {
+        let $target = $(e.target);
+        $target.siblings(".complete").toggle();
+        $target.toggleClass("less");
+    });
+
+    // $(".more").toggle(function () {
+    //     $(this).text("less..").siblings(".complete").show();
+    // }, function () {
+    //     $(this).text("more..").siblings(".complete").hide();
+    // });
+}
+
+export {readMoreInit}
\ No newline at end of file
diff --git a/assets/js/src/seeds/test_seeds.js b/assets/js/src/seeds/test_seeds.js
new file mode 100644
index 0000000..f859e9c
--- /dev/null
+++ b/assets/js/src/seeds/test_seeds.js
@@ -0,0 +1,5 @@
+function print(text) {
+    console.log(text);
+}
+
+export {print}
\ No newline at end of file
diff --git a/assets/js/src/user.js b/assets/js/src/user.js
new file mode 100644
index 0000000..7e39f9b
--- /dev/null
+++ b/assets/js/src/user.js
@@ -0,0 +1,56 @@
+
+function onBind(target, name, descriptor) {
+    const method = descriptor.value;
+
+    descriptor.value = function (...args) {
+        let binds = [];
+        args = Array.from(args);
+        for (let arg of args.slice()) {
+            if (typeof arg === 'object') {
+                binds.push(arg);
+                args.splice(args.indexOf(arg), 1);
+            }
+        }
+        method.apply(this, args);
+        for (let bind of binds) {
+            bind.func.bind(this)();
+        }
+        return this;
+    }
+}
+
+class Base {
+    constructor() {
+        this.attr1 = 'attr1';
+        console.log("Constructor")
+    }
+
+    @onBind
+    method1(a = 1, b = 2) {
+        console.log("this.attr1 = ", this.attr1);
+        console.log("a = ", a, "b = ", b);
+    }
+
+    on(methodName, func) {
+        this[methodName] = this[methodName].bind(this, {func});
+    }
+}
+
+let b = new Base();
+
+b.on("method1", () => console.log("Another message..."));
+b.on("method1", function () {
+    console.log("bind this.attr1 =", this.attr1);
+});
+
+b.method1("one", 2);
+b.method1("bbb");
+
+if (NODE_ENV == 'dev') {
+    console.log("Dev mode message")
+}
+
+
+function a({a=2, b=a+4}) {
+
+}
\ No newline at end of file
diff --git a/assets/lib/proekton-components/bash/browserify.sh b/assets/lib/proekton-components/bash/browserify.sh
deleted file mode 100644
index 23b9365..0000000
--- a/assets/lib/proekton-components/bash/browserify.sh
+++ /dev/null
@@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-echo "run browserify"
-cd ..
-source ~/venv/proekton/bin/activate
-#browserify ./js/src/init.js -o ./js/build/init.js -t  babelify
-#browserify ./js/src/init_user_profile.js -o ./js/build/init_user_profile.js -t babelify
-browserify ./js/src/init_customer_project_create.js -o ./js/build/init_customer_project_create.js -t babelify
-#watchify ./js/src/init.js -t babelify -o ./js/build/init.js
\ No newline at end of file
diff --git a/assets/lib/proekton-components/js/src/NoTreeSelect.js b/assets/lib/proekton-components/js/src/NoTreeSelect.js
index d536521..82ab5a2 100644
--- a/assets/lib/proekton-components/js/src/NoTreeSelect.js
+++ b/assets/lib/proekton-components/js/src/NoTreeSelect.js
@@ -2,9 +2,9 @@ import {AbsBaseSelect} from './base/AbsBaseSelect'
 import NoTreeData from './data/NoTreeData'
 
 export default class NoTreeSelect extends AbsBaseSelect{
-    constructor($container, {url, obj, visible=true}){
+    constructor($container, {url, obj, visible=true, required = false}){
         //TODO: сделать автоматическую передачу всех параметров родителю
-        super($container, {url, obj, visible});
+        super($container, {url, obj, visible, required});
     }
 
     _buildComponents(data) {
diff --git a/assets/lib/proekton-components/js/src/SelectOrCreate.js b/assets/lib/proekton-components/js/src/SelectOrCreate.js
new file mode 100644
index 0000000..32ed5f0
--- /dev/null
+++ b/assets/lib/proekton-components/js/src/SelectOrCreate.js
@@ -0,0 +1,133 @@
+import {
+    tmpl_selectBoxOptions,
+    tmpl_selectBoxEditCont,
+    tmpl_selectBox,
+    AbsBaseSelect
+} from './base/AbsBaseSelect'
+import NoTreeData from './data/NoTreeData'
+
+const htmlTemplate = ({header, selectBox, id = "", classes = "", tmpl_selectBoxOptions = () => "", tmpl_selectBoxResults = () => ""}) =>
+    `
+<div class="select-box-container ${classes}" id="${id}">
+    <div class="select-box-search">
+        ${selectBox}
+    </div>
+
+    ${tmpl_selectBoxOptions()}
+    ${tmpl_selectBoxResults()}
+    <span style="clear: both"></span>
+</div>
+`;
+
+const tmpl_selectBoxResults = () =>
+    `
+    <div style="width: 100%; max-width: 95%" class="select-box-results">
+        <button class="button-add create">СОЗДАТЬ</button>
+    </div>
+`;
+
+// const tmpl_elementResult = (el, id, header) =>
+//     `<li data-id="${id}">
+//         ${el}
+//     </li>`;
+
+export default class SelectOrCreate extends AbsBaseSelect {
+    getTemplate(classes) {
+        let selectBox = this.hasEditableContainer ? tmpl_selectBoxEditCont() : tmpl_selectBox();
+        classes = classes ? classes.join(" ") : "";
+        return htmlTemplate({
+            header: "TestHeader", selectBox, id: this.containerId, classes,
+            tmpl_selectBoxOptions, tmpl_selectBoxResults
+        })
+    }
+
+    setLinkBoxes(boxes = []) {
+        this.boxes = boxes;
+    }
+
+    _buildComponents(data) {
+        super._buildComponents(data);
+        const self = this;
+        //TODO: Изменять свойство visible при show/hide
+        if (!this.visible) this.hide();
+        if (this.hasEditableContainer) this.$editableContainer.hide();
+        this.dataTree = this.dataTree || new NoTreeData(data);
+        this.$buttonCreate = this.$resultsBox.find('.create');
+        // console.log("$buttonCreate = ", $buttonCreate);
+        this.$buttonCreate.on("click", () => console.log('Button Create'));
+        this.$buttonCreate.on("click", this._onButtonCreate.bind(self));
+        this._fillOptionsData();
+        this._bindEvents();
+    }
+
+    getData(url, data = {}) {
+        return Promise.resolve($.ajax({
+            url: url,
+            dataType: 'json',
+            data: data,
+        }))
+    }
+
+    _onLoadDataError(error) {
+        console.log("Error loading data -->", error);
+    }
+
+    _onButtonAddOptions(e) {
+        const self = this;
+        let id = this.selectedEl.id;
+        this.getData(`/api/realties?id=${id}`)
+            .then((_data)=> {
+                    let data = _data.results[0] || _data[0];
+                    // this._addToSelectedContainer(this.selectedEl.id);
+                    console.log("res data = ", data);
+                    for (let box of this.boxes) {
+                        box.selectedContainer.removeAll();
+                        //TODO: Костыль!
+                        if (box.type == 'building_classifications' && data['building_classification']) {
+                            // console.log("building_classification = ",data['building_classification']);
+                            box._addToSelectedContainer(data['building_classification'].id)
+                        }else if (box.type == 'locations_flat' && data['location']){
+                            // console.log("location = ",data['location']);
+                            box._addToSelectedContainer(data['location'].id)
+                        }else if (box.type == 'construction_type' && data['construction_type']){
+                            // console.log("construction_type = ",data['construction_type']);
+                            box._addToSelectedContainer(data['construction_type'].id)
+                        }else{
+                            console.log("Нет совпадений для ", box.type);
+                        }
+                    }
+                }
+            )
+            .catch(this._onLoadDataError.bind(self));
+        super._onButtonAddOptions(e);
+    }
+
+
+    _onButtonCreate(e) {
+        this.selectedContainer.add({text: this.$searchInput.val()});
+        if (this.boxes) {
+            for (let box of this.boxes) {
+                console.log('box clear');
+                box.selectedContainer.removeAll();
+            }
+        }
+        e.preventDefault();
+        this.$buttonCreate.hide();
+        this.$searchInput.val("");
+    }
+
+    _onInput_searchInput(e) {
+        // this._fillResultsData(self .$searchInput.val());
+        this.$buttonAddOptions.hide();
+        this.$buttonCreate.show();
+        // console.log("on input");
+        this.$resultsBox.show();
+        this.$optionsBox.hide();
+    }
+
+    _onClick_searchInput(e) {
+        this.$optionsBox.show();
+        this.$resultsBox.hide();
+        this.$searchInput.val("");
+    }
+}
\ No newline at end of file
diff --git a/assets/lib/proekton-components/js/src/SelectedContainer.js b/assets/lib/proekton-components/js/src/SelectedContainer.js
index 044cd12..681940e 100644
--- a/assets/lib/proekton-components/js/src/SelectedContainer.js
+++ b/assets/lib/proekton-components/js/src/SelectedContainer.js
@@ -5,8 +5,8 @@ import onBind from './decorators'
 
 let tmpl_selectedElement = (header, name, id) =>
     `
-            <div class="selected-element">
-                <div class="header">
+            <div class="selected-element" style="${header ? '': 'display:flex; align-items: center;' }">
+                <div class="${header ? 'header' : ''}">
                     ${header}
                 </div>
                 <div class="name">
@@ -17,19 +17,23 @@ let tmpl_selectedElement = (header, name, id) =>
 `;
 
 export default class SelectedContainer {
-    constructor($container, {obj, noTree = false, onlyOne = false}) {
+    constructor($container, {obj, noTree = false, noHeader = false, onlyOne = false}) {
         // TODO: rename variables to camelCase
         this.$self = $container;
         this.elements_id = []; // [spec_id, spec_id, ...]
         this.onlyOne = onlyOne;
+        this.options = {noHeader};
         const self = this;
         this.$self.hide();
 
         obj.dataPromise
             .then(
                 (data) => {
-                    this.dataTree = noTree ? new NoTreeData(data.results) : new DataTree(data.results);
+                    data = data.results ? data.results : data;
+                    this.dataTree = noTree ? new NoTreeData(data) : new DataTree(data);
                     this.$input = this.$self.find('input[type="hidden"]');
+                    if (this.$input.length == 0) throw new URIError(`input for ${this.$self.attr("class")} not found`);
+
                     this.restoreElements();
                 }
             )
@@ -86,6 +90,12 @@ export default class SelectedContainer {
         console.log("Error loading data -->", error);
     }
 
+    removeAll() {
+        for (let id of this.elements_id){
+            this._removeById(id);
+        }
+    }
+
     @onBind
     remove(e) {
         let spec_id = $(e.target).data("id");
@@ -111,7 +121,8 @@ export default class SelectedContainer {
         const name = this.dataTree.getElementById(id).name;
         this.elements_id.push(id);
         if (this.$input) this.$input.val(this.elements_id.join(','));
-        this.$self.append(SelectedContainer.getTemplate(header || "&nbsp;", name, id));
+        // console.log("header = ", header);
+        this.$self.append(SelectedContainer.getTemplate(header || (this.options.noHeader ? "" : "&nbsp;") , name, id));
         this.btn_remove = this.$self.find('.icon-remove');
         this.btn_remove.on("click", this.remove.bind(self));
         if (this.elements_id.length) this.$self.show();
@@ -120,6 +131,10 @@ export default class SelectedContainer {
     @onBind
     add(_id, max_len) {
         const id = Number(_id);
+        const el = this.dataTree.getElementById(id);
+        if (!el){
+            throw new Error(`Элемент с id = ${_id} не найден и не может быть добавлен`)
+        }
         let self = this;
         if (this.onlyOne) {
             this.replace(_id, max_len);
diff --git a/assets/lib/proekton-components/js/src/SelectedContainerCreate.js b/assets/lib/proekton-components/js/src/SelectedContainerCreate.js
new file mode 100644
index 0000000..46834e0
--- /dev/null
+++ b/assets/lib/proekton-components/js/src/SelectedContainerCreate.js
@@ -0,0 +1,28 @@
+import SelectedContainer from './SelectedContainer'
+import onBind from './decorators'
+
+/**
+ * Контэйнер - позволяющий принимать/отправлять новый объект для создания
+ */
+//TODO: попробовать реализовать как Mixin
+export default class SelectedContainerCreate extends SelectedContainer {
+    @onBind
+    add(_id, max_len) {
+        console.log("_id = ", _id);
+        const self = this;
+        if (_id.text) {
+            this._removeById(this.elements_id[0]);
+            this.elements_id = [0];
+            this.$input_id = this.$self.find('input[type="hidden"].-id');
+            this.$input_id.val();
+            this.$input_name = this.$self.find('input[type="hidden"].-name');
+            this.$input_name.val(_id.text);
+            this.$self.append(SelectedContainer.getTemplate("", _id.text, 0));
+            this.btn_remove = this.$self.find('.icon-remove');
+            this.btn_remove.on("click", this.remove.bind(self));
+            if (this.elements_id.length) this.$self.show();
+            return
+        }
+        super.add(_id, max_len)
+    }
+}
\ No newline at end of file
diff --git a/assets/lib/proekton-components/js/src/SingleTreeSelect.js b/assets/lib/proekton-components/js/src/SingleTreeSelect.js
index 21ba59b..5473058 100644
--- a/assets/lib/proekton-components/js/src/SingleTreeSelect.js
+++ b/assets/lib/proekton-components/js/src/SingleTreeSelect.js
@@ -17,7 +17,9 @@ const tmpl_elementResult = (el, id, header) =>
     `<li data-id="${id}">
         ${el}
     </li>`;
-
+/**
+ * Поиск только в своей категории, отсутствует множественный выбор
+ */
 export default class SingleTreeSelect extends TreeSelect {
     getTemplate(classes) {
         let selectBox = this.hasEditableContainer ? tmpl_selectBoxEditCont() : tmpl_selectBox();
diff --git a/assets/lib/proekton-components/js/src/TreeSelect.js b/assets/lib/proekton-components/js/src/TreeSelect.js
index 22c087b..a98230e 100644
--- a/assets/lib/proekton-components/js/src/TreeSelect.js
+++ b/assets/lib/proekton-components/js/src/TreeSelect.js
@@ -2,11 +2,6 @@ import {AbsBaseSelect} from './base/AbsBaseSelect'
 import DataTree from './data/DataTree'
 
 export default class TreeSelect extends AbsBaseSelect{
-    constructor($container, {url, obj, hasEditableContainer = false, visible = hasEditableContainer}){
-        //TODO: сделать автоматическую передачу всех параметров родителю
-        super($container, {url, obj, hasEditableContainer, visible});
-    }
-
     setNearbySelectBox(next, prev) {
         this.nextSelectBox = next;
         this.prevSelectBox = prev;
diff --git a/assets/lib/proekton-components/js/src/base/AbsBaseSelect.js b/assets/lib/proekton-components/js/src/base/AbsBaseSelect.js
index 5fda01f..ed741f0 100644
--- a/assets/lib/proekton-components/js/src/base/AbsBaseSelect.js
+++ b/assets/lib/proekton-components/js/src/base/AbsBaseSelect.js
@@ -65,12 +65,13 @@ const tmpl_selectBoxResults = () =>
     </div>
 `;
 
-const htmlTemplate = ({header, selectBox, id = "", classes = "", tmpl_selectBoxOptions = () => "", tmpl_selectBoxResults = () => ""}) =>
+const htmlTemplate = ({header, selectBox, required = false, id = "", classes = "", tmpl_selectBoxOptions = () => "", tmpl_selectBoxResults = () => ""}) =>
     `
 <div class="select-box-container ${classes}" id="${id}">
     <div class="select-box-header">
         <div class="header">${header}</div>
          <i class="fa fa-question-circle-o" aria-hidden="true" title="bla-bla-bla..."></i>
+         ${required ? '<span class="required">Обязательно</span>': ''}
     </div>
     <div class="select-box-search">
         ${selectBox}
@@ -86,7 +87,7 @@ let tmpl_light = (el) => `<span class="highlight">${el}</span>`;
 let tmpl_preloader = () => `<div id="component-preloader"><span class="spinner"></span></div>`;
 
 export default class AbsBaseSelect {
-    constructor($container, {url, obj, hasEditableContainer = false, visible = false}) {
+    constructor($container, {url, obj, hasEditableContainer = false, visible = false, required = false}) {
         if (new.target === AbsBaseSelect) {
             throw new TypeError("Cannot construct Abstract instances directly");
         }
@@ -100,6 +101,7 @@ export default class AbsBaseSelect {
         this.$container = $container;
         this.hasEditableContainer = hasEditableContainer;
         this.visible = visible;
+        this.required = required;
         // Быстрая заглушка, до отображения данных
         if (visible) {
             let preloaderTemplate = tmpl_preloader();
@@ -112,7 +114,11 @@ export default class AbsBaseSelect {
             this.$preloader = $container.find('#component-preloader');
             this.$spinner = this.$preloader.find('.spinner');
         }
-        if (url) this.dataPromise = this.getData(url);
+        if (url) {
+            this.dataPromise = this.getData(url);
+            //TODO: дописать более гибкую обработку url
+            this.type = url.split("/")[2]
+        }
         let _dataPromise;
         if (url) {
             _dataPromise = this.dataPromise;
@@ -137,7 +143,7 @@ export default class AbsBaseSelect {
         let selectBox = this.hasEditableContainer ? tmpl_selectBoxEditCont() : tmpl_selectBox();
         classes = classes ? classes.join(" ") : "";
         return htmlTemplate({
-            header: "TestHeader", selectBox, id: this.containerId, classes,
+            header: "TestHeader", selectBox, required: this.required, id: this.containerId, classes,
             tmpl_selectBoxOptions, tmpl_selectBoxResults
         })
     }
@@ -280,9 +286,6 @@ export default class AbsBaseSelect {
         this.$buttonAddOptions.hide();
         //    TODO: сделать проверку на наличие всех нужных элементов и их корректый jq select
 
-        // REDEFINE IN CHILD
-        // this.dataTree = data;
-        // this._bindEvents();
     }
 
     _fillOptionsData() {
@@ -392,6 +395,18 @@ export default class AbsBaseSelect {
         this.selectedContainer.add(id)
     }
 
+    _onInput_searchInput(e) {
+        this._fillResultsData(this.$searchInput.val());
+        this.$resultsBox.show();
+        this.$optionsBox.hide();
+    }
+
+    _onClick_searchInput(e) {
+        this.$optionsBox.show();
+        this.$resultsBox.hide();
+        this.$searchInput.val("");
+    }
+
     _bindEvents() {
         let self = this;
         $(document).click(function (event) {
@@ -401,22 +416,11 @@ export default class AbsBaseSelect {
             self._looseFocus();
         });
         // RESULTS BOX
-        this.$searchInput.on("input", function (e) {
-            self._fillResultsData(self.$searchInput.val());
-            self.$resultsBox.show();
-            self.$optionsBox.hide();
-
-        });
+        this.$searchInput.on("input", this._onInput_searchInput.bind(self));
         // OPTIONS BOX
-        this.$searchInput.on("click", function (e) {
-            self.$optionsBox.show();
-            self.$resultsBox.hide();
-            self.$searchInput.val("");
-        });
+        this.$searchInput.on("click", this._onClick_searchInput.bind(self));
 
-        this.$buttonAdd.on("click", function (e) {
-            self._onButtonAdd(e);
-        });
+        this.$buttonAdd.on("click", this._onButtonAdd.bind(self));
 
         this.$buttonAddOptions.on("click", this._onButtonAddOptions.bind(self))
     }
diff --git a/assets/lib/proekton-components/js/src/decorators.js b/assets/lib/proekton-components/js/src/decorators.js
index b112c79..d12768e 100644
--- a/assets/lib/proekton-components/js/src/decorators.js
+++ b/assets/lib/proekton-components/js/src/decorators.js
@@ -4,13 +4,16 @@ export default function onBind(target, name, descriptor) {
     descriptor.value = function (...args) {
         let binds = [];
         args = Array.from(args);
+        console.log("args -->", args.slice());
         for (let arg of args.slice()) {
             // console.log("onBind -->", typeof arg, "arg = ", arg);
             // console.log("arg.func -->", typeof arg.originalEvent);
             // typeof arg === 'object' && !(arg.originalEvent)
-            if (arg.bindFunc) {
+            if (arg && arg.bindFunc) {
                 binds.push(arg);
                 args.splice(args.indexOf(arg), 1);
+            }else {
+                console.log("arg = ", arg);
             }
         }
         method.apply(this, args);
diff --git a/assets/lib/proekton-components/js/src/init.js b/assets/lib/proekton-components/js/src/examples/init.js
similarity index 100%
rename from assets/lib/proekton-components/js/src/init.js
rename to assets/lib/proekton-components/js/src/examples/init.js
diff --git a/assets/lib/proekton-components/js/src/init_example.js b/assets/lib/proekton-components/js/src/examples/init_example.js
similarity index 100%
rename from assets/lib/proekton-components/js/src/init_example.js
rename to assets/lib/proekton-components/js/src/examples/init_example.js
diff --git a/assets/lib/proekton-components/js/src/init_user_profile.js b/assets/lib/proekton-components/js/src/examples/init_user_profile.js
similarity index 100%
rename from assets/lib/proekton-components/js/src/init_user_profile.js
rename to assets/lib/proekton-components/js/src/examples/init_user_profile.js
diff --git a/assets/lib/proekton-components/js/src/init_customer_project_create.js b/assets/lib/proekton-components/js/src/init_customer_project_create.js
deleted file mode 100644
index 0e06f48..0000000
--- a/assets/lib/proekton-components/js/src/init_customer_project_create.js
+++ /dev/null
@@ -1,66 +0,0 @@
-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');
-
-});
\ No newline at end of file
diff --git a/assets/lib/proekton-components/sass/components.sass b/assets/lib/proekton-components/sass/components.sass
new file mode 100644
index 0000000..df6cec4
--- /dev/null
+++ b/assets/lib/proekton-components/sass/components.sass
@@ -0,0 +1,4 @@
+@import "parts/fonts.sass"
+@import "parts/select-box"
+@import "parts/selected-container"
+@import "parts/editable-container"
diff --git a/assets/lib/proekton-components/sass/parts/_editable-container.sass b/assets/lib/proekton-components/sass/parts/_editable-container.sass
new file mode 100644
index 0000000..8a0a5ce
--- /dev/null
+++ b/assets/lib/proekton-components/sass/parts/_editable-container.sass
@@ -0,0 +1,11 @@
+.editable-container
+  display: block
+  float: left
+  background-color: #e5e5e5
+  color: #585858
+  font-size: 9pt
+  padding: 5px 10px
+  height: 51px
+  margin-left: 8px
+  position: relative
+  left: -30px
diff --git a/assets/lib/proekton-components/sass/parts/_fonts.sass b/assets/lib/proekton-components/sass/parts/_fonts.sass
new file mode 100644
index 0000000..5adb16a
--- /dev/null
+++ b/assets/lib/proekton-components/sass/parts/_fonts.sass
@@ -0,0 +1,18 @@
+@import "base/variavles"
+@font-face
+  font-family: "Myriad"
+  src: url('#{$static}/fonts/MyriadPro/MyriadPro-Cond.otf')
+  font-weight: normal
+  font-style: normal
+
+@font-face
+  font-family: "Myriad"
+  src: url("#{$static}/fonts/MyriadPro/MyriadPro-BoldCond.otf")
+  font-weight: bold
+  font-style: normal
+
+@font-face
+  font-family: "Myriad"
+  src: url("#{$static}/fonts/MyriadPro/MyriadPro-CondIt.otf")
+  font-weight: normal
+  font-style: italic
\ No newline at end of file
diff --git a/assets/lib/proekton-components/sass/parts/_select-box.sass b/assets/lib/proekton-components/sass/parts/_select-box.sass
new file mode 100644
index 0000000..4733770
--- /dev/null
+++ b/assets/lib/proekton-components/sass/parts/_select-box.sass
@@ -0,0 +1,165 @@
+@import "base/variavles"
+@import "base/colors"
+@import "common/parts"
+
+.select-box-container
+  display: block
+
+.select-box-header
+  white-space: nowrap
+  word-wrap: break-word
+  .header
+    @extend %header
+
+.select-box-bottom
+  clear: both
+
+.select-box-results, .select-box-options
+  position: absolute
+  z-index: 99999
+  opacity: 0.95
+
+.box-wrapper
+  display: block
+  max-height: 200px
+  overflow-y: auto
+  border: 1px solid #{map_get($component_colors, border)}
+  background-color: #F2F2F2
+  box-shadow: 12px 12px 10px -6px rgba(0, 0, 0, 0.2)
+
+.select-box-results
+  input[type=checkbox]
+    margin: 0 5px 0 5px
+  .header
+    font-size: 8pt
+    color: #757575
+    pointer-events: none
+  margin: 0
+  padding: 0
+
+.select-box-options li, ul
+  margin: 0
+  padding: 0
+
+.select-box-options ul
+  border-right: 1px solid #{map_get($component_colors, border)}
+
+.select-box-results
+  ul:last-child
+    border-bottom: none
+  li
+    padding: 2px 10px
+    border-bottom: 1px solid #{map_get($component_colors, border)}
+    list-style: none
+    font-size: 9pt
+    color: #494546
+
+.select-box-options li
+  padding: 2px 10px
+  border-bottom: 1px solid #{map_get($component_colors, border)}
+  list-style: none
+  font-size: 9pt
+  color: #494546
+
+.select-box-results label, .select-box-options label, .select-box-results li, .select-box-options li
+  cursor: pointer
+  display: inline-block
+  font-weight: normal
+  width: 100%
+
+.select-box-results li:hover, .select-box-options li:hover
+  background-color: #dcdcdc
+  border-left: 2px solid #{map_get($component_colors, select)}
+  color: #0e0e0e
+
+.select-box-search
+  position: relative
+
+input.select-box-search
+  height: 51px
+  width: 100%
+  border: 1px solid #{map_get($component_colors, border)}
+  outline: none
+  padding: 5px 40px 5px 20px
+  background:
+    image: url("#{$static}/img/zoom.svg")
+    repeat: no-repeat
+    position-x: right
+    size: 40px 40px
+    color: white
+  margin-bottom: -1px
+  &.active
+    border: 1px solid #{map_get($component_colors, select)}
+  &:-webkit-autofill
+    transition: background-color 5000s ease-in-out 0s
+    &:hover, &:focus
+      transition: background-color 5000s ease-in-out 0s
+
+.select-box-results
+  .main-part
+    display: block
+    border-right: 1px solid #{map_get($component_colors, border)}
+  .other-part
+    border-right: 1px solid #{map_get($component_colors, border)}
+    border-top: 1px solid #000000
+    color: darkgray
+  .other-header
+    color: #000
+    font-weight: bold
+    margin-left: 10px
+
+/*???
+
+.select-box-options .box-wrapper, .select-box-results
+  min-width: 300px
+  max-width: 400px
+
+button.button-add
+  box-shadow: none
+  border: none
+
+.button-add
+  position: absolute
+  bottom: -30px
+  right: 0
+  z-index: 999
+  font:
+    family: Myriad
+    weight: normal
+    style: normal
+    size: 10pt
+  -moz-border-radius: 15px
+  /* Firefox
+  -webkit-border-radius: 15px
+  /* Safari 4
+  border-radius: 15px
+  /* IE 9, Safari 5, Chrome
+  background-color: #{map_get($component_colors, select)}
+  padding: 4px 15px 2px 15px
+  text-decoration: none
+  color: white
+  &.results
+    position: relative
+    float: right
+    bottom: 0
+
+.highlight
+  color: #{map_get($component_colors, select)}
+
+#component-preloader
+  position: absolute
+  left: 0
+  top: 0
+  right: 0
+  bottom: 0
+  background: #9fa4a4
+  opacity: 0.2
+  z-index: 100500
+  .spinner
+    width: 32px
+    height: 32px
+    position: absolute
+    left: 50%
+    top: 50%
+    background: url('#{$static}/img/ajax-loader.gif') no-repeat 50% 50%
+    margin: -16px 0 0 -16px
\ No newline at end of file
diff --git a/assets/lib/proekton-components/sass/parts/_selected-container.sass b/assets/lib/proekton-components/sass/parts/_selected-container.sass
new file mode 100644
index 0000000..161e077
--- /dev/null
+++ b/assets/lib/proekton-components/sass/parts/_selected-container.sass
@@ -0,0 +1,44 @@
+@import "base/variavles"
+
+.selected-container
+  min-height: 40px
+  //padding-bottom: 20px
+  .selected-element
+    padding: 5px 35px 5px 10px
+    margin-top: 8px
+    min-height: 45px
+    background-color: #e3e3e3
+    border: 1px solid #dbdbdb
+    position: relative
+    -moz-border-radius: 10px
+    -webkit-border-radius: 10px
+    border-radius: 10px
+    .header,
+    .name
+      white-space: nowrap
+      text-overflow: ellipsis
+      overflow: hidden
+      width: 100%
+    .header
+      font-size: 7pt
+      color: #676363
+    .name
+      font-size: 11pt
+      display: inline-block
+    .icon-remove
+      background-image: url('#{$static}/img/cross01.png')
+      background-size: 20px 20px
+      position: absolute
+      right: 5px
+      top: 15px
+      width: 20px
+      height: 20px
+      cursor: pointer
+      margin-left: -20px
+
+.horizontal
+  &.selected-container
+    display: inline-block
+    max-width: 300px
+    .header, .name
+      max-width: 300px
\ No newline at end of file
diff --git a/assets/sass/base/_colors.sass b/assets/sass/base/_colors.sass
new file mode 100644
index 0000000..60cf950
--- /dev/null
+++ b/assets/sass/base/_colors.sass
@@ -0,0 +1,6 @@
+$col_component_headers: #000
+//$colors: (c_red: #ff0000, c_green: #00FF00, c_blue: #0000FF)
+
+$component_colors: (header: #000, header_favicon: #5e5e5e, border: #cccccc, select: #FF0029)
+// #{map_get($component_colors, border)}
+
diff --git a/assets/sass/base/_fonts.sass b/assets/sass/base/_fonts.sass
new file mode 100644
index 0000000..be9d9e8
--- /dev/null
+++ b/assets/sass/base/_fonts.sass
@@ -0,0 +1,29 @@
+$static : '/static'
+
+@font-face
+  font-family: 'pfbeausanspro-reg'
+  src: url('#{$static}/fonts/PFBeauSansPro-Regular/PFBeauSansPro-Regular.eot?#iefix') format("embedded-opentype"), url('#{$static}/fonts/PFBeauSansPro-Regular/PFBeauSansPro-Regular.woff') format("woff"), url('#{$static}/fonts/PFBeauSansPro-Regular/PFBeauSansPro-Regular.ttf') format("truetype"), url('#{$static}/fonts/PFBeauSansPro-Regular/PFBeauSansPro-Regular.svg#PFBeauSansPro-Regular') format("svg")
+  font-weight: normal
+  font-style: normal
+
+
+@font-face
+  font-family: 'pfbeausanspro-thin'
+  src: url('#{$static}/fonts/PFBeauSansPro-Thin/PFBeauSansPro-Thin.eot?#iefix') format("embedded-opentype"), url('#{$static}/fonts/PFBeauSansPro-Thin/PFBeauSansPro-Thin.woff') format("woff"), url('#{$static}/fonts/PFBeauSansPro-Thin/PFBeauSansPro-Thin.ttf') format("truetype"), url('#{$static}/fonts/PFBeauSansPro-Thin/PFBeauSansPro-Thin.svg#PFBeauSansPro-Thin') format("svg")
+  font-weight: normal
+  font-style: normal
+
+
+@font-face
+  font-family: 'pfdintextcomppro-regular'
+  src: url('#{$static}/fonts/PFDinTextCompPro-Regular/PFDinTextCompPro-Regular.eot?#iefix') format("embedded-opentype"), url('#{$static}/fonts/PFDinTextCompPro-Regular/PFDinTextCompPro-Regular.woff') format("woff"), url('#{$static}/fonts/PFDinTextCompPro-Regular/PFDinTextCompPro-Regular.ttf') format("truetype"), url('#{$static}/fonts/PFDinTextCompPro-Regular/PFDinTextCompPro-Regular.svg#PFDinTextCompPro-Regular') format("svg")
+  font-weight: normal
+  font-style: normal
+
+
+@font-face
+  font-family: 'Arial-MT-Regular'
+  src: url('#{$static}/fonts/Arial-MT-Regular/Arial-MT-Regular.eot')
+  src: url('#{$static}/fonts/Arial-MT-Regular/Arial-MT-Regular.eot?#iefix') format("embedded-opentype"), url('#{$static}/fonts/Arial-MT-Regular/Arial-MT-Regular.woff') format("woff"), url('#{$static}/fonts/Arial-MT-Regular/Arial-MT-Regular.ttf') format("truetype"), url('#{$static}/fonts/Arial-MT-Regular/Arial-MT-Regular.svg#Arial-MT-Regular') format("svg")
+  font-weight: normal
+  font-style: normal
\ No newline at end of file
diff --git a/assets/sass/base/_variavles.sass b/assets/sass/base/_variavles.sass
new file mode 100644
index 0000000..6b55625
--- /dev/null
+++ b/assets/sass/base/_variavles.sass
@@ -0,0 +1 @@
+$static : '/static'
\ No newline at end of file
diff --git a/assets/sass/common/_parts.sass b/assets/sass/common/_parts.sass
new file mode 100644
index 0000000..a1b9069
--- /dev/null
+++ b/assets/sass/common/_parts.sass
@@ -0,0 +1,20 @@
+@import "base/colors"
+
+%header
+  display: inline-block
+  text-overflow: ellipsis
+  overflow: hidden
+  word-wrap: break-word
+  vertical-align: bottom
+  font-size: 12pt
+  color: #{map_get($component_colors, header)}
+  max-width: 220px
+.fa
+  color: #{map_get($component_colors, header_favicon)}
+  position: relative
+  &:hover
+    cursor: pointer
+.required
+  font:
+    size: 10pt
+  color: #9f9f9f
\ No newline at end of file
diff --git a/assets/sass/components/custom-components.sass b/assets/sass/components/custom-components.sass
new file mode 100644
index 0000000..c0871e6
--- /dev/null
+++ b/assets/sass/components/custom-components.sass
@@ -0,0 +1,213 @@
+@import "common/parts"
+@import "base/colors"
+@import "base/variavles"
+
+.simple-field
+  .header
+    @extend %header
+    max-width: 100%
+
+.simple-input
+  height: 51px
+  width: 100%
+  border: 1px solid #cccccc
+  outline: none
+  padding: 5px 40px 5px 20px
+  background-color: white
+  margin-bottom: -1px
+  &.icon-rub
+    background:
+      image: url("#{$static}/img/rub.png")
+      repeat: no-repeat
+      position-x: 95%
+      position-y: center
+      size: 16px 16px
+      color: white
+  &.icon-days
+    background:
+      image: url("#{$static}/img/days.png")
+      repeat: no-repeat
+      position-x: 95%
+      position-y: center
+      size: 40px 14px
+      color: white
+
+.simple-select
+  height: 51px
+  width: 100%
+  border: 1px solid #cccccc
+  outline: none
+  padding: 5px 40px 5px 20px
+  background-color: white
+  margin-bottom: -1px
+  display: flex
+  align-items: center
+  text-align: center
+  select
+    background-color: darkgray
+  &.fill
+    background-color: #F2F2F2
+  .text
+    color: #a3a3a3
+
+.upload-new
+  width: 50%
+  height: 30px
+  overflow: hidden
+  cursor: pointer
+  border-radius: 40px
+  border: 1px solid #FF0029
+  &:hover
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
+    -webkit-transform: scale(1.04)
+    -moz-transform: scale(1.04)
+    transform: scale(1.04)
+
+.btn-simple
+  border-radius: 40px
+  padding: 10px 15px
+  border: 1px solid #FF0029
+  background: none
+  font-family: Myriad, sans-serif
+  font-weight: normal
+  font-style: normal
+  font-size: 14pt
+  &:hover
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
+    -webkit-transform: scale(1.04)
+    -moz-transform: scale(1.04)
+    transform: scale(1.04)
+  &:focus
+    outline: none
+  &:active
+    outline: 0 !important
+
+//.btn-simple
+
+.upload-new, .btn-simple
+  transition: all 0.3s
+  cursor: pointer
+
+.upload-new
+  input
+    display: block !important
+    width: 100% !important
+    height: 30px !important
+    opacity: 0 !important
+    cursor: pointer
+  p
+    line-height: 30px
+    text-transform: uppercase
+    margin: -30px 0 0 0
+    font-size: 12px
+    text-align: center
+    font-family: Myriad, sans-serif
+
+.upload-new.paper-clip
+  padding-left: 40px
+  padding-right: 15px
+  background: url("#{$static}/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
+
+.separator
+  margin-top: 35px
+  margin-bottom: 15px
+  display: flex
+  .header
+    @extend %header
+    max-width: 100%
+  .resButton
+    position: relative
+    top: -15px
+    width: 50px
+    height: 50px
+    background-color: white
+    border: 1px solid #CFCFCF
+    color: #FF0029
+    text-align: center
+    font-size: 16px
+    border-radius: 50%
+    margin-left: 25px
+    -webkit-transition: all 0.3s ease-out
+    -moz-transition: all 0.3s ease-out
+    transition: all 0.3s ease-out
+    transform: rotate(180deg)
+    &:focus
+      outline: none
+
+  .border
+    flex: 1 1 auto
+    margin: 10px 0 0 25px
+    border-top: 1px solid #CFCFCF
+
+.btn-plus
+  white-space: normal
+  padding-left: 18%
+  color: #FF0029
+  line-height: 1em
+  font-family: Arial-MT-Regular, sans-serif
+  font-size: 10pt
+
+.btn-plus:hover
+  color: #FF0029
+
+.btn-plus
+  background: url("#{$static}/img/circle_cross.svg") no-repeat left
+  background-position-x: 5px
+
+.custom-checkbox
+  width: 20px
+  height: 20px
+
+.custom-radio
+  width: 20px
+  height: 20px
+
+.custom-check
+  cursor: pointer
+  display: inline-block
+  width: 100%
+  .checked
+    background: url("#{$static}/img/checkbox_Check.png.png") no-repeat center
+    background-size: 100% 51px
+    width: 100%
+    height: 51px
+  .not-checked
+    background: url("#{$static}/img/checkbox_notCheck.png") no-repeat center
+    background-size: 100% 51px
+    width: 100%
+    height: 51px
+
+.documentsChat
+  .file-upload-label
+    color: darkgray
+  .file-upload-remove-btn
+    display: inline-block
+    //position: absolute
+    width: 11px
+    height: 11px
+    background: url('#{$static}/img/delDoc.png') no-repeat center
+    //background-size: cover
+    //right: -20px !important
+    //top: 2px
+    cursor: pointer
+
+.complete
+  display: none
+
+.more
+  font-style: italic
+  color: #{map_get($component_colors, select)}
+  padding: 3px
+  cursor: pointer
+  &:before
+    content: '...читать далее'
+  &.less
+    &:before
+      content: 'свернуть'
diff --git a/assets/sass/main.sass b/assets/sass/main.sass
new file mode 100644
index 0000000..362acff
--- /dev/null
+++ b/assets/sass/main.sass
@@ -0,0 +1,65 @@
+@import "base/fonts.sass"
+@import "base/colors.sass"
+@import "common/parts"
+
+body
+  font-size: 11pt
+  font-family: Arial-MT-Regular, Arial, sans-serif
+
+.main-scope
+  > .row
+    border-right: 1px solid #CFCFCF
+    border-left: 1px solid #CFCFCF
+
+.main-content
+  padding: 43px 25px 40px 25px
+
+.title-scope
+  line-height: 36px
+  padding: 0 100px
+  text-align: center
+  width: 100%
+  h1
+    font:
+      family: 'pfbeausanspro-thin', sans-serif
+      size: 36px
+      style: normal
+      variant-ligatures: normal
+      variant-caps: normal
+      variant-numeric: normal
+      weight: normal
+      stretch: normal
+    letter-spacing: 2px
+
+.vertical-child
+  margin-top: 30px
+
+.header
+  @extend %header
+  max-width: 100%
+
+//  TODO: move to modules/_mods.sass
+.mod-align-bottom
+  display: flex
+  //-ms-flex-align: center
+  //-webkit-align-items: center
+  //-webkit-box-align: center
+  align-items: flex-end
+
+.mod-align-center
+  display: flex
+  //-ms-flex-align: center
+  //-webkit-align-items: center
+  //-webkit-box-align: center
+  align-items: center
+
+.logical-block
+  $pad: 30px
+  padding-top: $pad
+  padding-bottom: $pad
+  margin-top: $pad
+  border-top: 1px solid #CFCFCF
+  border-bottom: 1px solid #CFCFCF
+
+.select-text
+  color: #{map_get($component_colors, select)}
\ No newline at end of file
diff --git a/assets/sass/modules/_mods.sass b/assets/sass/modules/_mods.sass
new file mode 100644
index 0000000..261ac62
--- /dev/null
+++ b/assets/sass/modules/_mods.sass
@@ -0,0 +1,6 @@
+.vertical-bottom
+  display: flex
+  -ms-flex-align: center
+  -webkit-align-items: center
+  -webkit-box-align: center
+  align-items: flex-end
\ No newline at end of file
diff --git a/assets/sass/utils/_functions.sass b/assets/sass/utils/_functions.sass
new file mode 100644
index 0000000..c877f11
--- /dev/null
+++ b/assets/sass/utils/_functions.sass
@@ -0,0 +1,10 @@
+//TODO: Заготовка, на будущее
+//http://www.creative-seo.ru/blog/sass-maps/
+@import "base/colors"
+
+@function component_colors($key)
+  @if map-has-key($component_colors, $key)
+    @return map-get($component_colors, $key)
+
+  @warn "Unknown `#{$key}` in $component_colors."
+  @return null
diff --git a/package.json b/package.json
index ee9f529..b88df41 100644
--- a/package.json
+++ b/package.json
@@ -3,14 +3,13 @@
   "version": "0.0.3",
   "description": "curl http://nodejs.org/dist/node-latest.tar.gz | tar xvz cd node-v* python2 ./configure --prefix=~/venv/proekton/(or $VIRTUAL_ENV) make install",
   "main": "init.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
   "author": "Booblegum",
   "license": "ISC",
   "devDependencies": {
+    "babel-core": "^6.18.2",
+    "babel-loader": "^6.2.8",
     "babel-plugin-transform-decorators-legacy": "^1.3.4",
     "babel-preset-es2015": "^6.18.0",
-    "babelify": "^7.3.0"
+    "webpack": "^1.13.3"
   }
 }
diff --git a/projects/forms.py b/projects/forms.py
index 5778d5a..7172428 100644
--- a/projects/forms.py
+++ b/projects/forms.py
@@ -116,6 +116,7 @@ class CustomerProjectEditForm(forms.ModelForm):
             'price_and_term_required',
             'realty',
             'specialization',
+            'term',
             'term_type',
             'text',
             'work_type',
@@ -155,6 +156,50 @@ class CustomerProjectEditForm(forms.ModelForm):
         return cleaned_data
 
 
+class CustomerProjectEditFormNew(forms.ModelForm):
+    # Define a form field manually for a reverse model vield:
+
+    files = forms.ModelMultipleChoiceField(
+        queryset=ProjectFile.objects.none(),
+        widget=forms.CheckboxSelectMultiple,
+        required=False,
+    )
+
+    class Meta:
+        model = Project
+
+        fields = (
+            'budget',
+            'budget_by_agreement',
+            'cro',
+            # 'currency',
+            'deal_type',
+            'files',
+            'name',
+            'price_and_term_required',
+            'realty',
+            'specialization',
+            'term',
+            # 'term_type',
+            'text',
+            # 'work_type',
+        )
+
+    def __init__(self, *args, **kwargs):
+        self.request = kwargs.pop('request')
+        super().__init__(*args, **kwargs)
+
+        # self.fields['realty'].queryset = self.request.user.realties.all()
+
+        # self.fields['budget'].required = False
+
+        # self.fields['specialization'].queryset = Specialization.objects.root_nodes()[0].get_descendants()
+        # self.fields['specialization'].queryset = Specialization.objects # Migrate with this enabled
+        # print("files = ", self.instance.files)
+        # if self.instance.pk:
+        #     self.fields['files'].queryset = self.instance.files
+
+
 class RealtyForm(forms.ModelForm):
     building_classification = TreeNodeChoiceField(
         BuildingClassfication.objects.exclude(name='_root'),
@@ -193,6 +238,40 @@ class RealtyForm(forms.ModelForm):
         # self.fields['location'].queryset = Location.objects # Migrate with this enabled
 
 
+class RealtyFormNew(forms.ModelForm):
+    # building_classification = TreeNodeChoiceField(
+    #     BuildingClassfication.objects.exclude(name='_root'),
+    #     label="ll", initial='',
+    #     widget=forms.Select(attrs={
+    #         'class': 'selectpicker',
+    #         'id': 'realtyBuildingClassificationId'
+    #     }),
+    #     level_indicator='  ',
+    # )
+
+    class Meta:
+        model = Realty
+
+        fields = (
+            'building_classification',
+            'construction_type',
+            'location',
+            'name',
+        )
+
+    def __init__(self, *args, **kwargs):
+        self.request = kwargs.pop('request')
+        super().__init__(*args, **kwargs)
+
+        # if not self.data.get('extra_fields'):
+        #     self.fields['name'].required = False
+        #
+        # self.fields['location'].queryset = Location.objects.root_nodes()[0].get_descendants()
+        # self.fields['building_classification'].queryset = BuildingClassfication.objects.root_nodes()[
+        #     0].get_descendants()
+        # self.fields['location'].queryset = Location.objects # Migrate with this enabled
+
+
 class PortfolioForm(forms.ModelForm):
     building_classification = TreeNodeChoiceField(
         BuildingClassfication.objects.exclude(name='_root'),
diff --git a/projects/migrations/0048_auto_20161201_2003.py b/projects/migrations/0048_auto_20161201_2003.py
new file mode 100644
index 0000000..789fd8b
--- /dev/null
+++ b/projects/migrations/0048_auto_20161201_2003.py
@@ -0,0 +1,47 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.9.7 on 2016-12-01 17:03
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+import django.db.models.deletion
+import mptt.fields
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('projects', '0047_auto_20161014_2349'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='realty',
+            name='is_virtual',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.AlterField(
+            model_name='portfolio',
+            name='work_type',
+            field=models.IntegerField(choices=[(403, 'Проектирование777'), (87, 'Техническое сопровождение666')], default=1),
+        ),
+        migrations.AlterField(
+            model_name='project',
+            name='term_type',
+            field=models.CharField(choices=[('day', 'день'), ('hour', 'час'), ('month', 'месяц'), ('project', 'проект')], default='day', max_length=20),
+        ),
+        migrations.AlterField(
+            model_name='project',
+            name='work_type',
+            field=models.IntegerField(choices=[(403, 'Проектирование777'), (87, 'Техническое сопровождение666')], default=1),
+        ),
+        migrations.AlterField(
+            model_name='realty',
+            name='building_classification',
+            field=mptt.fields.TreeForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='realties', to='projects.BuildingClassfication'),
+        ),
+        migrations.AlterField(
+            model_name='realty',
+            name='construction_type',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='realties', to='projects.ConstructionType'),
+        ),
+    ]
diff --git a/projects/migrations/0049_auto_20161201_2157.py b/projects/migrations/0049_auto_20161201_2157.py
new file mode 100644
index 0000000..ff28606
--- /dev/null
+++ b/projects/migrations/0049_auto_20161201_2157.py
@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.9.7 on 2016-12-01 18:57
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('projects', '0048_auto_20161201_2003'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='realty',
+            name='is_virtual',
+            field=models.BooleanField(default=False, editable=False),
+        ),
+        migrations.AlterField(
+            model_name='realty',
+            name='name',
+            field=models.CharField(blank=True, max_length=255),
+        ),
+    ]
diff --git a/projects/models.py b/projects/models.py
index 1e03752..beeeb40 100644
--- a/projects/models.py
+++ b/projects/models.py
@@ -68,10 +68,12 @@ class ConstructionType(models.Model):
 
 
 class Realty(models.Model):
-    building_classification = TreeForeignKey(BuildingClassfication, related_name='realties')
-    construction_type = models.ForeignKey(ConstructionType, related_name='realties')
+    building_classification = TreeForeignKey(BuildingClassfication, related_name='realties', null=True, blank=True)
+    construction_type = models.ForeignKey(ConstructionType, related_name='realties', null=True, blank=True)
     location = TreeForeignKey('common.Location', related_name='realties', null=True, blank=True)
-    name = models.CharField(max_length=255)
+    name = models.CharField(max_length=255, blank=True)
+    # Виртуальные объекты привязываются к Проектам, для которых Объект не создан явно
+    is_virtual = models.BooleanField(default=False, editable=False)
     user = models.ForeignKey(User, related_name='realties')  # Do we actually need this field?
 
     def __str__(self):
@@ -111,7 +113,7 @@ class Project(models.Model, HitCountMixin):
     price_and_term_required = models.BooleanField(default=False)
 
     term = models.IntegerField(default=0)
-    term_type = models.CharField(max_length=20, choices=TERM_TYPES, default='hour')
+    term_type = models.CharField(max_length=20, choices=TERM_TYPES, default='day')
 
     realty = models.ForeignKey(Realty, blank=True, null=True, related_name='projects')
 
diff --git a/projects/static/css/project_filter.css b/projects/static/css/project_filter.css
index a46e178..9ef61f9 100644
--- a/projects/static/css/project_filter.css
+++ b/projects/static/css/project_filter.css
@@ -22,11 +22,6 @@ body {
     margin-top: 30px;
 }
 
-.custom-check {
-    cursor: pointer;
-    display: inline-block;
-    width: 100%;
-}
 
 .header {
     font-size: 12pt;
@@ -38,6 +33,12 @@ body {
     padding-top: 10px;
 }
 
+.custom-check {
+    cursor: pointer;
+    display: inline-block;
+    width: 100%;
+}
+
 .custom-check .checked {
     background: url("../img/checkbox_Check.png.png") no-repeat center;
     background-size: 100% 51px;
diff --git a/projects/templates/_trash/customer_project_create.html b/projects/templates/_trash/customer_project_create.html
new file mode 100644
index 0000000..792fe67
--- /dev/null
+++ b/projects/templates/_trash/customer_project_create.html
@@ -0,0 +1,411 @@
+{% extends 'partials/base.html' %}
+{% load i18n %}
+
+{% block head_css %}
+  <style>
+    .-error, .errorlist {
+      color: red
+    }
+  </style>
+{% endblock %}
+
+
+{% block content %}
+  {% include 'partials/modals/project_work_type_suggestion.html' %}
+  {% include 'partials/header.html' %}
+
+  <div class="container mainScore">
+    <div class="row">
+      <div class="col-lg-12 allProjects">
+        <p class="titleScore">Новый заказ</p>
+      </div>
+
+      <form action="{% url 'projects:customer-project-create' %}" method="POST" enctype="multipart/form-data" novalidate
+            class="-spec-work-type-combo-container">
+        {% csrf_token %}
+
+        <input type="hidden" id="extraFields" name="extra_fields" value="">
+
+        <div class="chatBlock new-rass new-rass2 disTab">
+          <div class="col-lg-9">
+            <p class="new-pp new-pp3">Формирование заказа</p>
+
+            {% if form.non_field_errors %}
+              <div class="new-pp3" style="color: red; margin-top: 70px">{{ form.non_field_errors }}</div>
+            {% endif %}
+
+            <div class="textAreaBlock2 text-nn box-sizing disTab">
+              <p class="titleResF1">Название заказа <span data-tooltip data-placement="{% tooltip_placement pk=4 %}"
+                                                          title="{% tooltip pk=4 %}"
+                                                          class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
+                <span id="{% random_ident %}" class="-validation-error"
+                      style="color: red">{{ form.name.errors.as_text }}</span></p>
+              <input type="text" class="box-sizing" name="{{ form.name.html_name }}" value="{{ form.name.value }}">
+            </div>
+
+            <div class="textAreaBlock2 text-nn box-sizing disTab">
+              <p class="titleResF1">Подробно опишите задание <span data-tooltip
+                                                                   data-placement="{% tooltip_placement pk=5 %}"
+                                                                   title="{% tooltip pk=5 %}"
+                                                                   class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
+                <span id="{% random_ident %}" class="-validation-error"
+                      style="color: red">{{ form.text.errors.as_text }}</span></p>
+              <textarea name="{{ form.text.html_name }}" id="text-new"
+                        style="margin-top:0;">{{ form.text.value }}</textarea>
+            </div>
+          </div>
+          <div class="col-lg-3 wrChat1">
+            <div class="messageBlock box-sizing disTab">
+              <p>Дополнительно</p>
+            </div>
+            <div id="fileUploadContainer" class="col-lg-12 documentsChat">
+              <div class="upload">
+                <p id="fileUploadAddBtn" style="margin: 0">+ добавить файл (до 100 файлов)</p>
+              </div>
+
+              <ul 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>
+
+            <p class="type-work">{% trans 'project_stage0' %} <span data-tooltip
+                                                                    data-placement="{% tooltip_placement pk=6 %}"
+                                                                    title="{% tooltip pk=6 %}"
+                                                                    class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
+              <span id="{% random_ident %}" class="-validation-error"
+                    style="color: red">{{ form.work_type.errors.as_text }}</span></p>
+            <div class="mail-block type-work-inset -project-work-type-radios-container">
+              {% for id, text in form.work_type.field.choices %}
+                <div class="inset-mb">
+                  <label>
+                    <input
+                        type="radio"
+                        value="{{ id }}"
+                        {% if form.work_type.value|int == id %}checked{% endif %}
+                        name="{{ form.work_type.html_name }}">
+
+{#                    <span></span>#}
+                  </label>
+
+                  <p>{{ text }}</p>
+                </div>
+              {% endfor %}
+            </div>
+            <div class="textAreaBlock2 box-sizing disTab">
+              <a href="#" onclick="return false" data-toggle="modal" data-target="#projectWorkTypeSuggestionModal"
+                 class="new-link new-lw">+ Добавить раздел</a>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-12 new-filter">
+          <div class="filter clearfix">
+            <div class="polsF1 disTab">
+              <div class="col-lg-3 -single-spec-select">
+                <div class="-bold">{% trans 'project_stage1' %} <span data-tooltip
+                                                                      data-placement="{% tooltip_placement pk=7 %}"
+                                                                      data-placement="{% tooltip_placement pk=7 %}"
+                                                                      title="{% tooltip pk=7 %}"
+                                                                      class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
+                  <span id="{% random_ident %}" class="-validation-error"
+                        style="color: red">{{ form.specialization.errors.as_text }}</span></div>
+                <input type="hidden" class="-spec-select -spec-select-level-1" style="width: 100%">
+              </div>
+
+              <div class="col-lg-3 -single-spec-select">
+                <div class="-bold"><span class="-dynamic-label">{% trans 'project_stage2' %}</span></div>
+                <input type="hidden" class="-spec-select -spec-select-level-2" style="width: 100%">
+              </div>
+
+              <div class="col-lg-3 -single-spec-select">
+                <div class="-bold">{% trans 'project_stage3' %}</div>
+                <input type="hidden" class="-spec-select -spec-select-level-3" style="width: 100%">
+              </div>
+
+              <div class="col-lg-3 -single-spec-select">
+                <div class="-bold">{% trans 'project_stage4' %}</div>
+                <input type="hidden" class="-spec-select -spec-select-level-4" style="width: 100%">
+              </div>
+
+              <input type="hidden" name="{{ form.specialization.html_name }}" value="{{ form.specialization.value }}"
+                     class="-chosen-spec-id">
+            </div>
+            <div class="titleF1 titleF2 disTab">
+              <div class="col-lg-12">Бюджет <span data-tooltip data-placement="{% tooltip_placement pk=8 %}"
+                                                  title="{% tooltip pk=8 %}"
+                                                  class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
+                <span id="{% random_ident %}" class="-validation-error"
+                      style="color: red">{{ form.budget.errors.as_text }}</span></div>
+              <!--<div class="col-lg-8"></div>-->
+            </div>
+            <div class="searchF1 polsF1 polsFF">
+              <div class="col-lg-4">
+                <input type="text" class="box-sizing surr" name="{{ form.budget.html_name }}"
+                       value="{{ form.budget.value }}">
+                {{ form.currency }}
+              </div>
+              <div class="col-lg-3">
+                {{ form.term_type }}
+              </div>
+              <div class="col-lg-5 dog-new">
+                <label>
+                  <input
+                      type="checkbox"
+                      {% if form.budget_by_agreement.value %}checked{% endif %}
+                      name="{{ form.budget_by_agreement.html_name }}">
+
+                  <span></span>
+                </label>
+
+                <p>или по договоренности <span data-tooltip data-placement="{% tooltip_placement pk=9 %}"
+                                               title="{% tooltip pk=9 %}"
+                                               class="-green-glyphicon glyphicon glyphicon-question-sign"></span></p>
+              </div>
+            </div>
+            <div class="searchF1 polsF1 polsFF make-new">
+              <label>
+                <input
+                    type="checkbox"
+                    {% if form.price_and_term_required.value %}checked{% endif %}
+                    name="{{ form.price_and_term_required.html_name }}">
+
+                <span></span>
+              </label>
+
+              <p>Сделать для исполнителей обязательным для заполнения поля цена и срок</p>
+            </div>
+            <div class="titleF1 titleF2 disTab">
+              <div class="col-lg-12">Способ оплаты <span id="{% random_ident %}" class="-validation-error"
+                                                         style="color: red">{{ form.deal_type.errors.as_text }}</span>
+              </div>
+            </div>
+            <div class="searchF1 polsF1 polsFF radio-afer">
+              <div class="col-lg-6">
+                <label>
+                  <input
+                      type="radio"
+                      name="{{ form.deal_type.html_name }}"
+                      {% if form.deal_type.value == 'secure_deal' %}checked{% endif %}
+                      value="secure_deal">
+
+{#                  <span></span>#}
+                </label>
+
+                <p class="text-afer">
+                  Безопасная сделка (с резервированием бюджета)
+                </p>
+
+                <p class="des-afer">
+                  {% tooltip pk=10 as tooltip10 %}{{ tooltip10|linebreaksbr }}
+                </p>
+              </div>
+
+              <div class="col-lg-6">
+                <label>
+                  <input
+                      type="radio"
+                      name="{{ form.deal_type.html_name }}"
+                      {% if form.deal_type.value == 'direct_payment' %}checked{% endif %}
+                      value="direct_payment">
+
+{#                  <span></span>#}
+                </label>
+
+                <p class="text-afer">
+                  Прямая оплата Исполнителю на его кошелек/счет
+                </p>
+
+                <p class="des-afer">
+                  {% tooltip pk=11 as tooltip11 %}{{ tooltip11|linebreaksbr }}
+                </p>
+              </div>
+            </div>
+
+
+            <div class="resSearchF1">
+              <div class="col-lg-3">
+                <p class="titleResF1">Расширенный поиск</p>
+                <button data-tooltip data-placement="{% tooltip_placement pk=12 %}" title="{% tooltip pk=12 %}"
+                        class="resButtonF1">
+                  <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
+                </button>
+              </div>
+              <div class="col-lg-9">
+                <div class="borderS1"></div>
+              </div>
+            </div>
+
+            <div class="slideRes disTab activeSlide">
+              <div class="titleF1 disTab">
+                <div class="col-lg-3">Выбор объекта <span data-tooltip data-placement="{% tooltip_placement pk=13 %}"
+                                                          title="{% tooltip pk=13 %}"
+                                                          class="-green-glyphicon glyphicon glyphicon-question-sign"></span><br><span
+                    id="{% random_ident %}" class="-validation-error"
+                    style="color: red">{{ form.realty.errors.as_text }}</span></div>
+                <div class="col-lg-3">Наименование <span data-tooltip data-placement="{% tooltip_placement pk=14 %}"
+                                                         title="{% tooltip pk=14 %}"
+                                                         class="-green-glyphicon glyphicon glyphicon-question-sign"></span><br><span
+                    id="{% random_ident %}" class="-validation-error"
+                    style="color: red">{{ realty_form.name.errors.as_text }}</span></div>
+                <div class="col-lg-3">Классификация здания <span data-tooltip
+                                                                 data-placement="{% tooltip_placement pk=15 %}"
+                                                                 title="{% tooltip pk=15 %}"
+                                                                 class="-green-glyphicon glyphicon glyphicon-question-sign"></span><br><span
+                    id="{% random_ident %}" class="-validation-error"
+                    style="color: red">{{ realty_form.building_classification.errors.as_text }}</span></div>
+                <div class="col-lg-3">Вид строительства <span data-tooltip
+                                                              data-placement="{% tooltip_placement pk=16 %}"
+                                                              title="{% tooltip pk=16 %}"
+                                                              class="-green-glyphicon glyphicon glyphicon-question-sign"></span><br><span
+                    id="{% random_ident %}" class="-validation-error"
+                    style="color: red">{{ realty_form.construction_type.errors.as_text }}</span></div>
+              </div>
+
+              <div class="polsF1 polsF2 disTab">
+                <div class="col-lg-3">
+                  <select
+                      class="selectpicker"
+                      id="realtyId"
+                      name="{{ form.realty.html_name }}">
+                    <option value="" {% if not form.realty.value %}selected="selected"{% endif %}>Создать новый</option>
+
+                    {% for r in form.realty.field.queryset %}
+                      <option value="{{ r.pk }}"
+                              {% if form.realty.value|int == r.pk %}selected="selected"{% endif %}>{{ r.name }}</option>
+                    {% endfor %}
+                  </select>
+                </div>
+                <div class="col-lg-3">
+                  <input
+                      type="text"
+                      id="realtyName"
+                      name="{{ realty_form.name.html_name }}"
+                      class="box-sizing surr surr2"
+                      value="{{ realty_form.name.value }}">
+                </div>
+                <div class="col-lg-3">
+                  {{ realty_form.building_classification }}
+                  {#                                    <select#}
+                  {#                                        id="realtyBuildingClassificationId"#}
+                  {#                                       #}
+                  {#                                        name="{{ realty_form.building_classification.html_name }}">#}
+                  {#                                            {% for c in realty_form.building_classification.field.queryset %}#}
+                  {#                                                <option value="{{ c.pk }}" {% if realty_form.building_classification.value|int == c.pk %}selected="selected"{% endif %}>{{ c.name }}</option>#}
+                  {#                                            {% endfor %}#}
+                  {#                                    </select>#}
+                </div>
+                <div class="col-lg-3">
+                  <select
+                      id="realtyConstructionTypeId"
+                      class="selectpicker"
+                      name="{{ realty_form.construction_type.html_name }}">
+                    {% for t in realty_form.construction_type.field.queryset %}
+                      <option value="{{ t.pk }}"
+                              {% if realty_form.construction_type.value|int == t.pk %}selected="selected"{% endif %}>{{ t.name }}</option>
+                    {% endfor %}
+                  </select>
+                </div>
+              </div>
+              <div class="titleF1 disTab">
+                <div class="col-lg-12">Местоположение <span data-tooltip data-placement="{% tooltip_placement pk=18 %}"
+                                                            title="{% tooltip pk=18 %}"
+                                                            class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
+                  <span id="{% random_ident %}" class="-validation-error"
+                        style="color: red">{{ realty_form.location.errors.as_text }}</span></div>
+              </div>
+              <div class="polsF1 polsF2 disTab">
+                <div>
+                  <div class="col-lg-3">
+                    <input type="hidden" class="-location-select -location-select-country" style="width: 100%">
+                  </div>
+
+                  <div class="col-lg-3">
+                    <input type="hidden" class="-location-select -location-select-region" style="width: 100%">
+                  </div>
+
+                  <div class="col-lg-3">
+                    <input type="hidden" class="-location-select -location-select-city" style="width: 100%">
+                  </div>
+                </div>
+
+                <input type="hidden" id="chosenLocationId" name="{{ realty_form.location.html_name }}"
+                       value="{{ realty_form.location.value }}">
+
+                <div class="col-lg-3 make-new">
+                  <label>{{ form.cro }}<span></span></label>
+                  <p>Требуется допуск (СРО) <span data-tooltip data-placement="{% tooltip_placement pk=17 %}"
+                                                  title="{% tooltip pk=17 %}"
+                                                  class="-green-glyphicon glyphicon glyphicon-question-sign"></span></p>
+                </div>
+              </div>
+            </div>
+
+
+            <div class="searchF1 polsF1 polsFF links-filter">
+              <input class="btn-submit-link" type="submit" value="Разместить проект">
+            </div>
+          </div>
+        </div>
+      </form>
+
+      {% include 'partials/footer.html' %}
+    </div>
+  </div>
+{% endblock %}
+
+
+{% block js_block %}
+  <script>
+    // Project work type suggestion modal ---------------------------------
+
+
+    ;
+    (function () {
+      var $modal = $('#projectWorkTypeSuggestionModal')
+      var $form = $modal.find('.-project-work-type-suggestion-form').first()
+      var workTypeSuggestionUrl = '/projects/suggest-work-type/'
+
+      $modal.find('.-action-button').first().on('click', function ($evt) {
+        $.post(workTypeSuggestionUrl, $form.serialize())
+            .then(function (res) {
+              if (res.status === 'success') {
+                $form.trigger('reset')
+                $('.-error').text('')
+                $modal.modal('hide')
+                $.jGrowl('Предложение успешно отправлено')
+              } else if (res.status === 'error') {
+                _.flow(
+                    _.toPairs,
+
+                    _.each(function (pair) {
+                      var cssSelector = pair[0]
+                      var errors = pair[1]
+
+                      $(cssSelector).first().text(_.join(' ', errors))
+                    })
+                )(res.form_errors)
+              }
+            })
+      })
+    }())
+
+
+
+    // Scroll to first form validation error ---------------------------
+
+
+    ;
+    (function () {
+      var hash = $('.-validation-error').filter(function (i, el) {
+        return $(el).text()
+      }).first().attr('id')
+
+      if (hash)
+        window.location.hash = hash
+    }())
+  </script>
+{% endblock %}
diff --git a/projects/templates/customer_project_create.html b/projects/templates/customer_project_create.html
index 792fe67..0ab8976 100644
--- a/projects/templates/customer_project_create.html
+++ b/projects/templates/customer_project_create.html
@@ -1,411 +1,382 @@
 {% extends 'partials/base.html' %}
 {% load i18n %}
-
-{% block head_css %}
-  <style>
-    .-error, .errorlist {
-      color: red
-    }
-  </style>
+{% load staticfiles %}
+{% load sass_tags %}
+{% block old_css %}
 {% endblock %}
+{% 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/font-awesome.min.css" %}'>
+    <link rel='stylesheet' href='{% sass_src "sass/main.sass" %}'>
+    {#    <link rel='stylesheet' href='{% sass_src "sass/fonts.sass" %}'>#}
+    <link rel='stylesheet' href='{% sass_src "lib/proekton-components/sass/components.sass" %}'>
+    <link rel='stylesheet' href='{% sass_src "sass/components/custom-components.sass" %}'>
+
+
+    {#        <link rel='stylesheet' href='{% static "css/project_filter.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">
-      <div class="col-lg-12 allProjects">
-        <p class="titleScore">Новый заказ</p>
-      </div>
-
-      <form action="{% url 'projects:customer-project-create' %}" method="POST" enctype="multipart/form-data" novalidate
-            class="-spec-work-type-combo-container">
-        {% csrf_token %}
-
-        <input type="hidden" id="extraFields" name="extra_fields" value="">
-
-        <div class="chatBlock new-rass new-rass2 disTab">
-          <div class="col-lg-9">
-            <p class="new-pp new-pp3">Формирование заказа</p>
-
-            {% if form.non_field_errors %}
-              <div class="new-pp3" style="color: red; margin-top: 70px">{{ form.non_field_errors }}</div>
-            {% endif %}
-
-            <div class="textAreaBlock2 text-nn box-sizing disTab">
-              <p class="titleResF1">Название заказа <span data-tooltip data-placement="{% tooltip_placement pk=4 %}"
-                                                          title="{% tooltip pk=4 %}"
-                                                          class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
-                <span id="{% random_ident %}" class="-validation-error"
-                      style="color: red">{{ form.name.errors.as_text }}</span></p>
-              <input type="text" class="box-sizing" name="{{ form.name.html_name }}" value="{{ form.name.value }}">
-            </div>
-
-            <div class="textAreaBlock2 text-nn box-sizing disTab">
-              <p class="titleResF1">Подробно опишите задание <span data-tooltip
-                                                                   data-placement="{% tooltip_placement pk=5 %}"
-                                                                   title="{% tooltip pk=5 %}"
-                                                                   class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
-                <span id="{% random_ident %}" class="-validation-error"
-                      style="color: red">{{ form.text.errors.as_text }}</span></p>
-              <textarea name="{{ form.text.html_name }}" id="text-new"
-                        style="margin-top:0;">{{ form.text.value }}</textarea>
-            </div>
-          </div>
-          <div class="col-lg-3 wrChat1">
-            <div class="messageBlock box-sizing disTab">
-              <p>Дополнительно</p>
-            </div>
-            <div id="fileUploadContainer" class="col-lg-12 documentsChat">
-              <div class="upload">
-                <p id="fileUploadAddBtn" style="margin: 0">+ добавить файл (до 100 файлов)</p>
-              </div>
-
-              <ul 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>
-
-            <p class="type-work">{% trans 'project_stage0' %} <span data-tooltip
-                                                                    data-placement="{% tooltip_placement pk=6 %}"
-                                                                    title="{% tooltip pk=6 %}"
-                                                                    class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
-              <span id="{% random_ident %}" class="-validation-error"
-                    style="color: red">{{ form.work_type.errors.as_text }}</span></p>
-            <div class="mail-block type-work-inset -project-work-type-radios-container">
-              {% for id, text in form.work_type.field.choices %}
-                <div class="inset-mb">
-                  <label>
-                    <input
-                        type="radio"
-                        value="{{ id }}"
-                        {% if form.work_type.value|int == id %}checked{% endif %}
-                        name="{{ form.work_type.html_name }}">
-
-{#                    <span></span>#}
-                  </label>
-
-                  <p>{{ text }}</p>
+    {% include 'partials/modals/project_work_type_suggestion.html' %}
+    {% include 'partials/header.html' %}
+    <div class="container main-scope">
+        <div class="row main-content">
+            <div class="col-lg-12">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="title-scope">
+                            <h1>Новый заказ</h1>
+                        </div>
+                    </div>
                 </div>
-              {% endfor %}
-            </div>
-            <div class="textAreaBlock2 box-sizing disTab">
-              <a href="#" onclick="return false" data-toggle="modal" data-target="#projectWorkTypeSuggestionModal"
-                 class="new-link new-lw">+ Добавить раздел</a>
-            </div>
-          </div>
+                <form action="{% url 'projects:customer-project-create' %}" method="POST"
+                      enctype="multipart/form-data" novalidate>
+                    {% csrf_token %}
+                    <div class="row">
+                        <div class="col-lg-9">
+                            <div class="simple-field">
+                                <div class="header">Название заказа</div>
+                                <i class="fa fa-question-circle-o" aria-hidden="true"></i>
+                                <span class="required">Обязательно</span>
+                                <input value="{{ form.name.value }}" name="{{ form.name.html_name }}"
+                                       class="simple-input"
+                                       placeholder="Пример: Дизайн квартиры, Армирование фундамента, Конструкции перекрытия и т.д."
+                                       required>
+                            </div>
+                        </div>
+                        <div class="col-lg-3">
+
+                        </div>
+                    </div>
+                    <div class="row vertical-child mod-align-bottom">
+                        <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" style="display: none">
+                        <div class="col-lg-12">
+                            <div class="selected-container horizontal" id="selected-spec">
+                                <input type="hidden" name="{{ form.specialization.html_name }}"
+                                       value="{{ form.specialization.value }}">
+                            </div>
+                        </div>
+                    </div>
+                    <div style="margin-top: 45px" class="row">
+                        <div class="col-lg-12">
+                            <div class="simple-field">
+                                <div class="header">Подобно опишите задание для /
+                                    <span class="select-text" id="spec-value"></span>
+                                </div>
+                                <i class="fa fa-question-circle-o" aria-hidden="true" title=""></i>
+                                <span class="required">Обязательно</span>
+                                <textarea style="width: 100%" rows="6" placeholder=
+                                        " Пример №1
+  Разработать архиьектурные решения для жилого дома на основании эскизной проработки
+
+
+  Пример №2
+  Разработать проект по електроснабжению и освещению гаража"></textarea>
+
+                            </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">
+                                        <span class="file-upload-label"></span>
+                                        <div class="file-upload-remove-btn"></div>
+                                    </li>
+                                </ul>
+                            </div>
+
+
+                        </div>
+                    </div>
+
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <div class="separator">
+                                <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 style="padding-bottom: 15px" class="row">
+                            <div class="col-lg-12">
+                                <div class="header">Способ оплаты</div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-lg-6">
+                                <label class="mod-align-center">
+                                    <input name="{{ form.deal_type.html_name }}" class="custom-radio" type="radio"
+                                    {% if form.deal_type.value == 'secure_deal' %}checked{% endif %}
+                                    value="secure_deal">&nbsp;
+                                    Безопасная сделка (с
+                                    резервированием бюджета)
+                                </label>
+
+                                <div class="description">
+                                <span class="teaser">
+                                    Безопасная сделка – это сервис, с помощью которого:<br/>
+                                    -Заказчики - полностью избавляются от всех финансовых рисков при сотрудничестве с
+                                    Исполнителями;<br/>
+                                    -Исполнители - получают гарантию своевременной оплаты своей работы (выполненной по
+                                    заданию
+                                    точно в срок).
+                                </span>
+                                    <span class="complete">
+                                    <p>
+                                        Это сервис и тип оплаты в заказах, в котором сумма оплаты резервируется
+                                        (перечисляется
+                                        на
+                                        сайт) Заказчиком до начала работы и выплачивается Исполнителю только после
+                                        успешного
+                                        выполнения задания. А в случае некачественного и/или несвоевременного выполнения
+                                        –
+                                        возвращается Заказчику.
+                                    </p>
+                                    <p>
+                                        Сайт выступает в Безопасных сделках хранителем и гарантом сохранности средств. А
+                                        в
+                                        случае
+                                        возникновения конфликтов в заказе - Арбитром, независимой третьей Стороной,
+                                        помогающей
+                                        решить проблемы при сотрудничестве и справедливо распорядиться зарезервированной
+                                        суммой:<br>
+                                        -выплатить ее Исполнителю, если работа выполнена своевременно и в полном
+                                        соответствии с
+                                        заданием;<br>
+                                        -вернуть Заказчику, если работа не выполнена или нарушены сроки выполнения;<br>
+                                        -разделить сумму между Заказчиком и Исполнителем, если работа выполнена частично
+                                        и
+                                        без нарушения сроков.
+                                    </p>
+                                </span>
+                                    <span class="more"></span>
+                                </div>
+                            </div>
+                            <div class="col-lg-6">
+                                <label class="mod-align-center">
+                                    <input name="{{ form.deal_type.html_name }}" class="custom-radio" type="radio"
+                                    {% if form.deal_type.value == 'direct_payment' %}checked{% endif %}
+                                    value="direct_payment">&nbsp;
+                                    Прямая оплата Исполнителю на
+                                    его
+                                    кошелек/счет
+                                </label>
+                                <div class="description">
+                                    <p>
+                                        Прямая оплата - это оплата без помощи сайта. Оплаты заказов происходят напрямую
+                                        исполнителю
+                                        на его личный счет или кошелек.
+                                    </p>
+                                    <p>
+                                        В данном случае сайт не выступает гарантом сохранности средств и не является
+                                        Арбитром
+                                        при
+                                        спорных вопросах.
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div style="margin-top: 40px" class="row mod-align-bottom">
+                            <div class="col-lg-3">
+                                <div class="header ">Бюджет
+                                    <i class="fa fa-question-circle-o" aria-hidden="true" title=""></i>
+                                </div>
+                                <input name="{{ form.budget.html_name }}" class="simple-input icon-rub" placeholder="Введите сумму"
+                                       value="{{ form.budget.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="{{ form.term.html_name }}" class="simple-input icon-days" placeholder="Введите срок"
+                                       value="{{ form.term.value }}">
+                            </div>
+                            <div class="col-lg-4">
+                                <div class="row">
+                                    <div class="col-lg-1">
+                                        <input name="{{ form.price_and_term_required.html_name }}" id="safe" class="custom-checkbox" type="checkbox"
+                                        {% if form.price_and_term_required.value %}checked{% endif %}>
+                                    </div>
+                                    <div class="col-lg-11">
+                                        <label for="safe" style="font-weight: normal" class="">
+                                            Сделать для исполнителей обязательным для заполнения поля цена и срок
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-lg-2">
+                                <div class="row">
+                                    <div class="col-lg-2">
+                                        <input name="{{ form.budget_by_agreement.html_name }}" id="by_agreement"
+                                               class="custom-checkbox" type="checkbox"
+                                               {% if form.budget_by_agreement.value %}checked{% endif %}>
+                                    </div>
+                                    <div class="col-lg-10">
+                                        <label for="by_agreement" style="font-weight: normal" class="">
+                                            Бюджет и срок по договоренности
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        {#                    <div class="row">#}
+                        {#                        <div class="col-lg-12">#}
+                        {#                            <div class="separator">#}
+                        {#                                <div class="border"></div>#}
+                        {#                            </div>#}
+                        {#                        </div>#}
+                        {#                    </div>#}
+                        <!-- bottom block -->
+                        <div class="row logical-block">
+                            <div class="col-lg-12">
+                                <div class="row">
+                                    <div class="col-lg-12">
+                                        <label class="mod-align-center">
+                                            <input id="checkbox-sb-realty" class="custom-checkbox" type="checkbox">
+                                            &nbsp; Создать/выбрать объект, прикрепить объект к заказу &nbsp;
+                                            <i class="fa fa-question-circle-o" aria-hidden="true" title=""></i>
+                                        </label>
+                                    </div>
+                                </div>
+                                <div class="row mod-align-bottom">
+                                    <div class="col-lg-6">
+                                        {#                                        placeholder="Создайте/Выберите объект"#}
+                                        <div id="sb-realty"></div>
+                                    </div>
+                                    <div class="col-lg-6">
+                                        <div class="selected-container horizontal" id="selected-realty">
+                                            <input class="-id" type="hidden" name="{{ form.realty.html_name }}"
+                                                   value="{{ form.realty.value }}">
+                                            <input class="-name" type="hidden" name="new_realty_name" value="">
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <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="{{ realty_form.building_classification.html_name }}"
+                                                   value="{{ realty_form.building_classification.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="{{ realty_form.construction_type.html_name }}"
+                                                   value="{{ realty_form.construction_type.value }}">
+                                        </div>
+                                    </div>
+                                    <div class="col-lg-3">
+                                        <div class="vertical-child" id="sb-location-1"></div>
+                                        <div class="vertical-child" id="sb-location-2"></div>
+                                        <div class="vertical-child" id="sb-location-3"></div>
+                                        <div class="selected-container" id="selected-location">
+                                            <input type="hidden"
+                                                   name="{{ realty_form.location.html_name }}"
+                                                   value="{{ realty_form.location.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>
+                        </div>
+                        <div class="row top-line">
+                            <div class="col-lg-3" style="text-align: center">
+                                <div class="header">&nbsp;</div>
+                                <input style="width: 100%" type="submit" class="btn btn-simple"
+                                       value="РАЗМЕСТИТЬ ЗАКАЗ">
+                            </div>
+                            <div class="col-lg-3 col-lg-offset-6" style="text-align: center">
+                                <div class="header">&nbsp;</div>
+                                <input style="width: 100%" type="button" class="btn btn-simple"
+                                       value="ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР">
+                            </div>
+                        </div>
+                    </div> <!-- slide -->
+                </form>
+            </div> <!-- content -->
         </div>
-        <div class="col-lg-12 new-filter">
-          <div class="filter clearfix">
-            <div class="polsF1 disTab">
-              <div class="col-lg-3 -single-spec-select">
-                <div class="-bold">{% trans 'project_stage1' %} <span data-tooltip
-                                                                      data-placement="{% tooltip_placement pk=7 %}"
-                                                                      data-placement="{% tooltip_placement pk=7 %}"
-                                                                      title="{% tooltip pk=7 %}"
-                                                                      class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
-                  <span id="{% random_ident %}" class="-validation-error"
-                        style="color: red">{{ form.specialization.errors.as_text }}</span></div>
-                <input type="hidden" class="-spec-select -spec-select-level-1" style="width: 100%">
-              </div>
-
-              <div class="col-lg-3 -single-spec-select">
-                <div class="-bold"><span class="-dynamic-label">{% trans 'project_stage2' %}</span></div>
-                <input type="hidden" class="-spec-select -spec-select-level-2" style="width: 100%">
-              </div>
-
-              <div class="col-lg-3 -single-spec-select">
-                <div class="-bold">{% trans 'project_stage3' %}</div>
-                <input type="hidden" class="-spec-select -spec-select-level-3" style="width: 100%">
-              </div>
-
-              <div class="col-lg-3 -single-spec-select">
-                <div class="-bold">{% trans 'project_stage4' %}</div>
-                <input type="hidden" class="-spec-select -spec-select-level-4" style="width: 100%">
-              </div>
-
-              <input type="hidden" name="{{ form.specialization.html_name }}" value="{{ form.specialization.value }}"
-                     class="-chosen-spec-id">
-            </div>
-            <div class="titleF1 titleF2 disTab">
-              <div class="col-lg-12">Бюджет <span data-tooltip data-placement="{% tooltip_placement pk=8 %}"
-                                                  title="{% tooltip pk=8 %}"
-                                                  class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
-                <span id="{% random_ident %}" class="-validation-error"
-                      style="color: red">{{ form.budget.errors.as_text }}</span></div>
-              <!--<div class="col-lg-8"></div>-->
-            </div>
-            <div class="searchF1 polsF1 polsFF">
-              <div class="col-lg-4">
-                <input type="text" class="box-sizing surr" name="{{ form.budget.html_name }}"
-                       value="{{ form.budget.value }}">
-                {{ form.currency }}
-              </div>
-              <div class="col-lg-3">
-                {{ form.term_type }}
-              </div>
-              <div class="col-lg-5 dog-new">
-                <label>
-                  <input
-                      type="checkbox"
-                      {% if form.budget_by_agreement.value %}checked{% endif %}
-                      name="{{ form.budget_by_agreement.html_name }}">
-
-                  <span></span>
-                </label>
-
-                <p>или по договоренности <span data-tooltip data-placement="{% tooltip_placement pk=9 %}"
-                                               title="{% tooltip pk=9 %}"
-                                               class="-green-glyphicon glyphicon glyphicon-question-sign"></span></p>
-              </div>
-            </div>
-            <div class="searchF1 polsF1 polsFF make-new">
-              <label>
-                <input
-                    type="checkbox"
-                    {% if form.price_and_term_required.value %}checked{% endif %}
-                    name="{{ form.price_and_term_required.html_name }}">
-
-                <span></span>
-              </label>
-
-              <p>Сделать для исполнителей обязательным для заполнения поля цена и срок</p>
-            </div>
-            <div class="titleF1 titleF2 disTab">
-              <div class="col-lg-12">Способ оплаты <span id="{% random_ident %}" class="-validation-error"
-                                                         style="color: red">{{ form.deal_type.errors.as_text }}</span>
-              </div>
-            </div>
-            <div class="searchF1 polsF1 polsFF radio-afer">
-              <div class="col-lg-6">
-                <label>
-                  <input
-                      type="radio"
-                      name="{{ form.deal_type.html_name }}"
-                      {% if form.deal_type.value == 'secure_deal' %}checked{% endif %}
-                      value="secure_deal">
-
-{#                  <span></span>#}
-                </label>
-
-                <p class="text-afer">
-                  Безопасная сделка (с резервированием бюджета)
-                </p>
-
-                <p class="des-afer">
-                  {% tooltip pk=10 as tooltip10 %}{{ tooltip10|linebreaksbr }}
-                </p>
-              </div>
-
-              <div class="col-lg-6">
-                <label>
-                  <input
-                      type="radio"
-                      name="{{ form.deal_type.html_name }}"
-                      {% if form.deal_type.value == 'direct_payment' %}checked{% endif %}
-                      value="direct_payment">
-
-{#                  <span></span>#}
-                </label>
-
-                <p class="text-afer">
-                  Прямая оплата Исполнителю на его кошелек/счет
-                </p>
-
-                <p class="des-afer">
-                  {% tooltip pk=11 as tooltip11 %}{{ tooltip11|linebreaksbr }}
-                </p>
-              </div>
-            </div>
-
-
-            <div class="resSearchF1">
-              <div class="col-lg-3">
-                <p class="titleResF1">Расширенный поиск</p>
-                <button data-tooltip data-placement="{% tooltip_placement pk=12 %}" title="{% tooltip pk=12 %}"
-                        class="resButtonF1">
-                  <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
-                </button>
-              </div>
-              <div class="col-lg-9">
-                <div class="borderS1"></div>
-              </div>
-            </div>
-
-            <div class="slideRes disTab activeSlide">
-              <div class="titleF1 disTab">
-                <div class="col-lg-3">Выбор объекта <span data-tooltip data-placement="{% tooltip_placement pk=13 %}"
-                                                          title="{% tooltip pk=13 %}"
-                                                          class="-green-glyphicon glyphicon glyphicon-question-sign"></span><br><span
-                    id="{% random_ident %}" class="-validation-error"
-                    style="color: red">{{ form.realty.errors.as_text }}</span></div>
-                <div class="col-lg-3">Наименование <span data-tooltip data-placement="{% tooltip_placement pk=14 %}"
-                                                         title="{% tooltip pk=14 %}"
-                                                         class="-green-glyphicon glyphicon glyphicon-question-sign"></span><br><span
-                    id="{% random_ident %}" class="-validation-error"
-                    style="color: red">{{ realty_form.name.errors.as_text }}</span></div>
-                <div class="col-lg-3">Классификация здания <span data-tooltip
-                                                                 data-placement="{% tooltip_placement pk=15 %}"
-                                                                 title="{% tooltip pk=15 %}"
-                                                                 class="-green-glyphicon glyphicon glyphicon-question-sign"></span><br><span
-                    id="{% random_ident %}" class="-validation-error"
-                    style="color: red">{{ realty_form.building_classification.errors.as_text }}</span></div>
-                <div class="col-lg-3">Вид строительства <span data-tooltip
-                                                              data-placement="{% tooltip_placement pk=16 %}"
-                                                              title="{% tooltip pk=16 %}"
-                                                              class="-green-glyphicon glyphicon glyphicon-question-sign"></span><br><span
-                    id="{% random_ident %}" class="-validation-error"
-                    style="color: red">{{ realty_form.construction_type.errors.as_text }}</span></div>
-              </div>
-
-              <div class="polsF1 polsF2 disTab">
-                <div class="col-lg-3">
-                  <select
-                      class="selectpicker"
-                      id="realtyId"
-                      name="{{ form.realty.html_name }}">
-                    <option value="" {% if not form.realty.value %}selected="selected"{% endif %}>Создать новый</option>
-
-                    {% for r in form.realty.field.queryset %}
-                      <option value="{{ r.pk }}"
-                              {% if form.realty.value|int == r.pk %}selected="selected"{% endif %}>{{ r.name }}</option>
-                    {% endfor %}
-                  </select>
-                </div>
-                <div class="col-lg-3">
-                  <input
-                      type="text"
-                      id="realtyName"
-                      name="{{ realty_form.name.html_name }}"
-                      class="box-sizing surr surr2"
-                      value="{{ realty_form.name.value }}">
-                </div>
-                <div class="col-lg-3">
-                  {{ realty_form.building_classification }}
-                  {#                                    <select#}
-                  {#                                        id="realtyBuildingClassificationId"#}
-                  {#                                       #}
-                  {#                                        name="{{ realty_form.building_classification.html_name }}">#}
-                  {#                                            {% for c in realty_form.building_classification.field.queryset %}#}
-                  {#                                                <option value="{{ c.pk }}" {% if realty_form.building_classification.value|int == c.pk %}selected="selected"{% endif %}>{{ c.name }}</option>#}
-                  {#                                            {% endfor %}#}
-                  {#                                    </select>#}
-                </div>
-                <div class="col-lg-3">
-                  <select
-                      id="realtyConstructionTypeId"
-                      class="selectpicker"
-                      name="{{ realty_form.construction_type.html_name }}">
-                    {% for t in realty_form.construction_type.field.queryset %}
-                      <option value="{{ t.pk }}"
-                              {% if realty_form.construction_type.value|int == t.pk %}selected="selected"{% endif %}>{{ t.name }}</option>
-                    {% endfor %}
-                  </select>
-                </div>
-              </div>
-              <div class="titleF1 disTab">
-                <div class="col-lg-12">Местоположение <span data-tooltip data-placement="{% tooltip_placement pk=18 %}"
-                                                            title="{% tooltip pk=18 %}"
-                                                            class="-green-glyphicon glyphicon glyphicon-question-sign"></span>
-                  <span id="{% random_ident %}" class="-validation-error"
-                        style="color: red">{{ realty_form.location.errors.as_text }}</span></div>
-              </div>
-              <div class="polsF1 polsF2 disTab">
-                <div>
-                  <div class="col-lg-3">
-                    <input type="hidden" class="-location-select -location-select-country" style="width: 100%">
-                  </div>
-
-                  <div class="col-lg-3">
-                    <input type="hidden" class="-location-select -location-select-region" style="width: 100%">
-                  </div>
-
-                  <div class="col-lg-3">
-                    <input type="hidden" class="-location-select -location-select-city" style="width: 100%">
-                  </div>
-                </div>
-
-                <input type="hidden" id="chosenLocationId" name="{{ realty_form.location.html_name }}"
-                       value="{{ realty_form.location.value }}">
-
-                <div class="col-lg-3 make-new">
-                  <label>{{ form.cro }}<span></span></label>
-                  <p>Требуется допуск (СРО) <span data-tooltip data-placement="{% tooltip_placement pk=17 %}"
-                                                  title="{% tooltip pk=17 %}"
-                                                  class="-green-glyphicon glyphicon glyphicon-question-sign"></span></p>
-                </div>
-              </div>
-            </div>
-
-
-            <div class="searchF1 polsF1 polsFF links-filter">
-              <input class="btn-submit-link" type="submit" value="Разместить проект">
-            </div>
-          </div>
-        </div>
-      </form>
-
-      {% include 'partials/footer.html' %}
+        {% include 'partials/footer.html' %}
     </div>
-  </div>
-{% endblock %}
-
-
-{% block js_block %}
-  <script>
-    // Project work type suggestion modal ---------------------------------
-
-
-    ;
-    (function () {
-      var $modal = $('#projectWorkTypeSuggestionModal')
-      var $form = $modal.find('.-project-work-type-suggestion-form').first()
-      var workTypeSuggestionUrl = '/projects/suggest-work-type/'
-
-      $modal.find('.-action-button').first().on('click', function ($evt) {
-        $.post(workTypeSuggestionUrl, $form.serialize())
-            .then(function (res) {
-              if (res.status === 'success') {
-                $form.trigger('reset')
-                $('.-error').text('')
-                $modal.modal('hide')
-                $.jGrowl('Предложение успешно отправлено')
-              } else if (res.status === 'error') {
-                _.flow(
-                    _.toPairs,
-
-                    _.each(function (pair) {
-                      var cssSelector = pair[0]
-                      var errors = pair[1]
 
-                      $(cssSelector).first().text(_.join(' ', errors))
-                    })
-                )(res.form_errors)
-              }
-            })
-      })
-    }())
-
-
-
-    // Scroll to first form validation error ---------------------------
-
-
-    ;
-    (function () {
-      var hash = $('.-validation-error').filter(function (i, el) {
-        return $(el).text()
-      }).first().attr('id')
-
-      if (hash)
-        window.location.hash = hash
-    }())
-  </script>
 {% endblock %}
+{% block old_js %}
+        <script src='{% static "lib/jquery.fileupload/js/vendor/jquery.ui.widget.js" %}'></script>
+    <script src='{% static "lib/jquery.fileupload/js/jquery.iframe-transport.js" %}'></script>
+    <script src='{% static "lib/jquery.fileupload/js/jquery.fileupload.js" %}'></script>
+    <script src='{% static "lib/jquery.fileupload/js/jquery.fileupload-process.js" %}'></script>
+    <script src='{% static "my-libs.js" %}'></script>
+{% endblock %}
+{% block js_block %}
+    <script src='{% static "js/bootstrap.min.js" %}'></script>
+    <script src='{% static "js/build/init_customer_project_create.js" %}'></script>
+    <script src='{% static "js/build/create_project.js" %}'></script>
+{% endblock %}
\ No newline at end of file
diff --git a/projects/templates/customer_project_create_new.html b/projects/templates/customer_project_create_new.html
deleted file mode 100644
index 5715212..0000000
--- a/projects/templates/customer_project_create_new.html
+++ /dev/null
@@ -1,276 +0,0 @@
-{% 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">&nbsp;</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">&nbsp;</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 %}
\ No newline at end of file
diff --git a/projects/urls.py b/projects/urls.py
index 74218d1..a225723 100644
--- a/projects/urls.py
+++ b/projects/urls.py
@@ -12,7 +12,6 @@ from .views import (
     ContractorPortfolioUpdateView,
     CustomerOfferOrderView,
     CustomerProjectCreateView,
-    CustomerProjectCreateViewNew,
     CustomerProjectDeleteView,
     CustomerProjectEditView,
     CustomerProjectRestoreView,
@@ -33,8 +32,8 @@ app_name = 'projects'
 urlpatterns = [
     urls.url(r'^$', ProjectFilterView.as_view(), name='project-filter'),
 
-    urls.url(r'^create/$', CustomerProjectCreateView.as_view(), name='customer-project-create'),
-    urls.url(r'^create_new/$', CustomerProjectCreateViewNew.as_view(), name='customer-project-create'),
+    # urls.url(r'^create/$', CustomerProjectCreateView.as_view(), name='customer-project-create'),
+    urls.url(r'^create$', CustomerProjectCreateView.as_view(), name='customer-project-create'),
     urls.url(r'^(?P<pk>\d+)/$', ProjectDetailWithAnswerView.as_view(), name='detail'),
     urls.url(r'^(?P<pk>\d+)/edit/$', CustomerProjectEditView.as_view(), name='customer-project-edit'),
     urls.url(r'^(?P<pk>\d+)/trash/$', CustomerProjectTrashView.as_view(), name='customer-project-trash'),
diff --git a/projects/views.py b/projects/views.py
index c4f3bd6..6c3d6f4 100644
--- a/projects/views.py
+++ b/projects/views.py
@@ -39,12 +39,14 @@ from .models import (
     Project,
     ProjectFile,
     TERM_TYPE_MORPHS,
+    Realty
 )
 
 from .forms import (
     ContractorPortfolioTrashForm,
     CustomerProjectDeleteForm,
     CustomerProjectEditForm,
+    CustomerProjectEditFormNew,
     CustomerProjectRestoreForm,
     CustomerProjectTrashForm,
     PortfolioEditForm,
@@ -55,6 +57,7 @@ from .forms import (
     ProjectFilterRealtyForm,
     ProjectWorkTypeSuggestionForm,
     RealtyForm,
+    RealtyFormNew
 )
 
 from specializations.models import Specialization
@@ -399,93 +402,93 @@ class ProjectFilterView(BaseMixin, View):
         return render(request, 'partials/inc-projects-results.html', self.get_context(request.POST))
 
 
-class CustomerProjectCreateView(BaseMixin, View):
-    form_class = CustomerProjectEditForm
-    realty_form = RealtyForm
-    work_type_suggestion_form = ProjectWorkTypeSuggestionForm
-    template_name = 'customer_project_create.html'
-
-    def dispatch(self, request, *args, **kwargs):
-        if request.user.is_authenticated() and request.user.is_customer():
-            return super().dispatch(request, *args, **kwargs)
-        else:
-            raise PermissionDenied
-
-    def get(self, request, *args, **kwargs):
-        context = self.get_context_data(**_.merge({}, request.GET, kwargs))
-
-        form = self.form_class(request=request)
-        realty_form = self.realty_form(request=request, prefix='realty_form')
-        work_type_suggestion_form = self.work_type_suggestion_form(request=request, prefix='work_type_suggestion')
-
-        context.update({
-            'form': form,
-            'realty_form': realty_form,
-            'work_type_suggestion_form': work_type_suggestion_form,
-        })
-
-        return render(request, self.template_name, context)
-
-    def post(self, request, *args, **kwargs):
-        form = self.form_class(request.POST,
-                               request=request)  # Passing `request.FILES` seems unnecessary here. Files are added manually below
-
-        form.is_valid()
-        realty = form.cleaned_data.get('realty')
-
-        if realty:
-            realty_form = self.realty_form(request.POST, instance=realty, request=request, prefix='realty_form')
-        else:
-            realty_form = self.realty_form(request.POST, request=request, prefix='realty_form')
-
-        if form.is_valid() and realty_form.is_valid():
-            project = form.save(commit=False)
-            project.customer = request.user
-            project.save()
-            form.save_m2m()
-
-            Order.objects.create(project=project, secure=project.deal_type == 'secure_deal')
+# class CustomerProjectCreateView(BaseMixin, View):
+#     form_class = CustomerProjectEditForm
+#     realty_form = RealtyForm
+#     work_type_suggestion_form = ProjectWorkTypeSuggestionForm
+#     template_name = 'customer_project_create.html'
+#
+#     def dispatch(self, request, *args, **kwargs):
+#         if request.user.is_authenticated() and request.user.is_customer():
+#             return super().dispatch(request, *args, **kwargs)
+#         else:
+#             raise PermissionDenied
+#
+#     def get(self, request, *args, **kwargs):
+#         context = self.get_context_data(**_.merge({}, request.GET, kwargs))
+#
+#         form = self.form_class(request=request)
+#         realty_form = self.realty_form(request=request, prefix='realty_form')
+#         work_type_suggestion_form = self.work_type_suggestion_form(request=request, prefix='work_type_suggestion')
+#
+#         context.update({
+#             'form': form,
+#             'realty_form': realty_form,
+#             'work_type_suggestion_form': work_type_suggestion_form,
+#         })
+#
+#         return render(request, self.template_name, context)
+#
+#     def post(self, request, *args, **kwargs):
+#         form = self.form_class(request.POST,
+#                                request=request)  # Passing `request.FILES` seems unnecessary here. Files are added manually below
+#
+#         form.is_valid()
+#         realty = form.cleaned_data.get('realty')
+#
+#         if realty:
+#             realty_form = self.realty_form(request.POST, instance=realty, request=request, prefix='realty_form')
+#         else:
+#             realty_form = self.realty_form(request.POST, request=request, prefix='realty_form')
+#
+#         if form.is_valid() and realty_form.is_valid():
+#             project = form.save(commit=False)
+#             project.customer = request.user
+#             project.save()
+#             form.save_m2m()
+#
+#             Order.objects.create(project=project, secure=project.deal_type == 'secure_deal')
+#
+#             for file in request.FILES.getlist('new_files'):
+#                 ProjectFile.objects.create(file=file, project=project)
+#
+#             if realty:
+#                 realty_form.save()
+#             else:
+#                 realty = realty_form.save(commit=False)
+#                 realty.user = request.user
+#                 realty.save()
+#                 realty_form.save_m2m()
+#
+#                 project.realty = realty  # Connect a realty with a project
+#                 project.save()
+#
+#             messages.info(request, 'Проект успешно создан')
+#             redirect_to = reverse('projects:detail', kwargs={'pk': project.pk})
+#             return redirect(redirect_to)
+#         else:
+#             if form.errors:
+#                 messages.info(request, (
+#                     '<p>Произошла ошибка (form)</p>'
+#                     '<pre>{form}</pre>'
+#                 ).format(form=pformat(form.errors)))
+#
+#             if realty_form and realty_form.errors:
+#                 messages.info(request, (
+#                     '<p>Произошла ошибка (realty_form)</p>'
+#                     '<pre>{realty_form}</pre>'
+#                 ).format(realty_form=pformat(realty_form.errors)))
+#
+#             context = self.get_context_data(**kwargs)
+#             context.update({'form': form, 'realty_form': realty_form})
+#             return render(request, self.template_name, context)
 
-            for file in request.FILES.getlist('new_files'):
-                ProjectFile.objects.create(file=file, project=project)
 
-            if realty:
-                realty_form.save()
-            else:
-                realty = realty_form.save(commit=False)
-                realty.user = request.user
-                realty.save()
-                realty_form.save_m2m()
-
-                project.realty = realty  # Connect a realty with a project
-                project.save()
-
-            messages.info(request, 'Проект успешно создан')
-            redirect_to = reverse('projects:detail', kwargs={'pk': project.pk})
-            return redirect(redirect_to)
-        else:
-            if form.errors:
-                messages.info(request, (
-                    '<p>Произошла ошибка (form)</p>'
-                    '<pre>{form}</pre>'
-                ).format(form=pformat(form.errors)))
-
-            if realty_form and realty_form.errors:
-                messages.info(request, (
-                    '<p>Произошла ошибка (realty_form)</p>'
-                    '<pre>{realty_form}</pre>'
-                ).format(realty_form=pformat(realty_form.errors)))
-
-            context = self.get_context_data(**kwargs)
-            context.update({'form': form, 'realty_form': realty_form})
-            return render(request, self.template_name, context)
-
-
-class CustomerProjectCreateViewNew(BaseMixin, View):
-    form_class = CustomerProjectEditForm
-    realty_form = RealtyForm
+class CustomerProjectCreateView(BaseMixin, View):
+    form_class = CustomerProjectEditFormNew
+    realty_form = RealtyFormNew
     work_type_suggestion_form = ProjectWorkTypeSuggestionForm
-    template_name = 'customer_project_create_new.html'
+    template_name = 'customer_project_create.html'
 
     def dispatch(self, request, *args, **kwargs):
         if request.user.is_authenticated() and request.user.is_customer():
@@ -509,8 +512,7 @@ class CustomerProjectCreateViewNew(BaseMixin, View):
         return render(request, self.template_name, context)
 
     def post(self, request, *args, **kwargs):
-        form = self.form_class(request.POST,
-                               request=request)  # Passing `request.FILES` seems unnecessary here. Files are added manually below
+        form = self.form_class(request.POST, request=request)  # Passing `request.FILES` seems unnecessary here. Files are added manually below
 
         form.is_valid()
         realty = form.cleaned_data.get('realty')
@@ -536,6 +538,9 @@ class CustomerProjectCreateViewNew(BaseMixin, View):
             else:
                 realty = realty_form.save(commit=False)
                 realty.user = request.user
+                if not request.POST.get('new_realty_name'):
+                    realty.is_virtual = True
+                realty.name = request.POST.get('new_realty_name')
                 realty.save()
                 realty_form.save_m2m()
 
diff --git a/templates/home_modular.html b/templates/home_modular.html
new file mode 100644
index 0000000..61d09e2
--- /dev/null
+++ b/templates/home_modular.html
@@ -0,0 +1,24 @@
+{% extends 'partials/base.html' %}
+{% block old_css %}
+
+{% endblock %}
+
+{% block content %}
+    <section class="mainContainer">
+        {% include 'partials/header.html' %}
+        <div class="container-fluid">
+            <div class="row">
+                <p class="welcomeMain">{{ main_settings.heading }}</p>
+            </div>
+        </div>
+        <div class="container-fluid">
+            Main page text will be here...
+        </div>
+    </section>
+{% endblock %}
+{% block js_block %}
+    <script src='{% static "js/bootstrap.min.js" %}'></script>
+{% endblock %}
+{% block old_js %}
+
+{% endblock %}
\ No newline at end of file
diff --git a/templates/partials/base.html b/templates/partials/base.html
index ecf18c9..15877bc 100644
--- a/templates/partials/base.html
+++ b/templates/partials/base.html
@@ -2,143 +2,156 @@
 {#{% load compress %}#}
 <html lang="ru">
 <head>
-  <meta charset='utf-8'>
-  <meta http-equiv='X-UA-Compatible' content='IE=edge, chrome=1'>
-  <meta name='viewport' content='width=device-width, initial-scale=1'>
-  <!--<meta name='viewport' content='initial-scale=1.0, user-scalable=no, maximum-scale=1'>-->
-
-  {% block head %}{% endblock %}
-
-  <title>PROEKTON</title>
-
-  {#    {% compress css %}#}
-  <link rel='stylesheet' href='{% static "css/reset.css" %}'>
-  <link rel='stylesheet' href='{% static "lib/jquery-ui/jquery-ui.css" %}'>
-  <link rel='stylesheet' href='{% static "css/bootstrap.css" %}'>
-  <link rel='stylesheet' href='{% static "css/font-awesome.min.css" %}'>
-  <link rel='stylesheet' href='{% static "lib/bootstrap-select/css/bootstrap-select.css" %}'>
-  <link rel='stylesheet' href='{% static "lib/select2/select2.css" %}'> <!-- Tmp -->
-  <link rel='stylesheet' href='{% static "css/swiper.min.css" %}'>
-  <link rel='stylesheet' href='{% static "lib/jquery.fileupload/css/jquery.fileupload.css" %}'>
-  <link rel='stylesheet' href='{% static "js/magnific-popup.css" %}'>
-  <link rel="stylesheet" href='{% static "lib/jquery-jgrowl/jquery.jgrowl.min.css" %}'>
-  <link rel='stylesheet' href='{% static "css/main.css" %}'>
-  <link rel='stylesheet' href='{% static "css/extra.css" %}'> <!-- Our additional CSS -->
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge, chrome=1'>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <!--<meta name='viewport' content='initial-scale=1.0, user-scalable=no, maximum-scale=1'>-->
+
+    {% block head %}{% endblock %}
+
+    <title>PROEKTON</title>
+
+    {#    {% compress css %}#}
+    {% block old_css %}
+        <link rel='stylesheet' href='{% static "css/reset.css" %}'>
+        <link rel='stylesheet' href='{% static "lib/jquery-ui/jquery-ui.css" %}'>
+        <link rel='stylesheet' href='{% static "css/bootstrap.css" %}'>
+        <link rel='stylesheet' href='{% static "css/font-awesome.min.css" %}'>
+        <link rel='stylesheet' href='{% static "lib/bootstrap-select/css/bootstrap-select.css" %}'>
+        <link rel='stylesheet' href='{% static "lib/select2/select2.css" %}'> <!-- Tmp -->
+        <link rel='stylesheet' href='{% static "css/swiper.min.css" %}'>
+        <link rel='stylesheet' href='{% static "lib/jquery.fileupload/css/jquery.fileupload.css" %}'>
+        <link rel='stylesheet' href='{% static "js/magnific-popup.css" %}'>
+        <link rel="stylesheet" href='{% static "lib/jquery-jgrowl/jquery.jgrowl.min.css" %}'>
+        <link rel='stylesheet' href='{% static "css/main.css" %}'>
+        <link rel='stylesheet' href='{% static "css/extra.css" %}'> <!-- Our additional CSS -->
+    {% endblock %}
+    {% block common_css %}
+        <link rel='stylesheet' href='{% static "css/bootstrap.css" %}'>
+        <link rel='stylesheet' href='{% static "css/font-awesome.min.css" %}'>
+    {% endblock %}
     {% block head_css %}
 
     {% endblock %}
-  {% if TEMPLATE_DEBUG %}
-    <link rel='stylesheet' href='{% static "css/dev-colors.css" %}'> <!-- Dev-time only, temporary!!! -->
-  {% endif %}
-
-  <link rel="icon" href="{% static 'img/favicon.jpg' %}" type="image/x-icon">
-  <link rel="shortcut icon" href="{% static 'img/favicon50.jpg' %}" type="image/x-icon">
-  <link rel="apple-touch-icon" href="{% static 'img/favicon128.jpg' %}" sizes="128x128">
-  <link rel="icon" type="image/png" href="{% static 'img/favicon50.jpg' %}" sizes="32x32">
-  <link rel="icon" type="image/png" href="{% static 'img/favicon18.jpg' %}" sizes="16x16">
-
-  {#    {% endcompress %}#}
-  <meta name="keywords" content="">
-  <meta name="description" content="_TEXT_">
-  <meta name="yandex-verification" content="58d23691715ef942">
-  <link rel="canonical" href="_URL_">
+    {% if TEMPLATE_DEBUG %}
+        <link rel='stylesheet' href='{% static "css/dev-colors.css" %}'> <!-- Dev-time only, temporary!!! -->
+    {% endif %}
+
+    <link rel="icon" href="{% static 'img/favicon.jpg' %}" type="image/x-icon">
+    <link rel="shortcut icon" href="{% static 'img/favicon50.jpg' %}" type="image/x-icon">
+    <link rel="apple-touch-icon" href="{% static 'img/favicon128.jpg' %}" sizes="128x128">
+    <link rel="icon" type="image/png" href="{% static 'img/favicon50.jpg' %}" sizes="32x32">
+    <link rel="icon" type="image/png" href="{% static 'img/favicon18.jpg' %}" sizes="16x16">
+
+    {#    {% endcompress %}#}
+    <meta name="keywords" content="">
+    <meta name="description" content="_TEXT_">
+    <meta name="yandex-verification" content="58d23691715ef942">
+    <link rel="canonical" href="_URL_">
 </head>
 
 <body>
 {% if messages %}
-  {% for message in messages %}
-    <div class="c"
-         style="position: relative; padding: 10px; margin-bottom: 6px; z-index: 100">{{ message|safe }}</div>
-  {% endfor %}
+    {% for message in messages %}
+        <div class="c"
+             style="position: relative; padding: 10px; margin-bottom: 6px; z-index: 100">{{ message|safe }}</div>
+    {% endfor %}
 {% endif %}
 
 {% if TEMPLATE_DEBUG %}
-  <div ondblclick="$(this).css('display', 'none')"
-       style="position: absolute; left: 0; bottom: 0; padding: 6px; color: black; background-color: {% if request.user.is_contractor %}#BADA55{% else %}#C0FFEE{% endif %}; z-index: 50">
-    {{ request.user }}<br>
-
-    {% if request.user.is_authenticated %}
-      <b>PK:</b> {{ request.user.pk }}<br>
-      <b>Groups:</b> {{ request.user.groups.all }}
-    {% endif %}
-  </div>
+    <div ondblclick="$(this).css('display', 'none')"
+         style="position: absolute; left: 0; bottom: 0; padding: 6px; color: black; background-color: {% if request.user.is_contractor %}#BADA55{% else %}#C0FFEE{% endif %}; z-index: 50">
+        {{ request.user }}<br>
+
+        {% if request.user.is_authenticated %}
+            <b>PK:</b> {{ request.user.pk }}<br>
+            <b>Groups:</b> {{ request.user.groups.all }}
+        {% endif %}
+    </div>
 {% endif %}
 
 {% block content %}{% endblock %}
 
+{% block common_js %}
+    <script src='{% static "js/jquery-2.2.3.min.js" %}'></script>
+{#    <script src='{% static "js/bootstrap.min.js" %}'></script>#}
+{% endblock %}
 {#{% compress js %}#}
-
-<script src='{% static "lib/lodash/lodash.js" %}'></script>
-<script src='{% static "lib/lodash/lodash.fp.js" %}'></script>
-
-<script src='{% static "js/jquery-2.2.3.min.js" %}'></script>
-<script src='{% static "lib/jquery-ui/jquery-ui.js" %}'></script>
-<script src='{% static "lib/jquery-ui/i18n/datepicker-ru.js" %}'></script> <!-- jQueryUI Datepicker i18n -->
-<script src='{% static "js/bootstrap.min.js" %}'></script>
-<script src='{% static "lib/bootstrap-select/js/bootstrap-select.js" %}'></script>
-<script src='{% static "lib/select2/select2.js" %}'></script>
-<script src='{% static "lib/urijs/URI.min.js" %}'></script>
-
-<script src='{% static "lib/jquery.fileupload/js/vendor/jquery.ui.widget.js" %}'></script>
-<script src='{% static "lib/jquery.fileupload/js/jquery.iframe-transport.js" %}'></script>
-<script src='{% static "lib/jquery.fileupload/js/jquery.fileupload.js" %}'></script>
-<script src='{% static "lib/jquery.fileupload/js/jquery.fileupload-process.js" %}'></script>
-
-<script src='{% static "js/jquery.magnific-popup.min.js" %}'></script>
-<script src='{% static "lib/jquery.cookie/jquery.cookie.min.js" %}'></script>
-<script src='{% static "lib/jquery-jgrowl/jquery.jgrowl.min.js" %}'></script>
-
-<script src='{% static "my-libs.js" %}'></script>
-
-<script src='{% static "js/main.js" %}'></script> <!-- Файл верстальщика -->
-<script src='{% static "index.js" %}'></script> <!-- Файл программистов -->
-
-<script>
-  var SocketHandlerMain = function (userId) {
-    var domain = '{{ request.META.HTTP_HOST }}';
-    var port = '{{ request.META.SERVER_PORT }}';
-    var queryString = '{{ request.get_full_path }}';
-
-    if ((queryString.indexOf('/chat') != 0) && (queryString.indexOf('/users/contractor-office/work-projects') != 0)) {
-      domain = domain.replace(':' + port, '');
-      if (window.location.protocol == 'https:') {
-        var ws = "wss://";
-      } else {
-        var ws = "ws://";
-      }
-
-      var url = ws + domain + '/chat/' + userId + '/';
-      var sock = new WebSocket(url);
-      var intervalId;
-      sock.onopen = function () {
-        intervalId = setInterval(function () {
-          sock.send('{"dummy": 1}');
-        }, 15000);
-      };
-
-      sock.onmessage = function (event) {
-        var notificationData = JSON.parse(event.data);
-        var outMessage = "";
-        if (notificationData.answer_type == 'add_message_contact') {
-          outMessage += "<a href='/chat/?user_id=" + notificationData.sender_id + "'>" + notificationData.msg + "<a>";
-        } else if ((notificationData.answer_type == 'approve_stages') || (notificationData.answer_type == 'add_message_order')) {
-          outMessage += "<a href='/chat/#order" + notificationData.order_id + "'>" + notificationData.msg + "<a>";
+{% block old_js %}
+    <script src='{% static "lib/lodash/lodash.js" %}'></script>
+    <script src='{% static "lib/lodash/lodash.fp.js" %}'></script>
+
+    <script src='{% static "js/jquery-2.2.3.min.js" %}'></script>
+    <script src='{% static "lib/jquery-ui/jquery-ui.js" %}'></script>
+    <script src='{% static "lib/jquery-ui/i18n/datepicker-ru.js" %}'></script> <!-- jQueryUI Datepicker i18n -->
+    <script src='{% static "js/bootstrap.min.js" %}'></script>
+    <script src='{% static "lib/bootstrap-select/js/bootstrap-select.js" %}'></script>
+    <script src='{% static "lib/select2/select2.js" %}'></script>
+    <script src='{% static "lib/urijs/URI.min.js" %}'></script>
+
+    <script src='{% static "lib/jquery.fileupload/js/vendor/jquery.ui.widget.js" %}'></script>
+    <script src='{% static "lib/jquery.fileupload/js/jquery.iframe-transport.js" %}'></script>
+    <script src='{% static "lib/jquery.fileupload/js/jquery.fileupload.js" %}'></script>
+    <script src='{% static "lib/jquery.fileupload/js/jquery.fileupload-process.js" %}'></script>
+
+    <script src='{% static "js/jquery.magnific-popup.min.js" %}'></script>
+    <script src='{% static "lib/jquery.cookie/jquery.cookie.min.js" %}'></script>
+    <script src='{% static "lib/jquery-jgrowl/jquery.jgrowl.min.js" %}'></script>
+
+    <script src='{% static "my-libs.js" %}'></script>
+
+    <script src='{% static "js/main.js" %}'></script> <!-- Файл верстальщика -->
+    <script src='{% static "index.js" %}'></script> <!-- Файл программистов -->
+
+    <script>
+        var SocketHandlerMain = function (userId) {
+            var domain = '{{ request.META.HTTP_HOST }}';
+            var port = '{{ request.META.SERVER_PORT }}';
+            var queryString = '{{ request.get_full_path }}';
+
+            if ((queryString.indexOf('/chat') != 0) && (queryString.indexOf('/users/contractor-office/work-projects') != 0)) {
+                domain = domain.replace(':' + port, '');
+                if (window.location.protocol == 'https:') {
+                    var ws = "wss://";
+                } else {
+                    var ws = "ws://";
+                }
+
+                var url = ws + domain + '/chat/' + userId + '/';
+                var sock = new WebSocket(url);
+                var intervalId;
+                sock.onopen = function () {
+                    intervalId = setInterval(function () {
+                        sock.send('{"dummy": 1}');
+                    }, 15000);
+                };
+
+                sock.onmessage = function (event) {
+                    var notificationData = JSON.parse(event.data);
+                    var outMessage = "";
+                    if (notificationData.answer_type == 'add_message_contact') {
+                        outMessage += "<a href='/chat/?user_id=" + notificationData.sender_id + "'>" + notificationData.msg + "<a>";
+                    } else if ((notificationData.answer_type == 'approve_stages') || (notificationData.answer_type == 'add_message_order')) {
+                        outMessage += "<a href='/chat/#order" + notificationData.order_id + "'>" + notificationData.msg + "<a>";
+                    }
+                    $.jGrowl("Вам пришло новое сообщение!<br />" + outMessage, {life: 15000});
+                };
+                this.add_message = function (messageData) {
+                    sock.send(JSON.stringify(messageData));
+                };
+            }
+        };
+
+        var userId = '{{ request.user.pk }}';
+        if (userId) {
+            var socketMain = new SocketHandlerMain(userId);
         }
-        $.jGrowl("Вам пришло новое сообщение!<br />" + outMessage, {life: 15000});
-      };
-      this.add_message = function (messageData) {
-        sock.send(JSON.stringify(messageData));
-      };
-    }
-  };
-
-  var userId = '{{ request.user.pk }}';
-  if (userId) {
-    var socketMain = new SocketHandlerMain(userId);
-  }
-</script>
-
-{% block js_block %}{% endblock %}
+    </script>
+{% endblock %}
+
+{% block js_block %}
+
+{% endblock %}
 
 {#{% endcompress %}#}
 </body>
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index 0a12fbf..6daa57a 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -1,7 +1,9 @@
 {% load staticfiles %}
+{% load sass_tags %}
 
+<link rel='stylesheet' href='{% sass_src "partials/sass/footer.sass" %}'>
 
-<footer class="disTab">
+<footer class="row">
     <div class="col-lg-4">
         <div class="logoF" onclick="window.location='/'"></div>
         
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 81da9db..6bbe587 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -2,6 +2,7 @@
 {% load thumbnail %}
 {% load user_tags %}
 {% load activeurl %}
+{% load sass_tags %}
 
 {% if request.user.is_contractor %}
   {% url 'users:contractor-profile' pk=request.user.pk as profile_url %}
@@ -9,6 +10,8 @@
   {% url 'users:customer-profile-open-projects' pk=request.user.pk as profile_url %}
 {% endif %}
 
+<link rel='stylesheet' href='{% sass_src "partials/sass/header.sass" %}'>
+
 <div class="wrTop {% if request.user.is_authenticated %} disTab {% endif %}">
     <div class="container-fluid topMain">
         <div class="row">
@@ -22,7 +25,7 @@
                         <ul class="mainMenu">
                             <li class="icon_tm1">
                                 <a href="{% url 'projects:project-filter' %}">Поиск заказов</a>
-                                <span></span>
+                                <span></span>   
                             </li>
     
                             {% if request.user.is_contractor %}
diff --git a/templates/partials/sass/footer.sass b/templates/partials/sass/footer.sass
new file mode 100644
index 0000000..34e0e32
--- /dev/null
+++ b/templates/partials/sass/footer.sass
@@ -0,0 +1,91 @@
+$static: '/static'
+
+footer
+  background-color: #F7F7F7
+  &:before
+    content: ''
+    width: 300px
+    height: 3px
+    background-color: black
+
+
+.logoF
+  width: 183px
+  height: 36px
+  background: url('#{$static}/img/logoF.png') no-repeat center
+  background-size: cover
+  float: left
+  margin: 41px 0 0 27px
+  cursor: pointer
+
+.linksSoc
+  width: 100%
+  float: left
+  margin: 32px 0 0 0
+  padding: 0 0 0 23px
+  >
+    a
+      width: 46px
+      height: 46px
+      opacity: 0.2
+      display: block
+      float: left
+      margin-right: 10px
+      -webkit-transition: opacity 0.4s ease-out
+      -moz-transition: opacity 0.4s ease-out
+      transition: opacity 0.4s ease-out
+      &:link, &:visited
+        width: 46px
+        height: 46px
+        opacity: 0.2
+        display: block
+        float: left
+        margin-right: 10px
+        -webkit-transition: opacity 0.4s ease-out
+        -moz-transition: opacity 0.4s ease-out
+        transition: opacity 0.4s ease-out
+    .icon_ls1
+      background: url('#{$static}/img/socSprite.png') no-repeat 0 0
+    .icon_ls2
+      background: url('#{$static}/img/socSprite.png') no-repeat -46px 0
+    .icon_ls3
+      background: url('#{$static}/img/socSprite.png') no-repeat -92px 0
+    .icon_ls4
+      background: url('#{$static}/img/socSprite.png') no-repeat -138px 0
+    .icon_ls5
+      background: url('#{$static}/img/socSprite.png') no-repeat -184px 0
+      margin-right: 0
+    a:hover
+      opacity: 1
+
+.copy-rights
+  float: left
+  font-size: 16px
+  font-family: 'pfdintextcomppro-regular', sans-serif
+  text-transform: uppercase
+  letter-spacing: 2px
+  margin: 34px 0 42px 31px
+  color: #aaa
+
+.listF1
+  p
+    font-family: Arial, Verdana, Helvetica, sans-serif
+    font-size: 16px
+    text-transform: uppercase
+    color: #2c2c2c
+    font-weight: bold
+    margin: 46px 0 20px 0
+  ul li
+    margin-bottom: 6px
+    list-style: none
+    color: red
+    &:last-child
+      margin-bottom: 0
+    a
+      font-family: 'Arial-MT-Regular', sans-serif
+      color: #6c6c6c
+      font-size: 15px
+      &:link, &:visited
+        font-family: 'Arial-MT-Regular', sans-serif
+        color: #6c6c6c
+        font-size: 15px
\ No newline at end of file
diff --git a/templates/partials/sass/header.sass b/templates/partials/sass/header.sass
new file mode 100644
index 0000000..4db75dd
--- /dev/null
+++ b/templates/partials/sass/header.sass
@@ -0,0 +1,334 @@
+$static: '/static'
+
+.wrTop
+  width: 100%
+  background-color: black
+
+.topMain
+  width: 1200px
+  margin: 0 auto
+  .col-lg-7
+    width: 55%
+  .col-lg-2
+    width: 19%
+  .mainMenu li
+    padding-right: 25px
+    a
+      font-size: 15px
+
+.welcomeMain
+  width: 100%
+  float: left
+  font-size: 48px
+  text-align: center
+  padding: 54px 0 39px 0
+  font-family: 'pfbeausanspro-thin', sans-serif
+
+.welcomeMain
+  line-height: 48px
+  font-family: 'pfdintextcomppro-regular', sans-serif
+  font-size: 43px
+
+.logo
+  width: 183px
+  height: 36px
+  background: url('#{$static}/img/logo.png') no-repeat center
+  background-size: cover
+  float: left
+  margin: 18px 0 21px 10px
+  cursor: pointer
+
+.mainMenu
+  float: left
+  margin: 26px 0 0 0
+  li
+    float: left
+    position: relative
+    padding-right: 30px
+    list-style: none
+    a
+      text-decoration: none
+      border-bottom: 3px solid transparent
+      -webkit-transition: all 0.4s ease-out
+      -moz-transition: all 0.4s ease-out
+      transition: all 0.4s ease-out
+    &:hover a
+      border-color: #ff0029
+    span
+      content: ''
+      position: absolute
+      height: 23px
+      left: 0
+      top: -1px
+  .icon_tm1 span
+    width: 26px
+    //background: url('../img/listMain.png') no-repeat left
+    background-size: cover
+    background: url('#{$static}/img/listMain.png') no-repeat 0 0
+  .icon_tm2 span
+    width: 22px
+    background-size: cover
+    background: url('#{$static}/img/listMain.png') no-repeat -26px 0
+  .icon_tm3 span
+    width: 24px
+    background-size: cover
+    background: url('#{$static}/img/listMain.png') no-repeat -48px 0
+
+.icon_tm1:hover span
+  width: 26px
+  background: url('#{$static}/img/listMain2.png') no-repeat left !important
+  background-size: cover
+  background-position: 0 0 !important
+
+.icon_tm2:hover span
+  width: 22px
+  background: url('#{$static}/img/listMain2.png') no-repeat left !important
+  background-size: cover
+  background-position: -26px 0 !important
+
+.icon_tm3:hover span
+  width: 26px !important
+  background: url('#{$static}/img/listMain2.png') no-repeat left !important
+  background-size: cover
+  background-position: -49px 0 !important
+
+.mainMenu li
+  &:last-child
+    padding-right: 0
+  a
+    color: white
+    font-size: 18px
+    padding: 30px 0 27px 40px
+    font-family: 'pfbeausanspro-reg', sans-serif
+  &.active > a
+    border-color: #ff0029
+  &.icon_tm1.active span
+    background: url('#{$static}/img/listMain2.png') no-repeat !important
+  &.officeList.active span
+    background: url('#{$static}/img/list4tml.png') no-repeat center !important
+  &.icon_tm2.active span
+    background: url('#{$static}/img/listMain2.png') no-repeat center !important
+  &.icon_tm3.active span
+    background: url('#{$static}/img/listMain2.png') no-repeat right !important
+
+.changeBlock
+  width: 485px
+  overflow: hidden
+  padding: 113px 0 0 0
+  position: relative
+  &a
+    border: none
+    cursor: pointer
+    height: 40px
+    border-radius: 40px
+    font-size: 20px
+    text-transform: uppercase
+    font-family: 'pfdintextcomppro-regular', sans-serif
+    letter-spacing: 4px
+    position: relative
+    top: -60px
+    display: table
+    margin: auto
+
+.changeBlock1
+  float: left
+  margin-left: -15px
+  background-color: rgba(255, 0, 6, 0.7)
+  &a
+    &:link,
+    &:visited
+      background: url('#{$static}/img/button1.png') no-repeat 25px, black
+      color: white
+      padding: 24px 26px 20px 72px
+
+.changeBlock2
+  float: right
+  margin-right: -15px
+  background-color: rgba(0, 0, 0, 0.7)
+  &a
+    &:link,
+    &:visited
+      background: url('#{$static}/img/button2.png') no-repeat 27px, white
+      color: black
+      padding: 24px 26px 20px 72px
+
+.changeBlock
+  p
+    font-family: 'Arial-MT-Regular', sans-serif
+
+.changeBlock1
+  p
+    color: white
+
+.changeBlock2
+  p
+    color: black
+
+.changeBlock
+  min-height: 500px
+  display: table
+  padding: 143px 20px 120px 20px
+  &:after
+    content: ''
+    position: absolute
+    width: 66px
+    height: 1px
+    left: 50%
+    margin-left: -30px
+    background-color: white
+    bottom: 60px
+
+.changeBlock2
+  float: right
+  margin-right: -15px
+  background-color: rgba(0, 0, 0, 0.7)
+
+.square
+  width: 46px
+  height: 46px
+  position: absolute
+  right: -23px
+  top: 100px
+  z-index: 9
+  -webkit-transform: rotate(135deg)
+  -moz-transform: rotate(135deg)
+  transform: rotate(135deg)
+  background-color: #DCDCDD
+
+  .insetSquare
+    width: 100%
+    height: 100%
+    position: relative
+    -webkit-transform: rotate(-135deg)
+    -moz-transform: rotate(-135deg)
+    transform: rotate(-135deg)
+    background: url('#{$static}/img/arrow.png') no-repeat center
+
+.imgProfile
+  width: 75px
+  height: 75px
+  float: right
+  margin: 0 0 0 -60px
+  img
+    display: block
+    width: 100%
+    height: 100%
+
+.infoProfile
+  float: right
+  .btn-group
+    .btn
+      width: 75px
+      height: 75px
+      float: left
+      border-radius: 0 !important
+      background-color: black
+      border: none
+      span
+        color: white
+        font-size: 26px
+    .dropdown-toggle
+      &:hover, &:active, &:focus
+        -webkit-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
+        -moz-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
+        box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99)
+        background-color: rgb(255, 0, 39)
+  .dropdown-menu
+    border-radius: 0
+    background-color: black
+    left: -174px
+    margin: -1px 100% 0 0
+    float: left
+    width: 250px
+    height: auto
+    padding: 30px 20px 15px 40px
+    border-top: 3px solid #ff2c2c
+    li
+      margin-bottom: 10px
+      &:last-child
+        margin-bottom: 0
+      a
+        color: white
+        font-size: 17px
+        font-family: 'pfbeausanspro-reg', sans-serif
+        position: relative
+        &:link, &:visited
+          color: white
+          font-size: 17px
+          font-family: 'pfbeausanspro-reg', sans-serif
+          position: relative
+        &:hover, &:active
+          background-color: black !important
+          color: #ff2c2c
+        span
+          content: ''
+          position: absolute
+          width: 20px
+          left: -18px
+          top: 4px
+    .icon_mm1 a span
+      height: 20px
+      background-size: cover
+      background: url('#{$static}/img/menu.png') no-repeat 0 0
+    .icon_mm2 a span
+      height: 22px
+      background-size: cover
+      background: url('#{$static}/img/menu.png') no-repeat 0 -20px
+    .icon_mm3 a span
+      height: 13px
+      background-size: cover
+      background: url('#{$static}/img/menu.png') no-repeat 0 -42px
+      top: 6px
+    .icon_mm4 a span
+      height: 20px
+      background-size: cover
+      background: url('#{$static}/img/menu.png') no-repeat 0 -55px
+    .icon_mm5 a span
+      height: 20px
+      background-size: cover
+      background: url('#{$static}/img/menu.png') no-repeat 0 -75px
+    .icon_mm6 a span
+      height: 20px
+      background-size: cover
+      background: url('#{$static}/img/menu.png') no-repeat 0 -95px
+    .icon_mm7 a span
+      height: 20px
+      background-size: cover
+      background: url('#{$static}/img/menu.png') no-repeat 0 0
+    .icon_mm8 a span
+      height: 20px
+      background-size: contain
+      background: url('#{$static}/img/user-5.png') no-repeat 0 0
+    .icon_mm1 a:hover span
+      height: 20px
+      background: url('#{$static}/img/menu2.png') no-repeat center !important
+      background-size: cover !important
+      background-position: 0 0 !important
+    .icon_mm2 a:hover span
+      height: 22px
+      background-size: cover
+      background: url('#{$static}/img/menu2.png') no-repeat 0 -20px
+    .icon_mm3 a:hover span
+      height: 13px
+      background-size: cover
+      background: url('#{$static}/img/menu2.png') no-repeat 0 -42px
+    .icon_mm4 a:hover span
+      height: 20px
+      background-size: cover
+      background: url('#{$static}/img/menu2.png') no-repeat 0 -55px
+    .icon_mm5 a:hover span
+      height: 20px
+      background-size: cover
+      background: url('#{$static}/img/menu2.png') no-repeat 0 -75px
+    .icon_mm6 a:hover span
+      height: 20px
+      background-size: cover
+      background: url('#{$static}/img/menu2.png') no-repeat 0 -95px
+    .icon_mm7 a:hover span
+      height: 20px
+      background-size: cover
+      background: url('#{$static}/img/menu2.png') no-repeat 0 0
+    .icon_mm8 a:hover span
+      height: 20px
+      background-size: contain
+      background: url('#{$static}/img/user-4.png') no-repeat 0 0
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..f63f80d
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,63 @@
+const NODE_ENV = process.env.NODE_ENV || 'dev';
+const webpack = require('webpack');
+const path = require('path');
+
+module.exports = {
+    // context: __dirname + "/assets/js/src",
+    context: __dirname,
+    // context: path.join(__dirname, "static", "js"),
+
+    entry: {
+        // user: "./user",
+        create_project: "./assets/js/src/customer_project_create.js",
+        init_customer_project_create: './assets/js/src/init_customer_project_create.js'
+
+    },
+
+    output: {
+        path: path.resolve(__dirname, "assets/js/build"),
+        filename: "[name].js",
+        // ,library: "[name]" // import to global variables
+    },
+
+    watch: NODE_ENV == 'dev',
+
+    devtools: "eval",
+
+    plugins: [
+        new webpack.DefinePlugin(
+            {NODE_ENV: JSON.stringify(NODE_ENV)})
+        // new webpack.EnvironmentPlugin('NODE_ENV')
+    ],
+
+    resolve: {
+        alias: {
+            components: path.resolve(__dirname, "assets/lib/proekton-components/js/src")
+        }
+        ,
+        // moduleDirectories: [__dirname + '/assets/js/src'],
+        extensions: ['', '.js']
+    },
+
+    resolveLoader: {
+        moduleDirectories: ['node_modules'],
+        // moduleTemplate: ['*-loader', '*'],
+        // extentions: ['', '.js']
+    },
+
+    module: {
+        loaders: [
+            {
+                test: /\.js$/,
+                loader: 'babel',
+                exclude: /node_modules/,
+                query: {
+                    cacheDirectory: true,
+                    plugins: ['transform-decorators-legacy'],
+                    presets: ['es2015']
+                }
+            },
+        ]
+
+    }
+};
\ No newline at end of file
diff --git a/work_sell/migrations/0019_auto_20161201_2003.py b/work_sell/migrations/0019_auto_20161201_2003.py
new file mode 100644
index 0000000..344e18f
--- /dev/null
+++ b/work_sell/migrations/0019_auto_20161201_2003.py
@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.9.7 on 2016-12-01 17:03
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('work_sell', '0018_merge'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='worksell',
+            name='work_type',
+            field=models.IntegerField(choices=[(403, 'Проектирование777'), (87, 'Техническое сопровождение666')], default=1),
+        ),
+    ]