From 29a46da7d3fffe8cadad85b3ddfd9c799a91c8bf Mon Sep 17 00:00:00 2001
From: booblegum <booblegum42@gmail.com>
Date: Thu, 29 Dec 2016 14:25:01 +0300
Subject: [PATCH] =?UTF-8?q?PR-56=20=D1=84=D0=BE=D1=80=D0=BC=D0=B0=20=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=20=D0=BE=D0=B1=D1=8A=D0=B5=D0=BA=D1=82=D0=BE?=
 =?UTF-8?q?=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

добавлена модальная форма для редактирования созданных объектов
---
 api/urls.py                                   |    8 +-
 api/views.py                                  |   37 +
 archilance/urls.py                            |    4 +-
 assets/js/build/customer_profile.js           |   62 +-
 assets/js/build/init_contractor_filter.js     |    3 +-
 assets/js/build/init_create_worksell.js       |    9 +-
 .../js/build/init_customer_project_create.js  |    9 +-
 assets/js/build/init_modal_realty_edit.js     | 2030 +++++++++++++++++
 assets/js/build/init_portfolio_create_edit.js |    9 +-
 assets/js/src/customer_profile.js             |    2 +
 assets/js/src/init_modal_realty_edit.js       |  162 ++
 .../js/src/SelectOrCreate.js                  |    5 +
 .../js/src/SelectedContainer.js               |    3 +-
 projects/forms.py                             |   15 +-
 .../partials/modals/mod-realty-edit.html      |   80 +
 projects/views.py                             |   12 +
 users/templates/customer_profile.html         |    7 +-
 users/templates/partials/inc-objects.html     |   15 +-
 webpack.config.js                             |    2 +
 19 files changed, 2439 insertions(+), 35 deletions(-)
 create mode 100644 assets/js/build/init_modal_realty_edit.js
 create mode 100644 assets/js/src/init_modal_realty_edit.js
 create mode 100644 projects/templates/partials/modals/mod-realty-edit.html

diff --git a/api/urls.py b/api/urls.py
index 42c3b01..ecce484 100755
--- a/api/urls.py
+++ b/api/urls.py
@@ -1,4 +1,5 @@
 from rest_framework import routers
