From f3d358a6d590d4aaed3698d4f9cbfbf8aa7b6b54 Mon Sep 17 00:00:00 2001
From: pavel <pavel.handleman@gmail.com>
Date: Thu, 18 Dec 2014 16:56:41 +0000
Subject: [PATCH] bug with add to calenadar button

---
 templates/client/blank.html                   |    9 +
 templates/client/index.html                   |    4 +-
 templates/client/static_client/css/main.css   |    5 +-
 .../static_client/js/_modules/block.common.js |   69 +-
 .../static_client/js/blocks/common_block.js   |  240 --
 .../static_client/js/blocks/search_block.js   | 1959 -----------------
 templates/client/static_client/js/main.js     |   26 -
 7 files changed, 52 insertions(+), 2260 deletions(-)
 delete mode 100644 templates/client/static_client/js/blocks/common_block.js
 delete mode 100644 templates/client/static_client/js/blocks/search_block.js

diff --git a/templates/client/blank.html b/templates/client/blank.html
index 8c5d7677..a5d71206 100644
--- a/templates/client/blank.html
+++ b/templates/client/blank.html
@@ -169,5 +169,14 @@ This template include basic anf main styles and js files,
 {% endif %}
 {% endcomment %}
 <div id="wait-ajax" class="wait-ajax" style="display:none;"><img src="{% static 'client/img/ajax-loader.gif' %}" alt=""/></div>
+<script type="text/javascript">
+    EXPO.common.init({
+        addCalendarClass:"addcalendar",
+        removeCalendarClass:"removecalendar",
+        addCalendarText:"{% trans 'добавить в календарь' %}",
+        removeCalendarText:"{% trans 'Убрать из календаря' %}",
+        loginModalId:'pw-login'
+    });
+</script>
 </body>
 
diff --git a/templates/client/index.html b/templates/client/index.html
index 03d9887d..28da3c81 100644
--- a/templates/client/index.html
+++ b/templates/client/index.html
@@ -46,8 +46,8 @@
 									</div>
 									<footer>
 										<div class="re-buttons">
-											<a class="button blue icon-calendar addcalendar" href="{{ event.get_calendar_url }}">{% trans 'добавить в календарь' %}</a>
-											<a class="button blue icon-calendar removecalendar" href="{{ event.get_calendar_url }}">{% trans 'Убрать из календаря' %}</a>
+											<a class="button blue icon-calendar {% if event|in_calendar:request.user %}removecalendar {% else %}addcalendar {% endif %}" href="{{ event.get_calendar_url }}">{% if event|in_calendar:request.user %}{% trans 'Убрать из календаря' %}{% else %}{% trans 'добавить в календарь' %}{% endif %}</a>
+											<!--<a class="button blue icon-calendar removecalendar" href="{{ event.get_calendar_url }}">{% trans 'Убрать из календаря' %}</a>-->
                                             {% if request.user.is_authentificated %}
 											<a class="button green icon-note" href="#">{% trans 'заметка' %}</a>
                                             {% endif %}
diff --git a/templates/client/static_client/css/main.css b/templates/client/static_client/css/main.css
index 234953f4..89513ce9 100644
--- a/templates/client/static_client/css/main.css
+++ b/templates/client/static_client/css/main.css
@@ -1432,7 +1432,7 @@ aside nav + hr {
 	color: #2592c5;
 }
 