+from django.conf.urls import url, include
 
 from .views import (
     AnswerViewSet,
@@ -15,6 +16,7 @@ from .views import (
     PortfolioViewSet,
     ProjectViewSet,
     RealtyViewSet,
+    UpdateRealty,
     ReviewViewSet,
     BuildingClassificationViewSet,
     SpecializationViewSet,
@@ -57,7 +59,7 @@ router.register(r'work-sells', WorkSellViewSet)
 urlpatterns = router.urls
 
 # urlpatterns = [
-#     url(r'^forgot-password/$', ForgotPasswordFormView.as_view()),
+#     url(r'^demo_realties/(?P<pk>\d+)/$', UpdateRealty.as_view()),
 # ]
-#
-# urlpatterns += router.url
\ No newline at end of file
+
+# urlpatterns += router.urls
\ No newline at end of file
diff --git a/api/views.py b/api/views.py
index bb9ab28..a6b3db5 100755
--- a/api/views.py
+++ b/api/views.py
@@ -5,6 +5,7 @@ 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 rest_framework import generics
 
 from chat.filters import MessageFilterSet, NoteFilterSet, DocumentFilterSet
 from chat.models import Message, Notes, Documents, NewMessage
@@ -148,6 +149,42 @@ class MessageViewSet(ModelViewSet):
         qs = NewMessage.objects.filter(message__in=queryset, user=self.request.user).delete()
         return queryset
 
+from projects.forms import RealtyFormNew
+
+
+class UpdateRealty(generics.UpdateAPIView):
+    queryset = Realty.objects.all()
+    serializer_class = RealtySerializer
+    # permission_classes = (permissions.IsAuthenticated,)
+
+    def update(self, request, *args, **kwargs):
+        # print("put realty request -->", request.data)
+        # realty = self.get_object()
+        # print("realty.name =", realty.name)
+        # realty_form = RealtyFormNew(request.data, request=request, instance=realty)
+        # if realty_form.is_valid():
+        #     realty_form.name = 'New name'
+        #     realty_form.save()
+        realty = self.get_object()
+        print("realty.id = ", realty.id)
+        serializer = self.serializer_class(realty, data=request.data, partial=True)
+        if serializer.is_valid():
+            serializer.save()
+        else:
+            print(serializer.errors)
+
+        return Response({'success': True})
+
+        # instance = self.get_object()
+        # instance.name = request.data.get("name")
+        # instance.save()
+        #
+        # serializer = self.get_serializer(instance)
+        # serializer.is_valid(raise_exception=True)
+        # self.perform_update(serializer)
+        #
+        # return Response(serializer.data)
+
 
 class RealtyViewSet(ModelViewSet):
     queryset = Realty.objects.filter(is_virtual=False)
diff --git a/archilance/urls.py b/archilance/urls.py
index 18ed0d6..0028bca 100644
--- a/archilance/urls.py
+++ b/archilance/urls.py
@@ -10,7 +10,8 @@ from wagtail.wagtailcore import urls as wagtail_urls
 from common.views import CustomRegistrationView
 from wallets.views import TmpCheckOrderView, TmpPaymentAvisoView
 from .views import HomeTemplateView, TestChatTemplateView, TestView
-from projects.views import CustomerRealtyTrashView, CustomerRealtyDeleteView, CustomerRealtyRestoreView, SortRealtyBy
+from projects.views import CustomerRealtyTrashView, CustomerRealtyDeleteView, CustomerRealtyRestoreView, SortRealtyBy, \
+    RealtyUpdateView
 
 urlpatterns = [
                   url(r'^$', HomeTemplateView.as_view()),
@@ -21,6 +22,7 @@ urlpatterns = [
                   url(r'^projects/', include('projects.urls')),
                   url(r'^object/(?P<pk>\d+)/trash/$', CustomerRealtyTrashView.as_view(), name='customer-object-trash'),
                   url(r'^object/(?P<pk>\d+)/delete/$', CustomerRealtyDeleteView.as_view(), name='customer-object-delete'),
+                  url(r'^object/(?P<pk>\d+)/edit/$', RealtyUpdateView.as_view(), name='customer-object-delete'),
                   url(r'^object/(?P<pk>\d+)/restore/$', CustomerRealtyRestoreView.as_view(), name='customer-object-restore'),
                   url(r'^objects/sort/$', SortRealtyBy.as_view(), name='sort-realty-by'),
                   url(r'^reviews/', include('reviews.urls')),
diff --git a/assets/js/build/customer_profile.js b/assets/js/build/customer_profile.js
index 814f344..c3c016e 100644
--- a/assets/js/build/customer_profile.js
+++ b/assets/js/build/customer_profile.js
@@ -40,9 +40,8 @@
 /******/ 	return __webpack_require__(0);
 /******/ })
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
+/******/ ([
+/* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -53,17 +52,52 @@
 
 	var _sort_by = __webpack_require__(17);
 
+	var _custom_check = __webpack_require__(1);
+
 	$(function () {
 	    (0, _bootstrap_tabs.restoreTab)();
 	    (0, _bootstrap_tabs.tabsHashInit)();
+	    (0, _custom_check.customCheckInit)();
 	    window.toggler = _show_hide.toggler;
 	    window.sortRealtyBy = _sort_by.sortRealtyBy;
 	    // on load of the page: switch to the currently selected tab
 	});
 
 /***/ },
+/* 1 */
+/***/ 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();
+	    }
 
-/***/ 6:
+	    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;
+
+/***/ },
+/* 2 */,
+/* 3 */,
+/* 4 */,
+/* 5 */,
+/* 6 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -107,8 +141,15 @@
 	exports.getCookie = getCookie;
 
 /***/ },
-
-/***/ 15:
+/* 7 */,
+/* 8 */,
+/* 9 */,
+/* 10 */,
+/* 11 */,
+/* 12 */,
+/* 13 */,
+/* 14 */,
+/* 15 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -124,8 +165,7 @@
 	exports.toggler = toggler;
 
 /***/ },
-
-/***/ 16:
+/* 16 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -160,8 +200,7 @@
 	exports.restoreTab = restoreTab;
 
 /***/ },