-.button.blue:hover {
+.button.blue:hover, .button.blue.active {
 	border-color: #2592c5;
 	background: #2592c5;
 	color: #fff;
@@ -1579,7 +1579,7 @@ aside nav + hr {
 	width: 14px;
 	background-position: -60px 0;
 }
-.button.icon-calendar:hover:before {
+.button.icon-calendar:hover:before, .button.icon-calendar.active:before {
 	background-position: -60px -16px;
 }
 
@@ -12312,7 +12312,6 @@ hr + .rq-note {
 		background: #2592c5;
 		color: #fff;
 		text-shadow: none;
-		display: none;
 	}
 	.button.removecalendar:before{
 		background-position: -60px -16px;
diff --git a/templates/client/static_client/js/_modules/block.common.js b/templates/client/static_client/js/_modules/block.common.js
index ec5443d5..511449a2 100644
--- a/templates/client/static_client/js/_modules/block.common.js
+++ b/templates/client/static_client/js/_modules/block.common.js
@@ -10,7 +10,7 @@ if (EXPO.common){
 		var matches = function(el, selector) {
 			return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector);
 		};
-		that.settings = {}; //свойства по умолчанию
+		that.opt = {}; //свойства по умолчанию
 		// Валидация форм, каждый объект содержит поля объектов формы и методы работы с формой
 		var Validation = function(obj){
 			//поля над которыми проводится валидация
@@ -173,42 +173,51 @@ if (EXPO.common){
 
 			$("input[type='checkbox'], input[type='radio']").customRadioCheck();
 			// add to calendar button click event functional
-			$('.addcalendar, .removecalendar').on('click', function(event){
-				event.preventDefault();
-				var $this = $(this);
-				var url = $this.attr('href');
-				$.get(url, function(data){
-					if (data.not_authorized){
-						$.fancybox.open('#pw-login');
-					}
-					else{
-						if(data.success){
-							if(data.in){
-								if($this.hasClass('addcalendar')){
-									$this.hide();
-									$this.siblings('.removecalendar').show()
-								}
-							}
-							else{
-								if($this.hasClass('removecalendar')){
-									$this.hide();
-									$this.siblings('.addcalendar').show()
-								}
-							}
-						}
-					}
-				});
-
-			});
 		});
 		
 // methods
 		//инициализация общих свойств
 		that.init = function (options) {
-			$.extend(this.settings, options);
-			var self = this;
+			$.extend(this.opt, options);
+			var self = this,
+				addClass = this.opt.addCalendarClass,
+				remClass = this.opt.removeCalendarClass,
+				addText = this.opt.addCalendarText,
+				remText = this.opt.removeCalendarText;
+
+			$(function () {
+				$('.'+addClass+', .'+remClass).on('click', function(event){
+					event.preventDefault();
+					var $this = $(this);
+					var url = $this.attr('href');
+					$.get(url, function(data){
+						if (data.not_authorized){
+							$.fancybox.open('#'+self.opt.loginModalId);
+						}
+						else{
+							if(data.success){
+								if(data.in){
+									//if($this.hasClass(addClass)){
+									//	$this.hide();
+									//	$this.siblings('.removecalendar').show()
+									//}
+									$this.removeClass(addClass).addClass(remClass).text(remText);
+								}
+								else{
+									//if($this.hasClass('removecalendar')){
+									//	$this.hide();
+									//	$this.siblings('.addcalendar').show()
+									//}
+									$this.removeClass(remClass).addClass(addClass).text(addText);
 
+								}
+							}
+						}
+					});
 
+				});
+			});
+			
 
 
 		};
diff --git a/templates/client/static_client/js/blocks/common_block.js b/templates/client/static_client/js/blocks/common_block.js
deleted file mode 100644
index 75745f2d..00000000
--- a/templates/client/static_client/js/blocks/common_block.js
+++ /dev/null
@@ -1,240 +0,0 @@
-/**
- * Created by pavel.handleman@gmail.com on 15.10.2014.
- * commonly using snippets and functions. this module must be loaded on every page
- */
-var EXPO = EXPO || {}; //isolated namespace
-//общий для всех страниц модуль Функционал общий для всех страниц
-if (EXPO.common){
-	console.warn('WARNING: EXPO.common is already defined!');
-}else {
-
-	EXPO.common = (function () {
-// variables
-		var that = {};
-		var matches = function(el, selector) {
-			return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector);
-		};
-		that.settings = {}; //свойства по умолчанию
-		// Валидация форм, каждый объект содержит поля объектов формы и методы работы с формой
-		var Validation = function(obj){
-			//поля над которыми проводится валидация
-			this.fields = [];
-			//флаг которые опдвтерждает отправку формы. если true то ошибок нет
-			this.allIsClear = false;
-			this.ajaxUrl = obj.getAttribute('action');
-			this.DOM = obj;
-			this._initFields();
-			this._eventController();
-
-
-		};
-		Validation.prototype = {
-			//связывает данные объекта с html кодом
-			_eventController: function () {
-				var self = this;
-				if(this.DOM.addEventListener){
-					this.DOM.addEventListener("submit", function (event) {
-						self.validate();
-						event.preventDefault();
-						return false;
-					}, false);  //Modern browsers
-				}else if(this.DOM.attachEvent){
-					this.DOM.attachEvent('onsubmit', function (event) {
-						self.validate();
-						event.preventDefault();
-						return false;
-					});            //Old IE
-				}
-			},
-			//берет все поля с классом required
-			_initFields: function () {
-				//this.fields = this.DOM.querySelectorAll('.required input');
-
-			},
-			//проводит валидацию,  выводит сообщение об ошибках
-			validate: function () {
-				var self = this,
-					formData = $(self.DOM).serialize(),
-					responseData,
-					inputObj ={},
-					errBoxClass = 'err-message-box',
-					DOMerrBox =	self.DOM.querySelector('.'+errBoxClass),
-					errBoxText = DOMerrBox.innerHTML,
-					handler = function (data){
-						responseData = data;
-						self.unHighlightFields();
-						if(responseData.success){
-							if(DOMerrBox){
-								EXPO.common.removeClass(DOMerrBox, 'active');
-							}
-							window.location.reload();
-						}else{
-							EXPO.common.removeClass(DOMerrBox, 'active');
-							inputObj ={};
-							self.fields = [];
-							for(var prop in responseData.errors) {
-								if (!responseData.errors.hasOwnProperty(prop)) continue;
-								if(prop != '__all__'){
-									inputObj ={'name':prop, 'id':'id_'+prop, 'errorText':responseData.errors[prop]};
-									//inputObj.name = prop;
-									//inputObj.id = 'id_'+prop;
-									//inputObj.errorText = responseData.errors[prop];
-									self.fields.push(inputObj);
-								}else{
-									if(DOMerrBox){
-										EXPO.common.addClass(DOMerrBox, 'active');
-										if(errBoxText.indexOf(responseData.errors[prop]) < 0) {
-											DOMerrBox.insertAdjacentHTML('beforeend', responseData.errors[prop]+' ');
-
-										}
-
-									}
-
-								}
-
-
-							}
-							self.highliteFields();
-						}
-
-
-					};
-				self.unHighlightFields();
-				EXPO.common.postRequest(formData, self.ajaxUrl,handler);
-
-			},
-			//подсвечивает неправильно введенные поля,
-			highliteFields: function () {
-				var DOMfield,
-					DOMfieldWrap;
-				for(var i = 0; i < this.fields.length; i++){
-					DOMfield = this.DOM.querySelector('#'+ this.fields[i].id);
-					DOMfieldWrap = DOMfield.parentNode;
-					EXPO.common.addClass(DOMfieldWrap,'required');
-					EXPO.common.addClass(DOMfieldWrap,'err');
-
-				}
-
-			},
-			unHighlightFields: function () {
-				var DOMfield,
-					DOMfieldWrap;
-				for(var i = 0; i < this.fields.length; i++){
-					DOMfield = this.DOM.querySelector('#'+ this.fields[i].id);
-					DOMfieldWrap = DOMfield.parentNode;
-					EXPO.common.removeClass(DOMfieldWrap,'required');
-					EXPO.common.removeClass(DOMfieldWrap,'err');
-				}
-			},
-			submit: function () {
-
-			}
-
-		};
-//dependences
-
-//private
-		$(function () {
-			/* Нестандартное оформление для поля checkbox */
-			$.fn.customRadioCheck = function () {
-				return $(this).each(function () {
-					var $el = $(this);
-					var type = $el.attr("type");
-					var $label = $el.closest("label");
-					var $customCheckbox = $el.wrap("<span class='custom-"+ type +"' />").parent();
-					$label.addClass("custom-radio-check");
-					function setState () {
-						if (type == 'radio') {
-							var name = $el.attr('name');
-							var $radios = $('input[type="radio"]').filter('[name="' + name + '"]');
-							$radios.each(function () {
-								var $container = $(this).closest('.custom-radio');
-								$container.removeClass('checked');
-								if ($(this).is(':checked')) {
-									$container.addClass('checked');
-								}
-							});
-						} else {
-							if ($el.prop("checked")) {
-								$customCheckbox.addClass("checked");
-							} else {
-								$customCheckbox.removeClass("checked");
-							}
-						}
-						$el.trigger('blur');
-					}
-					setState();
-					$el.on("change", setState);
-				});
-			};
-	var forms = [];
-	$(function () {
-		$('form.validate').each(function () {
-			forms.push(new Validation(this));
-		});
-
-	});
-
-			$("input[type='checkbox'], input[type='radio']").customRadioCheck();
-		});
-		
-// methods
-		//инициализация общих свойств
-		that.init = function (options) {
-			$.extend(this.settings, options);
-			var self = this;
-
-
-		};
-		that.hasClass = function (DOM, className) {
-			if (DOM.classList)
-				return DOM.classList.contains(className);
-			else
-				return new RegExp('(^| )' + className + '( |$)', 'gi').test(el.className);
-		};
-		that.addClass = function (DOM, className) {
-			if (!that.hasClass(DOM, className)) {
-				if (DOM.classList)
-					DOM.classList.add(className);
-				else
-					DOM.className += ' ' + className;
-			}
-			return DOM;
-		};
-		that.removeClass = function (DOM, className) {
-			var newClass = ' ' + DOM.className.replace(/[\t\r\n]/g, ' ') + ' ';
-			if (that.hasClass(DOM, className)) {
-				if (DOM.classList){
-					DOM.classList.remove(className);
-				}else{
-					while (newClass.indexOf( ' ' + className + ' ') >= 0) {
-						newClass = newClass.replace(' ' + className + ' ', ' ');
-					}
-					DOM.className = newClass.replace(/^\s+|\s+$/g, ' ');
-				}
-			}
-			return DOM;
-		};
-		//Jquery .closest analog for pure js
-		that.closest = function(el, className) {
-			var fn = function(className){
-				return  that.hasClass(el, className);
-			};
-			while (el) {
-				if (fn(className)) return el;
-				el = el.parentNode;
-			}
-		};
-		//JQUERY .children alternative ie 9+
-		that.children = function (elm, sel){
-			var ret = [], i = 0, l = elm.childNodes.length;
-			for (var i; i < l; ++i){
-				if (matches(elm.childNodes[i], sel)){
-					ret.push(elm.childNodes[i]);
-				}
-			}
-			return ret;
-		};
-		return that;
-	}());
-}
diff --git a/templates/client/static_client/js/blocks/search_block.js b/templates/client/static_client/js/blocks/search_block.js
deleted file mode 100644
index 2912cca3..00000000
--- a/templates/client/static_client/js/blocks/search_block.js
+++ /dev/null
@@ -1,1959 +0,0 @@
-var EXPO = EXPO || {}; //isolated namespace
-
-// module requires JQuery library, dna.js template engine (http://dnajs.org/)
-// protection against duplication of a module code
-if (EXPO.searchBlock){
-	console.warn('WARNING: EXPO.searchBlock is already defined!');
-}else{
-
-	EXPO.searchBlock = (function() {
-
-		// variables
-		var that = {};
-		//default module setting
-		that.settings = {
-			place:{
-				id:'pw-place',
-				selectedItemTemplate:'csb-selected',
-				ajaxUrl:'http://hit.expomap.ru/search-form/'
-			},
-			subject:{
-				id:'pw-subj',
-				ajaxUrl:'http://hit.expomap.ru/search-form/'
-			}
-		};
-		that.lang ={};
-		//dependence's
-		// module require dna.js tiny templating engine
-		var common = EXPO.common;
-		//private
-		// statci class methods
-		var Json2URI = function (jsonObj) {
-				var str = Object.keys(jsonObj).map(function(key){
-					return encodeURIComponent(key) + '=' + encodeURIComponent(jsonObj[key]);
-				}).join('&');
-				return ('?'+str);
-			},
-		//STATIC MEtHOD for make ajax GET request and launch handler if exist or return data
-			getRequest = function (dataToSend,url,handler) {
-				if(!dataToSend){
-					dataToSend = '';
-				}
-				$.ajax({
-					type: 'GET',
-					url: url,
-					data:dataToSend,
-					success: function(data) {
-						if(typeof handler == 'function'){
-							handler(data);
-						} else{
-							return data;
-						}
-					}
-				});
-			},
-			renameProperty = function (obj,oldName, newName) {
-				// Check for the old property name to avoid a ReferenceError in strict mode.
-				if (obj.hasOwnProperty(oldName)) {
-					obj[newName] = obj[oldName];
-
-				}
-				return this;
-			},
-		// analogue of Array.length but for object
-			getObjectLength = function (obj) {
-				var size = 0, key;
-				for (key in obj) {
-					if (obj.hasOwnProperty(key)) size++;
-				}
-				return size;
-			},
-		// returns string that contains selected values in both modal windows. values separated by ','
-		// string is cutted to N symbols length
-			getSelectedToString = function(container, cutLength){
-				var $container = $('#'+container),
-					index = 0,
-					stringToReturn = '',
-					closingSymbol = '...',
-					closerText = EXPO.searchBlock.settings.closerText,
-					closerTextSingle = EXPO.searchBlock.settings.closerTextSingle,
-					dividerSymbol = '';
-				$element = $container.find('.csbs-text');
-				if($element.length > 2){
-					if($element.eq(0).text().length < cutLength){
-						dividerSymbol = ',';
-						stringToReturn += $element.eq(0).text() + dividerSymbol + $element.eq(1).text() + closerText.replace('_',$element.length-2);
-					}else{
-						stringToReturn += $element.eq(0).text() +  closerText.replace('_',$element.length-1);
-					}
-
-				} else if($element.length == 2){
-					if($element.eq(0).text().length < cutLength){
-						dividerSymbol = ',';
-						stringToReturn += $element.eq(0).text() + dividerSymbol + $element.eq(1).text() + closerTextSingle.replace('_',$element.length-2);
-					}else{
-						stringToReturn += $element.eq(0).text() +  closerTextSingle.replace('_',$element.length-1);
-					}
-				}else if($element.length){
-					stringToReturn += $element.eq(0).text();
-				}else{
-					stringToReturn = false;
-				}
-				return stringToReturn;
-				//if($element.length > 1){
-				//	dividerSymbol = ', ';
-				//}
-				//if($element.length){
-				//	$element.each(function () {
-				//		if (index == ($element.length -1)){
-				//			stringToReturn += $(this).text();
-				//		}else{
-				//			stringToReturn += $(this).text()+dividerSymbol;
-				//
-				//		}
-				//		index++
-				//	});
-				//	stringToReturn  = stringToReturn .substring(0, cutLength);
-				//	stringToReturn += closingSymbol;
-				//	return stringToReturn;
-				//} else{
-				//	return false;
-				//}
-			},
-		//ajax pending process indicator
-			$waiter = $('.wait-ajax.absolute'),
-		//temporal stub for testing autocomplete field/ must remove this before production
-			stubForAutocomplete = [{"url": null, "text": "\u041d\u0430\u043f\u0438\u0442\u043a\u0438", "id": 142, "label": "\u0422\u0435\u0433\u0438:"}, {"url": null, "text": "\u0421\u043f\u0438\u0440\u0442\u043d\u044b\u0435 \u043d\u0430\u043f\u0438\u0442\u043a\u0438", "id": 277, "label": "\u0422\u0435\u0433\u0438:"}, {"url": null, "text": "\u0410\u043b\u043a\u043e\u0433\u043e\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u043f\u0438\u0442\u043a\u0438", "id": 2463, "label": "\u0422\u0435\u0433\u0438:"}, {"url": null, "text": "\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u043f\u0438\u0442\u0430\u043d\u0438\u044f \u0438 \u043d\u0430\u043f\u0438\u0442\u043a\u0438", "id": 4393, "label": "\u0422\u0435\u0433\u0438:"}, {"url": "/expo/event-autochtona-2014", "text": "Autochtona 2014", "id": 2802, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-coteca-2014", "text": "COTECA 2014", "id": 2479, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-food-ing-international-2014", "text": "Food-Ing International 2014", "id": 2548, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-envies-culinaries-2014", "text": "Envies Culinaries 2014", "id": 2554, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-forum-vini-2014", "text": "Forum Vini 2014", "id": 2694, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-bionord-2014", "text": "BioNord 2014", "id": 2718, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-biosud-2014", "text": "BioSud 2014", "id": 2719, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-brau-beviale-2014", "text": "Brau Beviale 2014", "id": 2517, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-florida-restaurant-lodging-show-2014", "text": "Florida Restaurant & Lodging Show 2014", "id": 2546, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-expo-comida-latina-los-angeles-2014", "text": "Expo Comida Latina Los Angeles 2014", "id": 2563, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-china-bevtek-2014", "text": "China BevTek 2014", "id": 2592, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-gaste-2015", "text": "GASTE 2015", "id": 2619, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-gastro-2014", "text": "GastRo 2014", "id": 2732, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-bbc-goodfood-show-scotland-2014", "text": "BBC GoodFood Show Scotland 2014", "id": 2558, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-china-brew-china-beverage-cbb-2014", "text": "China Brew & China Beverage (CBB) 2014", "id": 2600, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-fhc-china-2014", "text": "FHC China  2014", "id": 2689, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-coffee-fest-portland-2014", "text": "Coffee Fest Portland 2014", "id": 2477, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-coffee-fest-st-louis-2014", "text": "Coffee Fest St. Louis 2014", "id": 2478, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-bbc-good-food-show-birmingham-fall-2014", "text": "BBC Good Food Show Birmingham Fall 2014", "id": 2555, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}, {"url": "/expo/event-bbc-good-food-show-birmingham-summer-2014", "text": "BBC Good Food Show Birmingham Summer 2014", "id": 2556, "label": "\u0412\u044b\u0441\u0442\u0430\u0432\u043a\u0438:"}];
-		$(function () {
-			//$('.modal-approve').on('click', function () {
-			//	$.fancybox.close();
-			//});
-			/* modal windows opening */
-			var fbPopupOptions = {
-				padding: 0,
-				fitToView: false
-			};
-
-
-		});
-
-		// Constructor for modal window 'select subject'
-		var SubjectModal = function(options){
-			// options init
-			this.opt = options;
-			var self = this, index = 0,
-				$subjWrap = $('#'+self.opt.subjectTriggerWrapId),
-				$topicBox,
-				modalId = self.opt.id,
-				$modal = $('#'+modalId),
-				$checkBox = $('.csb-menu-input', $modal),
-				$selectedItemsWrap = $('.csb-selected-items',$modal),
-				setDefault = self.opt.defaultOn,
-				applyBtnClass = self.opt.applyBtnClass,
-				$modalTrigger = $('#'+self.opt.modalTrigger),
-				afterRenderHandler = function () {
-					$waiter.hide();
-
-				},
-				triggerSetText = function () {
-					var selectedString,
-						cutLength = 16;
-
-					selectedString = getSelectedToString(self.opt.selectedItemsContainer,cutLength);
-					if(selectedString && selectedString != '~~text~~' && selectedString != '~~text~~...'){
-						$modalTrigger.text(selectedString);
-						$modalTrigger.siblings('.'+self.opt.clearAllButtonClass).addClass('active');
-					}else{
-						$modalTrigger.text($modalTrigger.data('default'));
-						$modalTrigger.siblings('.'+self.opt.clearAllButtonClass).removeClass('active');
-					}
-				};
-
-			//this modal window DOM Instance
-			this.$modalInst = $('#'+modalId);
-
-			//clones of tags for selected(checked) subject (powered by dna.js objects: see http://dnajs.org/)
-			this.itemsSelected = {};
-			// clones of sublist of selected(checked) subject (powered by dna.js objects: see http://dnajs.org/)
-			this.sublist= {};
-			// Jquery object  of filtering input (autocomplete input)
-			this.$inputFilter = $('#'+self.opt.filterInputId);
-			this.$selectedItemsWrap = $selectedItemsWrap;
-
-			$(function () {
-				$('.topicChecks', $subjWrap).on('change', function () {
-
-					if($(this).prop('checked')){
-						self._setVisible($(this).val());
-
-					}else{
-						self._setUnvisible($(this).val());
-					}
-				});
-				// selected topic by default self.opt.defaultOn[]
-				for(index = 0; index < setDefault.length; index++){
-					$topicBox = $('#'+setDefault[index])
-					$topicBox.prop('checked',true);
-					$topicBox.trigger('change');
-
-
-				}
-				$modal.on('click', 'a.trigger', function () {
-					var name = $(this).attr('data-name'),
-						id = $(this).attr('data-id'),
-						tmplId =  $(this).attr('data-template-id'),
-						$sublist = $(this).siblings('.dna-container');
-					// no more than once execution
-					if($(this).attr('data-sub') == 'true'){
-						if($(this).parent().hasClass('level1')){
-
-							if(!$sublist.children().length){
-								$waiter.show();
-								self._renderSublist({name:name,id:id}, tmplId, afterRenderHandler);
-								$(this).parent().addClass('active');
-							}else{
-								//slideUp & Down stuff
-								self._slideToggle($sublist, $(this).parent());
-							}
-						}
-					}
-					return false;
-				});
-
-				$checkBox.on('change', function (event, param) {
-					var checkboxId = $(this).attr('id'),
-						$label = $(this).closest('.custom-radio-check'),
-						$parent = $(this).closest('.level'),
-						$parentCheckBox = $parent.parent().closest('.level').children('.custom-radio-check').find('.csb-menu-input'),
-						$sublist = $parent.children('.sublist');
-					if(!param){
-
-						if($label.hasClass('active')){
-							$label.removeClass('active');
-						}else{
-							$label.addClass('active');
-						}
-						if(this.checked){
-							var text = $(this).closest('.level').find('.trigger').first().text(),
-								tplObj = {'text':text,'id':checkboxId};
-
-							//tags field logic
-							if(!$selectedItemsWrap.hasClass('visible')){
-								$selectedItemsWrap.addClass('visible');
-							}
-							self._addTag(checkboxId, tplObj);
-
-							// proper selection and selection group logic
-							if($sublist.length){
-								//$('.csb-menu-input',$sublist).prop('checked',true);
-								$('.csb-menu-input',$sublist).each(function () {
-									var thisId = this.getAttribute('id'),
-										tagText = $(this).closest('.level').find('.trigger').first().text(),
-										tagObj = {'text':tagText,'id':thisId},
-										DOMCheckboxWrap = this.parentNode,
-										DOMlabel = common.closest(this,'custom-radio-check');
-
-									this.checked = true;
-									self._destroyTag(thisId);
-									//$label.addClass('active');
-									common.addClass(DOMlabel,'active');
-									//$(this).trigger('change',['true']);
-									//self._addTag(thisId,tagObj);
-								});
-
-							}else{
-								$parent = $parent.parent().closest('.level')
-								// if checked items count equals all items count then parent item is checked and tags for children - deleted
-								if ( $('.csb-menu-input',$parent.find('.sublist')).length == $('.csb-menu-input:checked',$parent.find('.sublist')).length){
-									var parentId = $parentCheckBox[0].getAttribute('id'),
-										parentText = $parentCheckBox.closest('.level').find('.trigger').first().text(),
-										DOMlabel =common.closest(this,'custom-radio-check'),
-										DOMParentLabel = common.closest(DOMlabel.parentNode.parentNode,'level'),
-										parentObj = {'text':parentText,'id':parentId};
-									$('.csb-menu-input:checked',$parent.find('.sublist')).each(function () {
-										//var DOMlabel =common.closest(this,'custom-radio-check');
-										//this.checked = false;
-										//$(this).trigger('change',['true']);
-										//common.removeClass(DOMlabel,'active');
-
-										self._destroyTag(this.getAttribute('id'));
-									});
-									$parentCheckBox.prop('checked', true);
-									common.addClass($(DOMParentLabel).find('.custom-radio-check')[0],'active');
-
-									//$parentCheckBox.trigger('change',['true']);
-									self._addTag(parentId,parentObj);
-								}
-							}
-
-							//!uncheck event
-						}else {
-							self._destroyTag(checkboxId);
-							if(!$selectedItemsWrap.children('.dna-clone').length){
-								$selectedItemsWrap.removeClass('visible');
-
-							}
-							//uncheck all sublist items while parent item is unchecked
-							if($sublist.length){
-								//destroy all tags for sublist items
-								$('.csb-menu-input',$sublist).each(function () {
-									var thisId = $(this).attr('id'),
-										DOMlabel = common.closest(this,'custom-radio-check');
-									this.checked = false;
-
-									common.removeClass(DOMlabel, 'active');
-									//$(this).trigger('change',['true']);
-									self._destroyTag(thisId);
-								});
-							}else{
-								// parent item is unchecked and tags for every children item are made
-								if($parentCheckBox.length && $parentCheckBox[0].checked){
-									var DOMlabel = common.closest($parentCheckBox[0],'custom-radio-check'),
-										DOMParentItem = common.closest(DOMlabel,'level'),
-										DOMSublist = DOMParentItem.querySelector('.sublist');
-									$parentCheckBox.prop('checked', false);
-									common.removeClass(DOMlabel, 'active');
-									//$parentCheckBox.trigger('change',['true']);
-									self._destroyTag($parentCheckBox.attr('id'));
-									// checks children items
-
-									$('.csb-menu-input:checked',DOMSublist).each(function () {
-										var id = this.getAttribute('id'),
-											tagText = common.closest(this, 'level').querySelector('.trigger').textContent,
-										//tagText = $(this).closest('.level').find('.trigger').first().text(),
-											tagObj = {'text':tagText,'id':id};
-										self._addTag(id,tagObj);
-									});
-								}
-							}
-
-						}
-						triggerSetText();
-					}
-				});
-				$('.csbs-del', $selectedItemsWrap).on('click', function () {
-					var checkboxId = $(this).attr('data-checkbox-id'),
-						$uncheckBoxes = $('#'+checkboxId);
-					$uncheckBoxes.prop('checked', false);
-					$uncheckBoxes.trigger('change');
-					dna.destroy(self.itemsSelected[checkboxId]);
-					if(!$selectedItemsWrap.children('.dna-clone').length){
-						$selectedItemsWrap.removeClass('visible');
-					}
-					return false;
-				});
-				$('.clear', $modal).on('click', function () {
-					self.resetList();
-					return false;
-				});
-				self._autocompleteInit();
-				$('.'+applyBtnClass, $modal).on('click', function () {
-					self.applyHandler(this);
-					return false;
-				});
-				// кнопка "очистить параметры"
-				$modalTrigger.siblings('.'+self.opt.clearAllButtonClass).on('click', function () {
-					self.resetList();
-				});
-			});
-		};
-		SubjectModal.prototype = {
-			//get ajax response when want sublists
-			_getAjax: function (dataToSend, handler) {
-				var self = this;
-				if(!dataToSend){
-					dataToSend = '';
-				}
-				$waiter.css({display:'block'});
-				$.ajax({
-					type: 'GET',
-					url: self.opt.ajaxUrl,
-					data:dataToSend,
-					success: function(data) {
-						if(typeof handler == 'function'){
-							$waiter.hide();
-							handler(data);
-						} else{
-							return data;
-
-						}
-					}
-				});
-			},
-			// _setVisible and _setUnvisible filter list accordingly to checked checkbox in 'select type' part of modal
-			_setVisible:function(type){
-				var self = this;
-				$('.'+type, self.$modalInst).addClass('visible');
-			},
-			_setUnvisible: function (type) {
-				var self = this,
-					$li = $('.'+type, self.$modalInst);
-				$li.find('input[type="checkbox"]').each(function () {
-					var $this = $(this);
-					if($this.prop('checked')){
-						$this.prop('checked', false);
-						$this.trigger('change');
-					}
-				});
-				$li.find('.dna-container').each(function () {
-					if($(this).children().length){
-						$(this).addClass('hidden');
-					}
-				});
-				$li.removeClass('visible');
-
-			},
-			//check particular checkbox input
-			_checkCheckBox: function (id,name) {
-				var self = this,
-					$chckBox;
-				if(name == 'th'){
-					$chckBox = $('#tid_'+id, self.$modalInst);
-				}else if(name == 'tg'){
-					$chckBox = $('#tgid_'+id, self.$modalInst);
-				}
-				if($chckBox.length && !$chckBox.prop('checked')){
-					$chckBox.prop('checked',true);
-					$chckBox.trigger('change');
-				}
-
-			},
-			check: function (id,name) {
-				var self = this,
-					$chckBox;
-				if(name == 'th'){
-					$chckBox = $('#tid_'+id, self.$modalInst);
-				}else if(name == 'tg'){
-					$chckBox = $('#tgid_'+id, self.$modalInst);
-				}
-				if($chckBox.length){
-					$chckBox.prop('checked',true);
-					$chckBox.trigger('change');
-					$chckBox.parent().addClass('active');
-				}
-
-			},
-			//initiliazing and setup autocomplete field for subject list
-			_autocompleteInit : function () {
-				var self = this, dataObj, text , form = self.$inputFilter.attr('data-form'),index,
-					$completeWrap = $('#'+self.opt.autoCompleteId),
-					firstComplete = true,
-					selectTag = function (event, ui) {
-						//check of repeating execution
-						$waiter.show();
-						var firstTime = true;
-						for (var prop in self.sublist) {
-							for (var prop2 in self.sublist[prop]) {
-								if (prop2 == ui.item.value){
-									firstTime = false;
-								}
-
-							}
-						}
-						if($('#tid_'+ui.item.value+'[name="'+ui.item.name+'"]:checked').length){
-							firstTime = false;
-						}
-						// ban of repeating execution
-						if (firstTime) { // konec
-							var $checkbox = $('#tid_' + ui.item.value+'[name="'+ui.item.name+'"]'),
-								requestObj, requestName,
-								treeLoadHandler = function (data) {
-									// make checkboxes selected after loading
-									if(getObjectLength(data)){
-										self._loadParentTree(data, function () {
-											self._checkCheckBox(ui.item.value,'tg');
-											$waiter.hide();
-										});
-									}else{
-										$waiter.hide();
-										console.warn()
-									}
-
-								};
-							// load tree related to selected item
-							if (!$checkbox.length) {
-
-								requestObj = {
-									id: ui.item.value,
-									name: ui.item.name
-								};
-								getRequest(requestObj, self.opt.getParentUrl, treeLoadHandler);
-							} else{
-								$waiter.hide();
-								$checkbox.prop('checked', true);
-								$checkbox.trigger('change');
-							}
-
-						}
-					},
-					requestHandler = function(data){
-						dataObj = data;
-						for(index = 0; index < dataObj.length; ++index) {
-							renameProperty(dataObj[index],'text','label');
-						}
-						for(index = 0; index < dataObj.length; ++index) {
-							renameProperty(dataObj[index],'id','value');
-						}
-						if(!self.$inputFilter.hasClass('ui-autocomplete-input')){
-
-							self.$inputFilter.autocomplete({
-								source:dataObj,
-								minLength: 0,
-								appendTo:$completeWrap,
-								select:function(event, ui){
-									self.$inputFilter.val('');
-									self.$inputFilter.trigger('keyup');
-									selectTag(event, ui);
-									event.preventDefault();
-									//							return ui.label;
-								}
-							});
-							self.$inputFilter.autocomplete('search',"");
-							firstComplete = false;
-						}else{
-
-							self.$inputFilter.autocomplete('search',"");
-						}
-
-					};
-				//			var newData = ['banan','banan2','banan3','banan4','banan5'];
-				self.$inputFilter.attr('autocomplete', 'on');
-
-				self.$inputFilter.on('keyup', function (event) {
-					text = $(this).val();
-					event.stopImmediatePropagation();
-
-
-					if (text.length > 2 && firstComplete){
-						getRequest({'term':text, 'form':form}, self.opt.autoCompleteUrl, requestHandler);
-						firstComplete = false;
-					}else if(text.length == 0 && !firstComplete){
-						if(self.$inputFilter.hasClass('ui-autocomplete-input')){
-
-							self.$inputFilter.autocomplete( "destroy" );
-							firstComplete = true;
-						}
-					}
-					return false;
-				}).click(function () {
-					return false;
-				});
-
-			},
-			//render first level sublist
-			_renderSublist: function (dataObj, tmplId, handler) {
-				var self = this,
-					index = 0,
-					template = tmplId + '-sub',
-					ajaxHandler = function (data) {
-						if(data.length){
-
-							self.sublist[template] = {};
-
-							// for dna.clone definition see dnajs.org
-							for (index ; index < data.length; index++) {
-								self.sublist[template][data[index].id] = dna.clone(tmplId, data[index]);
-
-							}
-							handler(data.length);
-						}else{
-							$waiter.hide();
-						}
-					};
-				self._getAjax(dataObj, ajaxHandler);
-			},
-			_loadParentTree: function (data, handler, counter) {
-				var	self = this,
-					dataObj = data,
-					optObj, sublistTemplateId, nestedObj,nestedSublistTemplateId,
-				// makes request in order to recieve children list information fires after request for parent list
-					handlerNested = function (length) {
-						var $checkbox = $('#tid_'+dataObj.id),
-							afterAll = function () {
-								$waiter.hide();
-								counter||counter===0?handler(counter):handler();
-							};
-						$waiter.hide();
-						if($checkbox.length && getObjectLength(self.curDNA[sublistTemplateId+'-sub']) == length){
-
-							nestedObj = {
-								name:dataObj.name,
-								id:dataObj.id
-							};
-							$waiter.show();
-							nestedSublistTemplateId = $('#id_'+dataObj.id).closest('.level').children('.trigger').attr('data-template-id');
-							self._renderNested(nestedObj, afterAll, nestedSublistTemplateId, dataObj.id);
-						}
-
-					},
-					handlerParent = function (){
-						$waiter.hide();
-						counter||counter===0?handler(counter):handler();
-					};
-				$waiter.show();
-
-
-				optObj = {
-					name:dataObj.name,
-					id:dataObj.id
-				};
-				sublistTemplateId = $('#tid_'+dataObj.id).closest('.level').children('.trigger').attr('data-template-id');
-				self._renderSublist(optObj,sublistTemplateId,handlerParent);
-
-
-			},
-			// for dna.clone definition see dnajs.org
-			_destroyTag:function(checkboxId){
-				var self = this;
-				if(self.itemsSelected[checkboxId]){
-					dna.destroy(self.itemsSelected[checkboxId]);
-
-				}
-			},
-			// for dna.clone definition see dnajs.org
-			_addTag: function (checkboxId, tplObj) {
-				var self = this;
-				self.itemsSelected[checkboxId] = dna.clone(self.opt.selectedItemTemplate,tplObj);
-			},
-			//hide or show sublists according active selected link
-			_slideToggle:function ($sublist, $this){
-				if($sublist.hasClass('hidden')){
-					$sublist.removeClass('hidden');
-					$this.addClass('active');
-				}else{
-					$sublist.addClass('hidden').find('ul').addClass('hidden');
-					$this.removeClass('active');
-				}
-
-			},
-			resetList: function () {
-				var self = this;
-				for (var key in self.itemsSelected) {
-					if (self.itemsSelected.hasOwnProperty(key)) {
-						$('#'+key, self.$selfContainer).prop('checked', false).trigger('change');
-
-						dna.destroy(self.itemsSelected[key]);
-					}
-				}
-				self.$selectedItemsWrap.removeClass('visible');
-			},
-			// кнопка применить
-			applyHandler: function (it) {
-				$.fancybox.close();
-			}
-
-
-		};
-
-
-
-		// Constructor for popup window 'select place'
-		// select places window
-		var PlacesModal = function(options){
-			// object properties
-			//modal Window options
-			this.opt = options;
-			var self = this,
-				$modal = $('#'+self.opt.id),
-				$checkBox = $('input[type="checkbox"]', $modal),
-				$selectedItemsWrap = $('.csb-selected-items',$modal),
-				DOMTagsWrapper = $('.csb-selected-items',$modal)[0],
-				$modalTrigger = $('#'+self.opt.modalTrigger),
-				applyBtnClass = self.opt.applyBtnClass,
-				idPrefix = 'id_',
-				triggerSetText = function () {
-					var selectedString,
-						cutLength = 16;
-					selectedString = getSelectedToString(self.opt.selectedItemsContainer,cutLength);
-					if(selectedString && selectedString != '~~text~~' && selectedString != '~~text~~...'){
-						$modalTrigger.text(selectedString);
-						$modalTrigger.siblings('.'+self.opt.clearAllButtonClass).addClass('active');
-
-					}else{
-						$modalTrigger.text($modalTrigger.data('default'));
-						$modalTrigger.siblings('.'+self.opt.clearAllButtonClass).removeClass('active');
-
-					}
-				};
-			//	current template instances
-			this.curDNA = {};
-			// place modal list items that had selected
-			this.itemsSelected = {};
-			this.selectedWrap = $selectedItemsWrap;
-			this.$selfContainer = $modal;
-			this.$modal = $modal;
-			this.idPrefix = idPrefix;
-			//флаг для управления очередью асинхронных запросов
-			this.isReceived = true;
-
-			// Jquery object  of filtering input (autocomplete input)
-			this.$inputFilter = $('#'+self.opt.filterInputId);
-			$(function () {
-				self._autocompleteInit();
-				$modal.on('click', 'a.trigger', function () {
-					var name = $(this).attr('data-name'),
-						id = $(this).attr('data-id'),
-						that = this,
-						tmplId =  $(this).attr('data-template-id'),
-						$sublist = $(this).siblings('.dna-container'),
-						afterRenderHandler = function (elem, data) {
-							var DOMParent = common.closest(that,'level'),
-								DOMParentCheckbox = DOMParent.querySelector('.csb-menu-input');
-							$('.csb-menu-input', $sublist).each(function () {
-								var DOMCheckboxWrap = common.closest(this,'custom-radio-check');
-								if(!this.selected){
-
-									if(DOMParentCheckbox.checked){
-										this.checked = true;
-										common.addClass(DOMCheckboxWrap,'active');
-									}
-								}
-							});
-							$waiter.hide();
-
-						};
-					// no more than once execution
-					if($(this).attr('data-sub') == 'true'){
-						if($(this).parent().hasClass('level1')){
-
-							if(!$sublist.children().length){
-								$waiter.show();
-								self._renderSublist({name:name,id:id}, tmplId, afterRenderHandler);
-							}else{
-								//slideUp & Down stuff
-								self._slideToggle($sublist, $(this).parent());
-							}
-						}else if($(this).parent().hasClass('level2')){
-							if(!$sublist.children().length){
-								self._renderNested({name:name,id:id}, afterRenderHandler, tmplId, id);
-								$(this).parent().addClass('active');
-							}
-							else{
-								//slideUp & Down stuff
-								self._slideToggle($sublist, $(this).parent());
-							}
-						}
-					}
-					return false;
-				});
-
-				$checkBox.on('change', function (event, param) {
-
-					var id = this.getAttribute('id'),
-						fakeCheckboxClass = 'custom-radio-check',
-						fakeCheckbox = common.closest(this, fakeCheckboxClass),
-						itemClass = 'level',
-						activeClass = 'active',
-						sublistClass = 'sublist',
-						checkboxClass = 'csb-menu-input',
-						highestItemClass = 'level1',
-						tagClass = 'csb-selected',
-						tagButtonClass = 'csbs-del',
-						triggerClass = 'trigger',
-						tagIdAttribute = 'data-checkbox-id',
-
-						DOMParentRow = common.closest(this, itemClass),
-
-						DOMParentItem = common.hasClass(DOMParentRow, highestItemClass) == false?common.closest(DOMParentRow.parentNode, itemClass):DOMParentRow,
-						DOMParentCheckbox = DOMParentItem.querySelector('.'+checkboxClass),
-						DOMSublist = DOMParentItem.querySelector('.'+sublistClass),
-						DOMSublistInner = DOMParentRow.querySelector('.'+sublistClass),
-						DOMHighestItem = common.closest(this, highestItemClass),
-						DOMHighestCheckbox = DOMHighestItem.querySelector('.'+checkboxClass),
-						selectSublist = function (it) {
-							var DOMParentItem = common.closest(it, itemClass) || this,
-								DOMSublist = DOMParentItem.querySelector('.'+sublistClass);
-							$('.'+checkboxClass, DOMSublist).each(function () {
-								selectItem(this);
-							});
-
-						},
-						unSelectSublist = function (it) {
-							var DOMParentItem = common.closest(it, itemClass) || this,
-								DOMSublist = DOMParentItem.querySelector('.'+sublistClass);
-							$('.'+checkboxClass, DOMSublist).each(function () {
-								unSelectItem(this);
-							});
-
-						},
-						selectParent = function (it) {
-							var DOMParentRow = common.closest(it, itemClass),
-								DOMParentItem;
-							if(common.hasClass(DOMParentRow,'level1')){
-								DOMParentItem = DOMParentRow;
-							}else{
-								DOMParentItem = common.closest(DOMParentRow.parentNode, itemClass);
-							}
-
-							common.addClass(DOMParentItem.querySelector('.'+fakeCheckboxClass), activeClass);
-							DOMParentItem.querySelector('.'+checkboxClass).checked = true;
-
-							//it.selected = true;
-
-						},
-						unSelectParent = function (it) {
-							var DOMParentRow = common.closest(it, itemClass),
-								DOMParentItem = common.closest(DOMParentRow.parentNode, itemClass) || DOMParentRow;
-
-							common.removeClass(DOMParentItem.querySelector('.'+fakeCheckboxClass), activeClass);
-							DOMParentItem.querySelector('.'+checkboxClass).checked = false;
-							//it.checked = false;
-
-						},
-						selectItem = function (it) {
-							var itFakeCheckbox = common.closest(it, fakeCheckboxClass);
-							common.addClass(itFakeCheckbox, activeClass);
-							it.checked = true;
-
-						},
-						unSelectItem = function (it) {
-							var itFakeCheckbox = common.closest(it, fakeCheckboxClass);
-							common.removeClass(itFakeCheckbox, activeClass);
-							it.checked = false;
-						},
-						allChildrenSelected = function () {
-							//var DOMselected = DOMSublist.querySelectorAll('.'+checkboxClass+':checked'),
-							var DOMSublistParent = common.closest(DOMSublist,sublistClass),
-								$selected = $(DOMSublist).children('li').children('.'+fakeCheckboxClass).find('.'+checkboxClass+':checked'),
-								selectedCount = $selected.length,
-							//allCount = DOMSublist.querySelectorAll('.'+checkboxClass).length;
-								allCount = $(DOMSublist).children('li').children('.'+fakeCheckboxClass).find('.'+checkboxClass).length;
-
-							if(allCount ==  selectedCount && selectedCount != 0){
-								return true;
-							} else{
-								return false;
-							}
-						},
-						parentSelected = function () {
-							var parentCheckbox = DOMParentItem.querySelector('.'+checkboxClass);
-							if(parentCheckbox.checked){
-								return true;
-							}else{
-								return false;
-							}
-
-						},
-					// Функционал добавления тегов: если есть в панели выбранный элемент либо его дочерние то удалить эти эдементы и разместить выбранный; иначе разместить выбранные.
-						refreshTags = function (it) {
-							var DOMSublist = common.closest(it,sublistClass);
-							var DOMItem = common.closest(it,itemClass);
-							var DOMSublistInner = DOMItem.querySelector('.'+sublistClass);
-							var DOMAllTags = DOMTagsWrapper.querySelectorAll('.'+tagClass);
-							var ARRsublist;
-							var ARRsublistChildren = DOMSublist.querySelector('.'+sublistClass)?$('.'+checkboxClass+':checked',DOMSublist.querySelector('.'+sublistClass)):null;
-							var ARRsublistChildrenLength = ARRsublistChildren?ARRsublistChildren.length:null;
-							var ARRSublistIds = [];
-							var ARRAllTagsIds = [];
-							var allTagsLength = 0;
-							var sublistIdsLength = 0;
-							var itId = it.getAttribute('id');
-							var i = 0, j= 0, t= 0, tmp, k = 0;
-							var tagId;
-							var tagText = DOMParentRow.querySelector('.'+triggerClass).innerHTML;
-
-							// если есть дочерние элементы
-							if(DOMSublistInner){
-								ARRsublist = $(DOMSublistInner).children('li').children('.'+fakeCheckboxClass).find('.'+checkboxClass+':checked')
-								//получаем массив id жлементовЮ для которых есть тег
-								for(k; k < ARRsublist.length; k++){
-									tmp = ARRsublist[k].getAttribute('id');
-									ARRSublistIds.push(tmp);
-								}
-								//очистк
-								for(t; t<DOMAllTags.length; t++){
-									tmp = DOMAllTags[t].querySelector('.'+tagButtonClass).getAttribute(tagIdAttribute);
-									if(tmp != '~~id~~'){
-										ARRAllTagsIds.push(tmp);
-									}
-								}
-								allTagsLength = ARRAllTagsIds.length;
-								sublistIdsLength = ARRSublistIds.length;
-								// добавить текущий тег
-
-								//если найден дочерний тег то он будет удален, либо текущий тег
-								for(i = 0; i < allTagsLength; i++){
-									tagId = ARRAllTagsIds[i];
-									for(j = 0; j< sublistIdsLength; j++){
-										if( tagId == ARRSublistIds[j] ){
-											deleteTag(ARRsublist[j]);
-										}
-									}
-								}
-								// удаление дубликатов текущего элемента
-								for(i = 0; i < allTagsLength; i++){
-									tagId = ARRAllTagsIds[i];
-									if( tagId == itId){
-										deleteTag(it);
-									}
-								}
-							}else{
-								// удаление дубликатов текущего элемента
-								for(i = 0; i < allTagsLength; i++){
-									tagId = ARRAllTagsIds[i];
-									if( tagId == itId){
-										deleteTag(itId);
-									}
-								}
-							}
-
-
-
-
-						},
-						deleteTag = function (it) {
-							var id = it.getAttribute('id');
-							self._destroyTag(id);
-							tagsPanelToggle();
-						},
-						createTag = function (it) {
-							var item = common.closest(it,itemClass),
-								tagTrigger = item.querySelector('.'+triggerClass),
-								tagText = tagTrigger.innerHTML,
-								id = it.getAttribute('id'),
-								tagObj = {'id':id,'text':tagText};
-							self._addTag(id, tagObj);
-							tagsPanelToggle();
-						},
-						tagsPanelToggle = function () {
-							if($selectedItemsWrap.children('.'+tagClass).length && $selectedItemsWrap.children('.'+tagClass)[0].getAttribute(tagIdAttribute) != "~~id~~"){
-								$selectedItemsWrap.addClass('visible');
-							}else{
-								$selectedItemsWrap.removeClass('visible');
-							}
-						},
-						createTagList = function (sublist) {
-							var $selected = $(DOMSublist).children('li').children('.'+fakeCheckboxClass).find('.'+checkboxClass+':checked');
-							$selected.each(function () {
-								createTag(this);
-							});
-
-						},
-						deleteTagList = function () {
-							var $selected = $(DOMSublist).children('li').children('.'+fakeCheckboxClass).find('.'+checkboxClass+':checked');
-							$selected.each(function () {
-								deleteTag(this);
-							});
-						};
-
-
-
-
-					//make fake checkbox active\passive
-					if(this.checked){
-
-						//если выбраны все дочерние
-						if(allChildrenSelected()){
-							selectParent(this);
-							selectItem(this);
-							refreshTags(DOMParentCheckbox);
-							createTag(DOMParentCheckbox);
-							deleteTagList(DOMSublist);
-							if(DOMParentCheckbox.getAttribute('id')== DOMHighestCheckbox.getAttribute('id') && !DOMHighestCheckbox.checked){
-								selectItem(DOMHighestCheckbox);
-								refreshTags(DOMHighestCheckbox);
-								createTag(DOMHighestCheckbox);
-							}
-						}else{
-							selectItem(this);
-							refreshTags(this);
-							createTag(this);
-						}
-						//выбрать все дочерние
-						if(DOMSublistInner){
-							selectSublist(this);
-						}
-					}else{
-
-						//Если выбран родитель
-						if(parentSelected()){
-							unSelectParent(this);
-							unSelectItem(this);
-							refreshTags(DOMParentCheckbox);
-							deleteTag(DOMParentCheckbox);
-							createTagList(DOMSublist);
-							if(DOMHighestCheckbox.checked){
-								unSelectItem(DOMHighestCheckbox);
-								refreshTags(DOMHighestCheckbox);
-								deleteTag(DOMHighestCheckbox);
-							}
-						}else{
-							unSelectItem(this);
-							refreshTags(this);
-							deleteTag(this);
-						}
-						//убрать все дочерние
-						if(DOMSublistInner){
-							unSelectSublist(this);
-						}
-
-					}
-					triggerSetText();
-				});
-
-				$('.csbs-del', $selectedItemsWrap).on('click', function () {
-					var checkboxId = $(this).attr('data-checkbox-id'),
-						$uncheckBoxes = $('#'+checkboxId);
-					$uncheckBoxes.prop('checked', false);
-					$uncheckBoxes.trigger('change');
-					dna.destroy(self.itemsSelected[checkboxId]);
-					if(!$selectedItemsWrap.children('.dna-clone').length){
-						$selectedItemsWrap.removeClass('visible');
-
-					}
-					return false;
-				});
-				$('.clear',$modal).on('click', function () {
-					self.resetList();
-					return false;
-				});
-				$('.q-sel a',$modal).on('click', function () {
-					var $this = $(this),
-						name = $this.attr('data-name'),
-						id = $this.attr('data-id'),
-						ajaxObj = {name:name, id:id},
-						ajaxHandler = function (data) {
-							self._loadParentTree(data, function () {
-								self._checkCheckBox(id);
-							});
-
-						};
-					getRequest(ajaxObj,self.opt.getParentUrl,ajaxHandler);
-					return false;
-				});
-				$('.'+applyBtnClass, $modal).on('click', function () {
-					self.applyHandler(this);
-					return false;
-				});
-				$modalTrigger.siblings('.'+self.opt.clearAllButtonClass).on('click', function () {
-					self.resetList();
-				});
-
-			});
-
-
-		};
-		//methods for modal window object
-		PlacesModal.prototype = {
-			//some kind of wrapper in top of jquery.AJAx
-			_getAjax: function (dataToSend, handler) {
-				var self = this;
-				if(!dataToSend){
-					dataToSend = '';
-				}
-				$.ajax({
-					type: 'GET',
-					url: self.opt.ajaxUrl,
-					data:dataToSend,
-					success: function(data) {
-						if(typeof handler == 'function'){
-							self.rawData =  data;
-							handler(data);
-						} else{
-							self.rawData =  data;
-							return data;
-
-						}
-					}
-				});
-			},
-			// require dna.js template engine
-			//render first level sublist
-			_renderSublist: function (dataObj, tmplId, handler) {
-				var self = this,
-					index = 0,
-					template = tmplId + '-sub',
-					ajaxHandler = function (data) {
-						if(data.length){
-
-							self.curDNA[template] = {};
-
-							// for dna.clone definition see dnajs.org
-							for (index ; index < data.length; index++) {
-								self.curDNA[template][data[index].id] = dna.clone(tmplId, data[index]);
-
-							}
-							$('.'+tmplId).parents('.level1').addClass('active');
-							handler(data.length);
-						}else{
-							$waiter.hide();
-						}
-					};
-				self._getAjax(dataObj, ajaxHandler);
-			},
-			//render second level sublist
-			_renderNested: function (dataObj, handler, template, item) {
-				var self = this,
-					Uri = Json2URI(dataObj);
-				dna.load(template, (self.opt.ajaxUrl + Uri),{callback:handler,container:self.curDNA[template][item]});
-
-			},
-			//check particular checkbox input
-			_checkCheckBox: function (id) {
-				var self = this,
-					$chckBox = $('#id_'+id, self.$selfContainer);
-				if($chckBox.length && !$chckBox.prop('checked')){
-					$chckBox.prop('checked',true);
-					$chckBox.trigger('change');
-				}
-
-			},
-			selectTag:function (item) {
-				//check of repeating execution
-				var firstTime = true,
-					self = this,
-					waitHandler = function () {
-						for (var prop in self.curDNA) {
-							for (var prop2 in self.curDNA[prop]) {
-								if (prop2 == item.id){
-									firstTime = false;
-								}
-
-							}
-						}
-						if($('#id_'+item.id+':checked').length){
-							firstTime = false;
-							$('#id_'+item.id+':checked').trigger('change');
-						}
-						// ban of repeating execution
-						if (firstTime) { // konec
-							self.isReceived = false;
-							var $checkbox = $('#id_' + item.id),
-								requestObj, requestName,
-								treeLoadHandler = function (data) {
-									// make checkboxes selected after loading
-
-									self._loadParentTree(data, function () {
-										self._checkCheckBox(item.id);
-										self.isReceived = true;
-									});
-									$checkbox = $('#id_' + item.id);
-								};
-							// load tree related to selected item
-							if (!$checkbox.length) {
-
-								requestObj = {
-									id: item.id,
-									name: item.name
-								};
-
-								getRequest(requestObj, self.opt.getParentUrl, treeLoadHandler);
-
-
-							} else{
-								$checkbox.prop('checked', true);
-								$checkbox.trigger('change');
-								self.isReceived = true;
-							}
-
-						}else{
-							$('#id_'+item.id).prop('checked', true);
-							$('#id_'+item.id).trigger('change');
-						}
-					};
-				this.wait(waitHandler);
-			},
-			//ждет покf выполнится предыдузий запрос и выполняет метод метод
-			wait:function(method, args) {
-				var self = this,
-					waitImages,
-					waitHandler = function(self, method, args) {
-						if (self.isReceived) {
-							if (args) {
-								method(args);
-							}
-							else{
-								method();
-							}
-							clearInterval(waitImages);
-						}
-					};
-				waitImages = setInterval(function() {waitHandler(self, method, args)}, 100);
-			},
-			//check particular checkbox input
-			check: function (id, tagText) {
-				var self = this,
-					$chckBox = $('#id_'+id, self.$selfContainer),
-					tagObj = {};
-				if($chckBox.length && !$chckBox.prop('checked')){
-
-					$chckBox.prop('checked',true);
-					$chckBox.trigger('change');
-				}
-
-			},
-			//hide or show sublists according active selected link
-			_slideToggle:function ($sublist, $this){
-				if($sublist.hasClass('hidden')){
-					$this.addClass('active');
-					$sublist.removeClass('hidden');
-				}else{
-					$this.removeClass('active');
-					//$sublist.addClass('hidden').find('ul').addClass('hidden');
-					$sublist.addClass('hidden').find('ul');
-				}
-
-			},
-			// for dna.clone definition see dnajs.org
-			_destroyTag:function(checkboxId){
-				var self = this;
-				if(self.itemsSelected[checkboxId]){
-					dna.destroy(self.itemsSelected[checkboxId]);
-
-				}
-			},
-			// for dna.clone definition see dnajs.org
-			_addTag: function (checkboxId, tplObj) {
-				var self = this;
-				self.itemsSelected[checkboxId] = dna.clone(self.opt.selectedItemTemplate,tplObj);
-			},
-			//reset all checkboxes and clean tag wrapper
-			resetList: function () {
-				var self = this;
-				for (var key in self.itemsSelected) {
-					if (self.itemsSelected.hasOwnProperty(key)) {
-						$('#'+key, self.$selfContainer).prop('checked', false).trigger('change');
-
-						dna.destroy(self.itemsSelected[key]);
-					}
-				}
-				self.selectedWrap.removeClass('visible');
-			},
-			//initiliazing and setup autocomplete field for places list
-			_autocompleteInit : function () {
-				var self = this, dataObj, text , form = self.$inputFilter.attr('data-form'),index,
-					$completeWrap = $('#'+self.opt.autoCompleteId),
-					firstComplete = true,
-					selectTag = function (event, ui) {
-						//check of repeating execution
-						var firstTime = true;
-						for (var prop in self.curDNA) {
-							for (var prop2 in self.curDNA[prop]) {
-								if (prop2 == ui.item.value){
-									firstTime = false;
-								}
-
-							}
-						}
-						if($('#id_'+ui.item.value+':checked').length){
-							firstTime = false;
-						}
-						// ban of repeating execution
-						if (firstTime) { // konec
-							var $checkbox = $('#id_' + ui.item.value),
-								requestObj, requestName,
-								treeLoadHandler = function (data) {
-									// make checkboxes selected after loading
-									self._loadParentTree(data, function () {
-										self._checkCheckBox(ui.item.value);
-									});
-									$checkbox = $('#id_' + ui.item.value);
-								};
-							// load tree related to selected item
-							if (!$checkbox.length) {
-
-								requestObj = {
-									id: ui.item.value,
-									name: ui.item.name
-								};
-								getRequest(requestObj, self.opt.getParentUrl, treeLoadHandler);
-							} else{
-								$checkbox.prop('checked', true);
-								$checkbox.trigger('change');
-							}
-
-							self.$inputFilter.val(ui.item.label);
-						}
-					},
-					requestHandler = function(data){
-						dataObj = data;
-						for(index = 0; index < dataObj.length; ++index) {
-							renameProperty(dataObj[index],'text','label');
-						}
-						for(index = 0; index < dataObj.length; ++index) {
-							renameProperty(dataObj[index],'id','value');
-						}
-						if(!self.$inputFilter.hasClass('ui-autocomplete-input')){
-
-							self.$inputFilter.autocomplete({
-								source:dataObj,
-								minLength: 0,
-								appendTo:$completeWrap,
-								select:function(event, ui){
-									selectTag(event, ui);
-									self.$inputFilter.val('');
-									self.$inputFilter.trigger('keyup');
-									event.preventDefault();
-									//							return ui.label;
-								}
-							});
-							self.$inputFilter.autocomplete('search',"");
-							firstComplete = false;
-						}else{
-
-							self.$inputFilter.autocomplete('search',"");
-						}
-
-					};
-				//			var newData = ['banan','banan2','banan3','banan4','banan5'];
-				self.$inputFilter.attr('autocomplete', 'on');
-
-				self.$inputFilter.on('keyup', function (event) {
-					text = $(this).val();
-					event.stopImmediatePropagation();
-
-
-					if (text.length > 2 && firstComplete){
-						getRequest({'term':text, 'form':form}, self.opt.autoCompleteUrl, requestHandler);
-						firstComplete = false;
-					}else if(text.length == 0 && !firstComplete){
-						if(self.$inputFilter.hasClass('ui-autocomplete-input')){
-
-							self.$inputFilter.autocomplete( "destroy" );
-							firstComplete = true;
-						}
-					}
-					return false;
-				}).click(function () {
-					return false;
-				});
-
-			},
-			// loads and shows list tree related to selected id
-			// data - is JSON object with information about parent elements.
-			// handler is callback function
-			_loadParentTree: function (data, handler, counter) {
-				var	self = this,
-					dataObj = data,
-					optObj, sublistTemplateId, nestedObj,nestedSublistTemplateId,
-					$midleLevelCheckbox = $('#id_'+dataObj.id),
-				// makes request in order to recieve children list information fires after request for parent list
-					handlerNested = function (length) {
-						var $checkbox = $('#id_'+dataObj.id),
-							afterAll = function () {
-								$waiter.hide();
-								counter||counter===0?handler(counter):handler();
-							};
-						$waiter.hide();
-						if($checkbox.length && getObjectLength(self.curDNA[sublistTemplateId+'-sub']) == length){
-
-							nestedObj = {
-								name:dataObj.name,
-								id:dataObj.id
-							};
-							$waiter.show();
-							nestedSublistTemplateId = $('#id_'+dataObj.id).closest('.level').children('.trigger').attr('data-template-id');
-							self._renderNested(nestedObj, afterAll, nestedSublistTemplateId, dataObj.id);
-						}
-
-					},
-					handlerParent = function (){
-						$waiter.hide();
-						counter||counter===0?handler(counter):handler();
-					};
-				$waiter.show();
-				//if element has parent element
-				if(dataObj.hasOwnProperty('parent')){
-					//if checbox is existed
-					if($midleLevelCheckbox.length){
-						nestedObj = {
-							name:dataObj.name,
-							id:dataObj.id
-						};
-						nestedSublistTemplateId = $midleLevelCheckbox.closest('.level').children('.trigger').attr('data-template-id');
-						self._renderNested(nestedObj, function(){$waiter.hide();handler();}, nestedSublistTemplateId, dataObj.id);
-					}else{
-
-						optObj = {
-							name:dataObj.parent.name,
-							id:dataObj.parent.id
-						};
-						sublistTemplateId = $('#id_'+dataObj.parent.id).closest('.level').children('.trigger').attr('data-template-id');
-						self._renderSublist(optObj,sublistTemplateId,handlerNested);
-					}
-
-
-				}else{
-					optObj = {
-						name:dataObj.name,
-						id:dataObj.id
-					};
-					sublistTemplateId = $('#id_'+dataObj.id).closest('.level').children('.trigger').attr('data-template-id');
-					self._renderSublist(optObj,sublistTemplateId,handlerParent);
-				}
-
-			},
-			applyHandler: function (it) {
-				$.fancybox.close();
-			},
-			// проверка выделен ли указанный чекбокс
-			isSelected: function (id) {
-				var self = this;
-				return $(self.idPrefix+id, self.$modal).prop('checked');
-			}
-		};
-
-		//Constructor for perios selector modal window
-		var PeriodModal = function (options) {
-			this.opt = options;
-			var self = this,
-				$dateFrom = $('#'+self.opt.dateFrom),
-				$dateTo = $('#'+self.opt.dateTo),
-				$modal = $('#'+self.opt.id),
-				$modalTrigger = $('#'+self.opt.modalTrigger),
-				applyBtnClass = self.opt.applyBtnClass,
-				inputsTostring = function(){
-					var self = this,
-						stringToReturn = '',
-						toChar = $modalTrigger.data('lng-to'),
-						fromChar = $modalTrigger.data('lng-from'),
-						toVal = $.trim($dateTo.val()),
-						fromVal = $.trim($dateFrom.val());
-					if(toVal != ''&& fromVal != ''){
-						stringToReturn = fromChar+': '+fromVal+' '+toChar+': '+toVal+'.';
-					} else if (toVal != ''&& fromVal == ''){
-						stringToReturn = toChar+': '+toVal+'.';
-					} else if (toVal == ''&& fromVal != ''){
-						stringToReturn = fromChar+': '+fromVal+'.';
-					}
-					return stringToReturn;
-
-				},
-				triggerSetText = function (selectedString) {
-					var cutLength = 24;
-
-					if(selectedString != ''){
-						$modalTrigger.text(selectedString).siblings('.trigger-label').addClass('hidden');
-						$modalTrigger.siblings('.'+self.opt.clearAllButtonClass).addClass('active');
-
-
-					}else{
-						$modalTrigger.text($modalTrigger.data('default')).siblings('.trigger-label').removeClass('hidden');
-						$modalTrigger.siblings('.'+self.opt.clearAllButtonClass).removeClass('active');
-					}
-				},
-			// проверяет и исправляет значение полей окна дата и ипсравляет значения так, чтобы в поле от всегда была дата "до"(меньше) даты в поле "по"
-				checkInterval = function (it) {
-					var itId = it.getAttribute('id'),
-						itVal = it.value,
-						itValInt = Date.parse(itVal),
-						thatId,
-						thatVal,
-						thatValInt,
-						bfr;
-					if(itId == self.opt.dateFrom){
-						thatId = $dateTo[0].getAttribute('id');
-						thatVal = $dateTo[0].value;
-					}else {
-						thatId = $dateFrom[0].getAttribute('id');
-						thatVal = $dateFrom[0].value;
-					}
-					thatValInt = Date.parse(thatVal);
-					if(thatValInt > itValInt &&  thatValInt != 0 && thatValInt){
-						bfr = document.getElementById(itId).value;
-						document.getElementById(itId).value = document.getElementById(thatId).value;
-						document.getElementById(thatId).value = bfr;
-					}else if(thatValInt < itValInt &&  thatValInt != 0 && thatValInt){
-						bfr = document.getElementById(thatId).value;
-						document.getElementById(thatId).value = document.getElementById(itId).value;
-						document.getElementById(itId).value = bfr;
-					}
-
-
-				};
-			this.$dateFrom = $dateFrom;
-			this.$dateTo = $dateTo;
-			this.$modalTrigger = $modalTrigger;
-
-				$(function () {
-					$.datepicker.setDefaults($.datepicker.regional["ru"]);
-
-					$dateFrom.datepicker({
-						dateFormat: 'dd.mm.yy',
-						showOn: 'button',
-						showOtherMonths: true,
-						constrainInput: true,
-						onClose: function( selectedDate ) {
-							$dateTo.datepicker( "option", "minDate", selectedDate );
-						}
-					}).inputmask("99.99.9999",{
-						showMaskOnHover:false,
-						'oncomplete': function () {
-							checkInterval(this);
-						}
-					});
-					$dateTo.datepicker({
-						dateFormat: 'dd.mm.yy',
-						showOn: 'button',
-						showOtherMonths: true,
-						constrainInput: true,
-						onClose: function( selectedDate ) {
-							$dateFrom.datepicker( "option", "maxDate", selectedDate );
-						}
-					}).inputmask("99.99.9999",{
-						showMaskOnHover:false,
-						'oncomplete': function () {
-							checkInterval(this);
-						}
-					});
-					$('input[type="text"]',$modal).on('change', function () {
-						var stringToset = inputsTostring();
-						triggerSetText(stringToset);
-
-					});
-					$('.'+applyBtnClass, $modal).on('click', function () {
-						self.applyHandler(this);
-						return false;
-					});
-					$modalTrigger.siblings('.'+self.opt.clearAllButtonClass).on('click', function () {
-						$(this).removeClass('active');
-						self.resetList();
-					});
-				});
-
-		};
-		PeriodModal.prototype = {
-			inputsTostring:function(){
-				var self = this,
-					stringToReturn = '',
-					toChar = self.$modalTrigger.data('lng-to'),
-					fromChar = self.$modalTrigger.data('lng-from'),
-					toVal = $.trim(self.$dateTo.val()),
-					fromVal = $.trim(self.$dateFrom.val());
-				if(toVal != ''&& fromVal != ''){
-					stringToReturn = fromChar+': '+fromVal+' '+toChar+': '+toVal+'.';
-				} else if (toVal != ''&& fromVal == ''){
-					stringToReturn = toChar+': '+toVal+'.';
-				} else if (toVal == ''&& fromVal != ''){
-					stringToReturn = fromChar+': '+fromVal+'.';
-				}
-				return stringToreturn;
-
-			},
-			//todo: доделать
-			resetList: function () {
-				this.$dateFrom.val('');
-				this.$dateTo.val('');
-				this.$modalTrigger.text(this.$modalTrigger.attr('data-default'));
-
-			},
-			// функционал кнопки применить
-			applyHandler: function (it) {
-				$.fancybox.close();
-			}
-		};
-		//constructor for main searchfield
-		var MainField = function (options) {
-			this.opt = options;
-			this.opt.anyChar = false;
-			var self = this,
-				firstComplete = true;
-			this.$field = $('#'+self.opt.id);
-			// option when is true autocomplite fires each time user enters value
-			this.$completeWrap = $('#'+self.opt.autoCompleteWrapId);
-			//much faster than JQuery
-			this.DOMcompleteWrap = document.getElementById(self.opt.autoCompleteWrapId);
-			//data recieved by ajax response
-			this.afterClear;
-			this.rawData = {
-				items:[],
-				set:function (data) {
-					this.items = data;
-					this._rawDataChange();
-				},
-				get: function () {
-					return this.items;
-				},
-				//executes when this.rawData changes
-				_rawDataChange: function (e) {
-					var self = this, index;
-					for(index = 0; index < self.items.length; index++) {
-						renameProperty(self.items[index],'text','label')
-						renameProperty(self.items[index],'id','value')
-					}
-				}
-			};
-			this.completeName = 'autocomplete',
-				this.firstComplete = true;
-			//autocomplete event handler
-//			this.rawData.addEventListener('rawDataChange',self._rawDataChange,false);
-
-			// switch off default autocomplete behaviour
-			//autocomplete="on | off"
-			this.$field.attr('autocomplete','off');
-
-			self.$field.on('keyup', function (event) {
-				var reqObj;
-				text = $(this).val();
-				event.stopImmediatePropagation();
-				if(self.dataForm){
-					reqObj = {
-						'term':text,
-						'form':self.dataForm
-					}
-				}else{
-					reqObj = {
-						'term':text
-					}
-				}
-				if(self.opt.anyChar){
-					if (text.length > 2){
-						getRequest(reqObj, self.opt.autoCompleteUrl, function (data) {
-							if(self.$field.hasClass('ui-autocomplete-input')){
-								self.$field[self.completeName]( "destroy" );
-
-							}
-							self.rawData.set(data);
-							self._initAutoComplete();
-							self.showList('');
-						});
-					} else if(text.length === 0){
-						if(self.$field.hasClass('ui-autocomplete-input')){
-							self.$field[self.completeName]( "destroy" );
-							common.removeClass(self.DOMcompleteWrap,'full-visible');
-							self._resetmodals(self.afterClear);
-						}
-					}
-				}else{
-					if (text.length > 2 && firstComplete){
-						getRequest(reqObj, self.opt.autoCompleteUrl, function (data) {
-
-							self.rawData.set(data);
-							self._initAutoComplete();
-							self.showList('');
-							//						self.DOMcompleteWrap.addClass('full-visible');
-						});
-						firstComplete = false;
-					}else if(text.length == 0 && !firstComplete){
-						if(self.$field.hasClass('ui-autocomplete-input')){
-
-							self.$field[self.completeName]( "destroy" );
-							common.removeClass(self.DOMcompleteWrap,'full-visible');
-							self._resetmodals(self.afterClear);
-							firstComplete = true;
-						}
-					}else{
-						if(self.$field.hasClass('ui-autocomplete-input')){
-							self.showList(text);
-
-						}
-					}
-
-				}
-				//for autocomplete on each keypress
-				//for normal flow autocomplete
-				return false;
-			}).click(function () {
-				return false;
-			});
-
-
-
-		};
-		MainField.prototype = {
-			//Jquery autocomplete initialization and
-			// autocomplete functionality on this.$field
-			_initAutoComplete: function () {
-				var self = this;
-				self.$field[self.completeName]({
-					source:self.rawData.get(),
-					minLength: 0,
-					appendTo:self.DOMcompleteWrap,
-					select:function(event, ui){
-						self._afterSelect(event, ui);
-					},
-					close: function () {
-						common.removeClass(self.DOMcompleteWrap,'full-visible');
-
-
-					},
-					open: function () {
-						common.addClass(self.DOMcompleteWrap,'full-visible');
-					}
-				});
-
-			},
-			// functionality of selected object in autocomplete list
-			_afterSelect: function (event, ui) {
-				var self = this;
-				event.preventDefault();
-				// much faster than jquery
-				if(ui.item.url){
-					window.location = ui.item.url;
-				} else if(ui.item.label.length){
-					self.$field[0].value = ui.item.label;
-					self.selectCheckBoxes(ui.item.id, ui.item.name);
-				}
-
-			},
-			// method fires callback when field is cleared
-			_resetmodals: function (callback) {
-				if(callback){
-					callback();
-				}else{
-					return 0;
-				}
-
-			},
-			//	public property for redefine _afterSelect
-			selectHandler: function () {
-
-			},
-
-
-			//public object modificator.
-			newRender: function (handler) {
-				var self = this;
-				handler(this);
-				self.$field.data();
-			},
-			//select checkboxes if therer is coincidence with search result and modal subject modal window
-			selectCheckBoxes: function (id, name) {
-
-			},
-			//simple shows out autocomplete list
-			showList: function (text) {
-				self = this;
-				this.$field[self.completeName]('search',text);
-
-			},
-			//brings data from server and transfer it to handler function
-			pullData: function (handler) {
-
-			}
-
-		};
-		//прототип модального окна общего для всех
-		Modal = function (options) {
-			var self = this;
-			this.id;
-			this.opt = options;
-			this.DOMwrap = document.getElementById(options.id);
-			this.DOM = this.DOMwrap.querySelector('.'+ options.wrapClass);
-
-			$('.modal-close',this.DOM).on('click', function () {
-				self.close();
-			});
-			$('.modals > *').on('click', function (ev) {
-				if($(ev.target.parentNode).find(self.DOMwrap).length){
-					self.close();
-
-				}
-			});
-
-		};
-
-		Modal.prototype = {
-			pullData: function (selector) {
-				this.id =  selector.substr(1);
-				$(selector).show().siblings().hide();
-				this.refresh();
-
-			},
-			open: function () {
-				$(this.DOMwrap).fadeIn();
-
-				common.addClass(document.body, 'ov-hidden');
-			},
-			close: function () {
-				$(this.DOMwrap).fadeOut();
-				common.removeClass(document.body, 'ov-hidden');
-			},
-			refresh: function () {
-				var self = this;
-				self.DOM.style.width = self.opt.size[self.id].width +'px';
-				self.DOM.style.minHeight = self.opt.size[self.id].height +'px';
-				self.DOM.style.marginLeft = -(self.opt.size[self.id].width/2)+'px';
-				self.DOM.style.marginTop = -(self.opt.size[self.id].height/2)+'px';
-			}
-		}
-		// methods
-		//initialization of the general properties and it events handlers functionality
-		that.init = function(options) {
-			// settings extending
-			$.extend(this.lang, options.lang);
-			options.lang = null;
-			$.extend(this.settings, options);
-			// begin of initialization
-			var self = this,
-				submitHandler = function () {
-					$(self.DOMform).find('input[name="~~name~~"]').remove();
-				};
-			if(this.settings.searchData != 'None' && this.settings.searchData){
-				this.previousSearch = JSON.parse(this.settings.searchData)
-
-			}
-			this.DOMform = document.getElementById(this.settings.formId);
-
-			$(this.DOMform).on('submit', function () {
-				submitHandler();
-			});
-
-			// custom autocomplete realization for exibition input
-			$.widget( "custom.exibitionComplete", $.ui.autocomplete,{
-				_renderMenu: function( ul, items ) {
-					var that = this,
-						currentCategory = "";
-					$.each( items, function( index, item ) {
-						if ( item.cat != currentCategory && item.cat) {
-							ul.append( "<li class='ui-autocomplete-category'>" + item.cat + "</li>" );
-							currentCategory = item.cat;
-						}/*else if(item.url){
-						 ul.append( "<li class='ui-menu-item'><a class='complete-link' href="+item.url+" >" + item.label + "</a></li>" );
-
-						 }*/
-						that._renderItemData( ul, item );
-					});
-				}
-			});
-			this.exhibitionField = new MainField(self.settings.firstField);
-			this.exhibitionField.completeName = 'exibitionComplete';
-
-			this.exhibitionField.opt.anyChar = true;
-
-
-			//modal windows
-			this.placesModal  = new PlacesModal(self.settings.place);
-			this.subjModal  = new SubjectModal(self.settings.subject);
-			this.periodModal  = new PeriodModal(self.settings.period);
-			this.exhibitionField.selectCheckBoxes = function (id, name) {
-				var self = this,
-					DOMCheckboxes,
-					nestedObj,
-					iName = name;
-				if(name == 'th'){
-					DOMCheckboxes = document.getElementById(self.opt.prefix+id);
-
-				}else if(name == 'tg'){
-					DOMCheckboxes = document.getElementById(self.opt.prefixInner+id);
-					iName = 'th';
-
-				}
-				$waiter.show();
-				// load tree related to selected item
-				if (!DOMCheckboxes) {
-					nestedObj = {
-						name:name,
-						id:id
-					};
-//					requestObj = {
-//						id: ui.item.value,
-//						name: ui.item.name
-//					};
-					getRequest(nestedObj, EXPO.searchBlock.subjModal.opt.getParentUrl, function (data) {
-
-						EXPO.searchBlock.subjModal._loadParentTree(data, function(){
-
-							EXPO.searchBlock.subjModal._checkCheckBox(id, name);
-						});
-					});
-				} else{
-					$waiter.hide();
-					$(DOMCheckboxes).prop('checked', true);
-					$(DOMCheckboxes).trigger('change');
-				}
-			};
-			/////****
-			this.placesField = new MainField(self.settings.placeField);
-			this.placesField.dataForm = EXPO.searchBlock.placesModal.$inputFilter.attr('data-form');
-			this.placesField.selectCheckBoxes = function(id,name){
-				var self = this,
-					DOMCheckboxes,
-					nestedObj;
-				DOMCheckboxes = document.getElementById(self.opt.prefix+id);
-				if (!DOMCheckboxes) {
-					nestedObj = {
-						name:name,
-						id:id
-					};
-					getRequest(nestedObj, EXPO.searchBlock.placesModal.opt.getParentUrl, function (data) {
-
-						EXPO.searchBlock.placesModal._loadParentTree(data, function(){
-
-							EXPO.searchBlock.placesModal._checkCheckBox(id, name);
-						});
-					});
-				} else{
-					$waiter.hide();
-					$(DOMCheckboxes).prop('checked', true);
-					$(DOMCheckboxes).trigger('change');
-				}
-			};
-
-			// uncheck all checboxes in modal and clear label beneath searchfield
-			this.exhibitionField.afterClear = function () {
-				self.subjModal.resetList();
-			};
-			this.placesField.afterClear = function () {
-				self.placesModal.resetList();
-			};
-			//модальное окно
-			this.modalWindow = new Modal(self.settings.modal);
-
-			this.periodModal.applyHandler = function () {
-				self.modalWindow.close();
-				$(self.DOMform).submit();
-			};
-			this.placesModal.applyHandler = function () {
-				//$.fancybox.close();
-				self.modalWindow.close();
-				$(self.DOMform).submit();
-				//self.DOMform.submit();
-			};
-			this.subjModal.applyHandler = function () {
-				//$.fancybox.close();
-				self.modalWindow.close();
-				$(self.DOMform).submit();
-				//self.DOMform.submit();
-			};
-
-			//
-			// modal window calling
-			$('.'+self.settings.modalTriggerClass).on('click', function () {
-				self.modalWindow.pullData(this.getAttribute('href'));
-				self.modalWindow.open();
-				return false;
-			});
-			// заполнение полей предыдущими значениями
-			$(function () {
-				if(self.previousSearch){
-					for (var i = 0; i < self.previousSearch.inputs.length; i++) {
-						// окно выбора тематики
-						if (self.previousSearch.inputs[i].name == 'th'){
-							self.subjModal._loadParentTree(self.previousSearch.inputs[i], function (innerI) {
-								if(self.previousSearch.inputs[innerI].children){
-
-									self.subjModal.check(self.previousSearch.inputs[innerI].children.id, self.previousSearch.inputs[innerI].children.name);
-								}else{
-									self.subjModal.check(self.previousSearch.inputs[innerI].id, self.previousSearch.inputs[innerI].name);
-
-								}
-							}, i);
-							// окно выбора мест
-						} else if (self.previousSearch.inputs[i].name == 'area'){
-
-							//todo для renderSublist надо передавать только родителя и прародителя
-							if(self.previousSearch.inputs[i].children && self.previousSearch.inputs[i].children.children){
-								self.placesModal.selectTag(self.previousSearch.inputs[i].children.children);
-
-							}else if (self.previousSearch.inputs[i].children){
-								self.placesModal.selectTag(self.previousSearch.inputs[i].children);
-
-
-							} else if(self.previousSearch.inputs[i]){
-								self.placesModal.selectTag(self.previousSearch.inputs[i]);
-
-
-							}
-						}
-					}
-
-				}
-			});
-
-
-		};
-
-		return that;
-	}());
-}
\ No newline at end of file
diff --git a/templates/client/static_client/js/main.js b/templates/client/static_client/js/main.js
index ab85ebab..55734964 100644
--- a/templates/client/static_client/js/main.js
+++ b/templates/client/static_client/js/main.js
@@ -178,33 +178,7 @@ function placeInput(width){
 
 	    });
 
-	    $('.addcalendar, .removecalendar').on('click', function(event){
-	        event.preventDefault();
-	        var $this = $(this);
-	        var url = $this.attr('href');
-	        $.get(url, function(data){
-	            if (data.not_authorized){
-	                $.fancybox.open('#pw-login');
-	            }
-	            else{
-	            	if(data.success){
-	            		if(data.in){
-	            			if($this.hasClass('addcalendar')){
-	            				$this.hide();
-	            				$this.siblings('.removecalendar').show()
-	            			}
-	            		}
-	            		else{
-	            			if($this.hasClass('removecalendar')){
-	            				$this.hide();
-	            				$this.siblings('.addcalendar').show()
-	            			}
-	            		}
-	            	}
-	            }
-	        });
 
-	    });
         /*
         $('#reg_form').on('submit', function(event){
             event.preventDefault();