-
-/***/ 17:
+/* 17 */
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -194,5 +233,4 @@
 	exports.sortRealtyBy = sortRealtyBy;
 
 /***/ }
-
-/******/ });
\ No newline at end of file
+/******/ ]);
\ No newline at end of file
diff --git a/assets/js/build/init_contractor_filter.js b/assets/js/build/init_contractor_filter.js
index d595990..8c556ad 100644
--- a/assets/js/build/init_contractor_filter.js
+++ b/assets/js/build/init_contractor_filter.js
@@ -223,8 +223,9 @@
 	        this.options = { noHeader: noHeader };
 	        var self = this;
 	        this.$self.hide();
+	        this.dataPromise = obj.dataPromise;
 
-	        obj.dataPromise.then(function (data) {
+	        this.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"]');
diff --git a/assets/js/build/init_create_worksell.js b/assets/js/build/init_create_worksell.js
index 8d35d9b..503a7cc 100644
--- a/assets/js/build/init_create_worksell.js
+++ b/assets/js/build/init_create_worksell.js
@@ -270,8 +270,9 @@
 	        this.options = { noHeader: noHeader };
 	        var self = this;
 	        this.$self.hide();
+	        this.dataPromise = obj.dataPromise;
 
-	        obj.dataPromise.then(function (data) {
+	        this.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"]');
@@ -1831,8 +1832,10 @@
 	                            box._addToSelectedContainer(data['construction_type'].id);
 	                        } else {
 	                            console.log("Нет совпадений для ", box.type);
+	                            box.selectedContainer.$input.removeAttr('value');
 	                        }
 	                    }
+	                    //Костыль для обновлени имени модельного окна "Редктирование Объекта"
 	                } catch (err) {
 	                    _didIteratorError = true;
 	                    _iteratorError = err;
@@ -1847,6 +1850,10 @@
 	                        }
 	                    }
 	                }
+
+	                var name = data['name'];
+	                var $name = $('#realtyEditModal').find('input[name=name]');
+	                if ($name.length > 0) $name.val(name);
 	            }).catch(this._onLoadDataError.bind(self));
 	        }
 	    }, {
diff --git a/assets/js/build/init_customer_project_create.js b/assets/js/build/init_customer_project_create.js
index 2e69091..ad32cdd 100644
--- a/assets/js/build/init_customer_project_create.js
+++ b/assets/js/build/init_customer_project_create.js
@@ -315,8 +315,9 @@
 	        this.options = { noHeader: noHeader };
 	        var self = this;
 	        this.$self.hide();
+	        this.dataPromise = obj.dataPromise;
 
-	        obj.dataPromise.then(function (data) {
+	        this.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"]');
@@ -1876,8 +1877,10 @@
 	                            box._addToSelectedContainer(data['construction_type'].id);
 	                        } else {
 	                            console.log("Нет совпадений для ", box.type);
+	                            box.selectedContainer.$input.removeAttr('value');
 	                        }
 	                    }
+	                    //Костыль для обновлени имени модельного окна "Редктирование Объекта"
 	                } catch (err) {
 	                    _didIteratorError = true;
 	                    _iteratorError = err;
@@ -1892,6 +1895,10 @@
 	                        }
 	                    }
 	                }
+
+	                var name = data['name'];
+	                var $name = $('#realtyEditModal').find('input[name=name]');
+	                if ($name.length > 0) $name.val(name);
 	            }).catch(this._onLoadDataError.bind(self));
 	        }
 	    }, {
diff --git a/assets/js/build/init_modal_realty_edit.js b/assets/js/build/init_modal_realty_edit.js
new file mode 100644
index 0000000..c775487
--- /dev/null
+++ b/assets/js/build/init_modal_realty_edit.js
@@ -0,0 +1,2030 @@
+/******/ (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__(19);
+
+	var _SelectedContainer2 = _interopRequireDefault(_SelectedContainer);
+
+	var _SelectedContainerCreate = __webpack_require__(26);
+
+	var _SelectedContainerCreate2 = _interopRequireDefault(_SelectedContainerCreate);
+
+	var _NoTreeSelect = __webpack_require__(23);
+
+	var _NoTreeSelect2 = _interopRequireDefault(_NoTreeSelect);
+
+	var _TreeSelect = __webpack_require__(25);
+
+	var _TreeSelect2 = _interopRequireDefault(_TreeSelect);
+
+	var _SingleTreeSelect = __webpack_require__(27);
+
+	var _SingleTreeSelect2 = _interopRequireDefault(_SingleTreeSelect);
+
+	var _SelectOrCreate = __webpack_require__(28);
+
+	var _SelectOrCreate2 = _interopRequireDefault(_SelectOrCreate);
+
+	var _utils = __webpack_require__(6);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	$(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 _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) {
+	        sb_realty = new _SelectOrCreate2.default($('#sb-realty'), { url: url, visible: false });
+	        sb_realty.setHeader(" ");
+	        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 (args) {
+	            $('#checkbox-sb-realty').prop("checked", true);
+	            sb_realty.show();
+	            var id = args[0];
+
+	            sb_realty.selectedEl.id = id;
+	            sb_realty._fillBoxes();
+	        });
+	    }
+
+	    var sb_realty = void 0;
+	    var select_realty = void 0;
+
+	    function setRealty(id) {
+	        console.log('setRealty id -->', id);
+	        Promise.all(sb_realty.boxes.map(function (box) {
+	            return box.dataPromise;
+	        })).then(function () {
+	            sb_realty.boxes.map(function (box) {
+	                try {
+	                    box.clearAllNext();
+	                } catch (TypeError) {
+	                    box.clear();
+	                }
+	            });
+	            sb_realty.setElementById(id);
+	            select_realty.add(id);
+	        });
+	    }
+
+	    function updateRealty($form, user_id) {
+	        // console.log("form action = ", $form.attr("action"));
+	        var formData = $form.serialize();
+	        var id = $('input[name=realty]').val();
+	        console.log('user_id = ', user_id);
+	        $.ajax({
+	            // url: $form.attr("action"),
+	            url: '/object/' + id + '/edit/',
+	            data: formData,
+	            // async: false,
+	            method: 'post',
+	            beforeSend: function beforeSend(xhr) {
+	                xhr.setRequestHeader("X-CSRFToken", (0, _utils.getCookie)('csrftoken'));
+	            },
+	            success: function success(data) {
+	                console.log("success -->", data);
+	                sortRealtyBy({ sortBy: 'name', user_id: user_id, state: 'active' }, '#_objects');
+	                $('#realtyEditModal').modal('toggle');
+	            },
+	            error: function error(xhr, ajaxOptions, thrownError) {
+	                console.log("error -->", xhr);
+	            }
+	        });
+	    }
+
+	    var sb_loc_main = void 0,
+	        sb_constr_main = void 0,
+	        sb_build_main = void 0;
+
+	    // createSpecs('/api/specializations_flat');
+	    window.setRealty = setRealty;
+	    window.updateRealty = updateRealty;
+
+	    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) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	function getCookie(name) {
+	    var cookieValue = null;
+	    if (document.cookie && document.cookie != '') {
+	        var cookies = document.cookie.split(';');
+	        for (var i = 0; i < cookies.length; i++) {
+	            var cookie = jQuery.trim(cookies[i]);
+	            if (cookie.substring(0, name.length + 1) == name + '=') {
+	                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+	                break;
+	            }
+	        }
+	    }
+	    return cookieValue;
+	}
+
+	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];
+	}
+
+	exports.humanFileSize = humanFileSize;
+	exports.getCookie = getCookie;
+
+/***/ },
+/* 7 */,
+/* 8 */,
+/* 9 */,
+/* 10 */,
+/* 11 */,
+/* 12 */,
+/* 13 */,
+/* 14 */,
+/* 15 */,
+/* 16 */,
+/* 17 */,
+/* 18 */,
+/* 19 */
+/***/ 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__(20);
+
+	var _DataTree2 = _interopRequireDefault(_DataTree);
+
+	var _NoTreeData = __webpack_require__(21);
+
+	var _NoTreeData2 = _interopRequireDefault(_NoTreeData);
+
+	var _decorators = __webpack_require__(22);
+
+	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();
+	        this.dataPromise = obj.dataPromise;
+
+	        this.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;
+
+/***/ },
+/* 20 */
+/***/ 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;
+
+/***/ },
+/* 21 */
+/***/ 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;
+
+/***/ },
+/* 22 */
+/***/ 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);
+	                }
+	            }
+	        } 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)(args);
+	            }
+	        } catch (err) {
+	            _didIteratorError2 = true;
+	            _iteratorError2 = err;
+	        } finally {
+	            try {
+	                if (!_iteratorNormalCompletion2 && _iterator2.return) {
+	                    _iterator2.return();
+	                }
+	            } finally {
+	                if (_didIteratorError2) {
+	                    throw _iteratorError2;
+	                }
+	            }
+	        }
+
+	        return this;
+	    };
+	}
+
+	// export {onBind};
+
+/***/ },
+/* 23 */
+/***/ 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__(24);
+
+	var _NoTreeData = __webpack_require__(21);
+
+	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 || data);
+	            this.$buttonAddOptions.hide();
+	            this._fillOptionsData();
+	            this._bindEvents();
+	        }
+	    }, {
+	        key: '_onclickOptionsElement',
+	        value: function _onclickOptionsElement(e) {
+	            _get(NoTreeSelect.prototype.__proto__ || Object.getPrototypeOf(NoTreeSelect.prototype), '_onclickOptionsElement', this).call(this, e);
+	            this.clear();
+	            var id = $(e.target).data("id");
+	            this.selectedContainer.add(id);
+	            e.preventDefault();
+	            return false;
+	        }
+	    }, {
+	        key: '_onButtonAddOptions',
+	        value: function _onButtonAddOptions(e) {
+	            //    pass
+	        }
+	    }]);
+
+	    return NoTreeSelect;
+	}(_AbsBaseSelect2.AbsBaseSelect);
+
+	exports.default = NoTreeSelect;
+
+/***/ },
+/* 24 */
+/***/ 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\" value=\"\">\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: "", 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.find('.header').html(header);
+	                this.$header.show();
+	            } 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');
+	            this.$header.find('.header').html(this.header);
+	            if (!this.header) this.$header.hide();
+	            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: реализовать нормальное show/hide + visible
+	            if (!this.visible) this.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: "setElementById",
+	        value: function setElementById(id) {
+	            var value = this.dataTree.getElementById(id).name;
+	            this.selectedEl.id = id;
+	            this.selectedEl.value = value;
+	            this.$searchInput.val(value);
+	            this.updateEditableContainer(id);
+	        }
+	    }, {
+	        key: "_onclickOptionsElement",
+	        value: function _onclickOptionsElement(e) {
+	            var id = $(e.target).data("id");
+	            this.setElementById(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;
+
+/***/ },
+/* 25 */
+/***/ 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__(24);
+
+	var _DataTree = __webpack_require__(20);
+
+	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;
+
+/***/ },
+/* 26 */
+/***/ 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__(19);
+
+	var _SelectedContainer3 = _interopRequireDefault(_SelectedContainer2);
+
+	var _decorators = __webpack_require__(22);
+
+	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;
+
+/***/ },
+/* 27 */
+/***/ 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__(24);
+
+	var _TreeSelect2 = __webpack_require__(25);
+
+	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;
+
+/***/ },
+/* 28 */
+/***/ 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__(24);
+
+	var _NoTreeData = __webpack_require__(21);
+
+	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();
+	            this.$searchInput.attr("placeholder", 'Создать/Выбрать объект');
+	        }
+	    }, {
+	        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: '_fillBoxes',
+	        value: function _fillBoxes() {
+	            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);
+	                            box.selectedContainer.$input.removeAttr('value');
+	                        }
+	                    }
+	                    //Костыль для обновлени имени модельного окна "Редктирование Объекта"
+	                } catch (err) {
+	                    _didIteratorError = true;
+	                    _iteratorError = err;
+	                } finally {
+	                    try {
+	                        if (!_iteratorNormalCompletion && _iterator.return) {
+	                            _iterator.return();
+	                        }
+	                    } finally {
+	                        if (_didIteratorError) {
+	                            throw _iteratorError;
+	                        }
+	                    }
+	                }
+
+	                var name = data['name'];
+	                var $name = $('#realtyEditModal').find('input[name=name]');
+	                if ($name.length > 0) $name.val(name);
+	            }).catch(this._onLoadDataError.bind(self));
+	        }
+	    }, {
+	        key: '_onButtonAddOptions',
+	        value: function _onButtonAddOptions(e) {
+	            this._fillBoxes();
+	            _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/init_portfolio_create_edit.js b/assets/js/build/init_portfolio_create_edit.js
index 921689e..418e1d8 100644
--- a/assets/js/build/init_portfolio_create_edit.js
+++ b/assets/js/build/init_portfolio_create_edit.js
@@ -225,8 +225,9 @@
 	        this.options = { noHeader: noHeader };
 	        var self = this;
 	        this.$self.hide();
+	        this.dataPromise = obj.dataPromise;
 
-	        obj.dataPromise.then(function (data) {
+	        this.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"]');
@@ -1692,8 +1693,10 @@
 	                            box._addToSelectedContainer(data['construction_type'].id);
 	                        } else {
 	                            console.log("Нет совпадений для ", box.type);
+	                            box.selectedContainer.$input.removeAttr('value');
 	                        }
 	                    }
+	                    //Костыль для обновлени имени модельного окна "Редктирование Объекта"
 	                } catch (err) {
 	                    _didIteratorError = true;
 	                    _iteratorError = err;
@@ -1708,6 +1711,10 @@
 	                        }
 	                    }
 	                }
+
+	                var name = data['name'];
+	                var $name = $('#realtyEditModal').find('input[name=name]');
+	                if ($name.length > 0) $name.val(name);
 	            }).catch(this._onLoadDataError.bind(self));
 	        }
 	    }, {
diff --git a/assets/js/src/customer_profile.js b/assets/js/src/customer_profile.js
index c0982a0..9bb981f 100644
--- a/assets/js/src/customer_profile.js
+++ b/assets/js/src/customer_profile.js
@@ -1,10 +1,12 @@
 import {toggler} from './seeds/show_hide'
 import {tabsHashInit, restoreTab} from './seeds/bootstrap_tabs'
 import {sortRealtyBy} from './seeds/sort_by'
+import {customCheckInit} from './seeds/custom_check'
 
 $(function () {
     restoreTab();
     tabsHashInit();
+    customCheckInit();
     window.toggler = toggler;
     window.sortRealtyBy = sortRealtyBy;
     // on load of the page: switch to the currently selected tab
diff --git a/assets/js/src/init_modal_realty_edit.js b/assets/js/src/init_modal_realty_edit.js
new file mode 100644
index 0000000..aa4ef1c
--- /dev/null
+++ b/assets/js/src/init_modal_realty_edit.js
@@ -0,0 +1,162 @@
+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'
+import {getCookie} from './utils'
+
+$(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) {
+        sb_realty = new SelectOrCreate($('#sb-realty'), {url, visible: false});
+        sb_realty.setHeader(" ");
+        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", (args)=> {
+            $('#checkbox-sb-realty').prop("checked", true);
+            sb_realty.show();
+            let id = args[0];
+
+            sb_realty.selectedEl.id = id;
+            sb_realty._fillBoxes();
+        })
+    }
+
+    let sb_realty;
+    let select_realty;
+
+    function setRealty(id) {
+        console.log('setRealty id -->', id);
+        Promise.all(sb_realty.boxes.map((box)=>box.dataPromise)).then(()=> {
+            sb_realty.boxes.map((box)=>{
+                try {
+                    box.clearAllNext()
+                } catch (TypeError){
+                    box.clear()
+                }
+            });
+            sb_realty.setElementById(id);
+            select_realty.add(id);
+
+        });
+    }
+
+    function updateRealty($form, user_id) {
+        // console.log("form action = ", $form.attr("action"));
+        let formData = $form.serialize();
+        let id = $('input[name=realty]').val();
+        console.log('user_id = ', user_id);
+        $.ajax({
+            // url: $form.attr("action"),
+            url: `/object/${id}/edit/`,
+            data: formData,
+            // async: false,
+            method: 'post',
+            beforeSend: function (xhr) {
+                xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'))
+            },
+            success: function (data) {
+                console.log("success -->", data);
+                sortRealtyBy({sortBy: 'name', user_id: user_id, state: 'active'}, '#_objects');
+                $('#realtyEditModal').modal('toggle');
+            },
+            error: function (xhr, ajaxOptions, thrownError) {
+                console.log("error -->", xhr);
+            }
+        })
+    }
+
+    let sb_loc_main, sb_constr_main, sb_build_main;
+
+    // createSpecs('/api/specializations_flat');
+    window.setRealty = setRealty;
+    window.updateRealty = updateRealty;
+
+    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/lib/proekton-components/js/src/SelectOrCreate.js b/assets/lib/proekton-components/js/src/SelectOrCreate.js
index ea8d094..5ebfbb2 100644
--- a/assets/lib/proekton-components/js/src/SelectOrCreate.js
+++ b/assets/lib/proekton-components/js/src/SelectOrCreate.js
@@ -94,8 +94,13 @@ export default class SelectOrCreate extends AbsBaseSelect {
                             box._addToSelectedContainer(data['construction_type'].id)
                         } else {
                             console.log("Нет совпадений для ", box.type);
+                            box.selectedContainer.$input.removeAttr('value');
                         }
                     }
+                    //Костыль для обновлени имени модельного окна "Редктирование Объекта"
+                    let name = data['name'];
+                    let $name = $('#realtyEditModal').find('input[name=name]');
+                    if ($name.length > 0) $name.val(name)
                 }
             )
             .catch(this._onLoadDataError.bind(self));
diff --git a/assets/lib/proekton-components/js/src/SelectedContainer.js b/assets/lib/proekton-components/js/src/SelectedContainer.js
index 681940e..53e20b5 100644
--- a/assets/lib/proekton-components/js/src/SelectedContainer.js
+++ b/assets/lib/proekton-components/js/src/SelectedContainer.js
@@ -25,8 +25,9 @@ export default class SelectedContainer {
         this.options = {noHeader};
         const self = this;
         this.$self.hide();
+        this.dataPromise = obj.dataPromise;
 
-        obj.dataPromise
+        this.dataPromise
             .then(
                 (data) => {
                     data = data.results ? data.results : data;
diff --git a/projects/forms.py b/projects/forms.py
index 8879a2f..55b070a 100644
--- a/projects/forms.py
+++ b/projects/forms.py
@@ -226,7 +226,10 @@ class RealtyForm(forms.ModelForm):
         }
 
     def __init__(self, *args, **kwargs):
-        self.request = kwargs.pop('request')
+        try:
+            self.request = kwargs.pop('request')
+        except KeyError:
+            pass
         super().__init__(*args, **kwargs)
 
         if not self.data.get('extra_fields'):
@@ -239,16 +242,6 @@ class RealtyForm(forms.ModelForm):
 
 
 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
 
diff --git a/projects/templates/partials/modals/mod-realty-edit.html b/projects/templates/partials/modals/mod-realty-edit.html
new file mode 100644
index 0000000..e1c419f
--- /dev/null
+++ b/projects/templates/partials/modals/mod-realty-edit.html
@@ -0,0 +1,80 @@
+{% load sass_tags %}
+<div class="modal fade" id="realtyEditModal" tabindex="-1">
+    <div class="modal-dialog" role="document" style="width: 900px">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
+                <h4 class="modal-title">Редактировать Объект</h4>
+            </div>
+
+            <div class="modal-body">
+                <div class="container">
+                    <form action="" method="POST" novalidate>
+                        <div class="row mod-align-bottom" style="display: none">
+                            <div class="col-lg-3">
+                                <div id="sb-realty"></div>
+                            </div>
+                            <div class="col-lg-3">
+                                <div class="selected-container horizontal" id="selected-realty">
+                                    <input class="-id" type="hidden" name="realty"
+                                           value="{{ form.realty.value }}">
+                                    <input class="-name" type="hidden" name="new_realty_name" value="">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-lg-6">
+                                <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="" name="name" class="simple-input" autocomplete="off">
+                                </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="building_classification"
+                                           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="construction_type"
+                                           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="location"
+                                           value="{{ realty_form.location.value }}">
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button>
+                <button type="button"
+                        onclick="updateRealty($('#realtyEditModal').find('form'), {{ customer.id }}); return null"
+                        class="btn btn-primary -action-button">
+                    Сохранить
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/projects/views.py b/projects/views.py
index cb2c52d..0ed7393 100644
--- a/projects/views.py
+++ b/projects/views.py
@@ -413,6 +413,18 @@ class SortRealtyBy(View):
         return render(self.request, 'partials/inc-objects.html', self.get_context_data())
 
 
+class RealtyUpdateView(BaseMixin, View):
+    def post(self, request, *args, **kwargs):
+        # print("POST = ", request.POST)
+        realty = get_object_or_404(Realty, pk=kwargs.get('pk'))
+        realty_form = RealtyFormNew(request.POST, request=request, instance=realty)
+        if realty_form.is_valid():
+            realty_form.save()
+
+        if self.request.is_ajax():
+            return JsonResponse({'redirect_to': '...'}, status=200)
+
+
 class CustomerProjectCreateView(BaseMixin, View):
     form_class = CustomerProjectEditFormNew
     realty_form = RealtyFormNew
diff --git a/users/templates/customer_profile.html b/users/templates/customer_profile.html
index c0fc79b..e824b11 100644
--- a/users/templates/customer_profile.html
+++ b/users/templates/customer_profile.html
@@ -6,10 +6,13 @@
     <link rel='stylesheet' href='{% sass_src "sass/customer-profile.sass" %}'>
     <link rel='stylesheet' href='{% sass_src "sass/old_main.sass" %}'>
     <link rel='stylesheet' href='{% sass_src "sass/components/custom-components.sass" %}'>
-    {#        <link rel='stylesheet' href='{% static "css/main.css" %}'>#}
+
+    {#  Для модального окна "mod-realty-edit"  #}
+    <link rel='stylesheet' href='{% sass_src "lib/proekton-components/sass/components.sass" %}'>
 {% endblock %}
 
 {% block content %}
+    {% include 'partials/modals/mod-realty-edit.html' %}
     <div class="container main-scope">
         <div class="row main-content">
             <div class="col-lg-12">
@@ -39,4 +42,6 @@
 
 {% block personal_js %}
     <script src="{% static 'js/build/customer_profile.js' %}"></script>
+    {#  Для модального окна "mod-realty-edit"  #}
+    <script src='{% static "js/build/init_modal_realty_edit.js"%}'></script>
 {% endblock %}
\ No newline at end of file
diff --git a/users/templates/partials/inc-objects.html b/users/templates/partials/inc-objects.html
index ff15f33..91c1adc 100644
--- a/users/templates/partials/inc-objects.html
+++ b/users/templates/partials/inc-objects.html
@@ -19,7 +19,17 @@
                             </a>
                         </form>
                     {% else %}
-                        <span class="icon-protect">Редактировать</span>
+                        <a
+                                href="#"
+                                onclick="setRealty({{ object.id }});return false"
+{#                                data-contractor-id="{{ team.owner.pk }}"#}
+                                data-object-id="{{ object.id }}"
+                                data-is-team-offer="true"
+                                data-toggle="modal"
+                                data-target="#realtyEditModal">
+                            <span class="icon-protect">Редактировать</span>
+                        </a>
+
                     {% endif %}
 
                 </div>
@@ -78,7 +88,8 @@
                         <tr>
                             <td><strong>{{ forloop.counter }}</strong></td>
                             <td>
-                                <a  class="cut-name" href="{% url 'projects:detail' project.pk %}">{{ project.name|truncatechars:25 }}</a>
+                                <a class="cut-name"
+                                   href="{% url 'projects:detail' project.pk %}">{{ project.name|truncatechars:25 }}</a>
                             </td>
                             <td>
                                 <span class="icon-calendar" style="white-space: nowrap">{{ project.created }}</span>
diff --git a/webpack.config.js b/webpack.config.js
index 83f03a4..0d5fd1f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -26,6 +26,8 @@ module.exports = {
         //portfolio
         init_portfolio_create_edit: "./assets/js/src/init_portfolio_create_edit.js",
         portfolio_create_edit: "./assets/js/src/portfolio_create_edit.js",
+        //modal Realty edit
+        init_modal_realty_edit: "./assets/js/src/init_modal_realty_edit.js",
     },
 
     output: {