Your IP : 3.133.135.106
function JCTreeSelectControl(arParams)
{
var _this = this;
this.arParams = arParams; // {ONSELECT, MULTIPLE, VALUE, AJAX_PAGE, AJAX_PARAMS}
this.arTreeData = {};
this.multiple = this.arParams.MULTIPLE;
if (null != arParams.VALUE)
this.SetValue(arParams.VALUE);
this.div = null;
this._onkeypress = function(e)
{
if (null == e) e = window.event;
if (null == e) return;
if (e.keyCode == 27)
_this.CloseDialog();
};
// current value and its setter and getter
var current_value = [];
this.getElementsByName = function(tag_name, control_name)
{
var result = [];
var inputs = document.getElementsByTagName(tag_name);
for(var i = 0; i < inputs.length; i++)
{
if(inputs[i].getAttribute("name") == control_name)
result.push(inputs[i]);
}
return result;
};
this.SetValueFromInput = function(input_name)
{
var values = [];
var inp = document.getElementById(input_name);
if(inp)
{
values[values.length] = inp.value;
}
else
{
var inputs = this.getElementsByName('INPUT', input_name);
if(inputs && inputs.length > 0)
{
for(var i = 0; i < inputs.length; i++)
values[values.length] = inputs[i].value;
}
else
{
inputs = this.getElementsByName('INPUT', input_name + '[]');
if(inputs && inputs.length > 0)
{
for(i = 0; i < inputs.length; i++)
values[values.length] = inputs[i].value;
}
}
}
this.SetValue(values);
};
this.SetValue = function(value)
{
if (typeof value == 'string' || typeof value == 'object' && value.constructor == String)
value = value.split(',');
if (typeof value == 'object')
{
current_value = [];
for (var i = 0; i < value.length; i++)
{
var q = parseInt(value[i]);
if (!isNaN(q))
current_value[current_value.length] = q;
}
}
return typeof current_value == 'object';
};
this.GetValue = function(tostring)
{
if (null == tostring) tostring = false;
if (tostring)
{
if (null != current_value)
return current_value.join(',');
}
return current_value;
};
this._control = null;
this._timerId = null;
this._delay = 500;
this._value = '';
this._result = [];
this._ajax_error = '';
this._div = null;
this._search_focus = -1;
this.InitControl = function(control_id)
{
this._control = document.getElementById(control_id);
if (this._control)
{
this._control.value = _this.arParams.START_TEXT;
this._control.value_tmp = this._control.value;
this._control.className = 'bx-search-control-empty';
this._control.onfocus = this.__control_focus;
this._control.onblur = this.__control_blur;
this._control.onkeydown = this.__control_keypress;
}
};
this.Run = function()
{
if (null != _this._timerId)
clearTimeout(_this._timerId);
_this._search_focus = -1;
if (_this._control.value && _this._control.value != _this._control.value_tmp)
{
_this._value = _this._control.value;
var url = _this.arParams.AJAX_PAGE+'?MODE=search&win_id=' + _this.arParams.WIN.id + '&search=' + encodeURIComponent(_this._value);
if (_this.arParams.AJAX_PARAMS)
{
for(var param_name in _this.arParams.AJAX_PARAMS)
url += '&' + param_name + '=' + encodeURIComponent(_this.arParams.AJAX_PARAMS[param_name]);
}
BX.ajax.get(url, _this.SetResult);
}
};
this.SetResult = function(data)
{
var DATA = [];
_this._ajax_error = '';
if (data.length > 0)
{
if(data.substr(0, 1) == '[')
eval('DATA = ' + data);
else
_this._ajax_error = data;
}
_this._result = DATA;
_this.SearchShow();
};
this.SearchShow = function()
{
if (null == _this._div)
{
var _content_div = BX('_f_popup_content');
_content_div.style.position = 'relative';
var pos = BX.pos(_this._control, true);
_this._div = _content_div.insertBefore(document.createElement('DIV'), _content_div.firstChild);
_this._div.className = 'mts-search-result';
_this._div.style.top = pos.bottom + 'px';
_this._div.style.left = '0px';
/*_this._div.style.zIndex = 1110; */
_this._div.style.zIndex = 111000;
jsUtils.addCustomEvent('onTreeSearchClose', _this.__onclose, [], _this);
}
else
{
_this._div.innerHTML = '';
}
if (_this._result.length > 0)
{
for (var i = 0; i < _this._result.length; i++)
{
_this._result[i]._row = _this._div.appendChild(document.createElement('DIV'));
_this._result[i]._row.className = 'mts-search-result-row';
_this._result[i]._row.innerHTML = _this._result[i].NAME;
_this._result[i]._row.onclick = _this.__result_row_click;
_this._result[i]._row.__bx_data = _this._result[i];
}
}
else
{
if(_this._ajax_error.length > 0)
_this._div.innerHTML = '<i>' + _this._ajax_error + '</i>';
else
_this._div.innerHTML = '<i>' + _this.arParams['NO_SEARCH_RESULT_TEXT'] + '</i>';
}
_this._div.style.display = 'block';
};
this._openSection = function(SECTION_ID, bScrollToSection)
{
if (null == bScrollToSection)
bScrollToSection = false;
var obSectionDiv = document.getElementById('mts_section_' + SECTION_ID);
if (null != obSectionDiv)
{
var obParentSection = obSectionDiv.parentNode;
if (null != obParentSection)
{
obParentSection = obParentSection.previousSibling;
if (null != obParentSection && obParentSection.id && obParentSection.id.substr(0, 20) == 'mts_section_')
{
_this._openSection(parseInt(obParentSection.id.substr(20)));
}
}
_this.LoadSection(SECTION_ID, true, bScrollToSection);
}
};
this.__result_row_click = function()
{
_this._openSection(this.__bx_data.SECTION_ID, true);
var obUserRow = document.getElementById('mts_' + this.__bx_data.ID);
if (null != obUserRow)
{
if (obUserRow.className != 'mts-row mts-selected')
{
obUserRow.onclick();
}
}
else
{
if(_this.multiple)
current_selected[current_selected.length] = parseInt(this.__bx_data.ID);
else
current_selected[0] = parseInt(this.__bx_data.ID);
}
};
this.__onclose = function()
{
if (null != _this._div)
_this._div.parentNode.removeChild(_this._div);
if (null != _this._timerId)
clearTimeout(_this._timerId);
jsUtils.removeCustomEvent('onTreeSearchClose', _this.__onclose);
};
this.__control_keypress = function(e)
{
if (null == e)
e = window.event;
// 40 - down, 38 - up, 13 - enter
switch (e.keyCode)
{
case 13: //enter
if (_this._search_focus < 0)
_this.Run();
else
{
_this._control.onblur();
_this._control.blur();
_this._result[_this._search_focus]._row.onclick();
}
break;
case 40: //down
if (_this._result.length > 0 && _this._search_focus < _this._result.length-1)
{
if (_this._search_focus >= 0)
_this._result[_this._search_focus]._row.className = 'mts-search-result-row';
_this._search_focus++;
_this._result[_this._search_focus]._row.className = 'mts-search-result-row mts-search-result-row-selected';
}
break;
case 38: //up
if (_this._result.length > 0 && _this._search_focus > -1)
{
_this._result[_this._search_focus]._row.className = 'mts-search-result-row';
_this._search_focus--;
if (_this._search_focus >= 0)
_this._result[_this._search_focus]._row.className = 'mts-search-result-row mts-search-result-row-selected';
}
break;
default:
if (null != _this._timerId)
clearTimeout(_this._timerId);
_this._timerId = setTimeout(_this.Run, _this._delay);
break;
}
};
this.__control_focus = function()
{
if (this.value == this.value_tmp)
{
this.value = '';
this.className = '';
}
if (null != this._div)
this._div.style.display = 'block';
};
this.__control_blur = function()
{
if (_this.value == '')
{
_this.value = _this.value_tmp;
_this.className = 'bx-search-control-empty';
}
if (null != _this._div)
{
setTimeout(function() {
_this._div.style.display = 'none';
}, 300);
}
};
this.OnSelect = function()
{
if (null != this.arParams.ONSELECT)
{
var value = this.GetValue();
if (this.arParams.GET_FULL_INFO)
{
var new_value = [];
for (var i = 0; i < value.length; i++)
{
new_value[new_value.length] = this.arTreeData[value[i]];
}
value = new_value;
this.arParams.ONSELECT(value);
}
else
{
this.arParams.ONSELECT(value);
}
}
};
this.Show = function(arParams)
{
if(null != this.div)
return;
var _this = this;
if (null == arParams) arParams = {};
if (null == arParams.id) arParams.id = 'tree_selector_select_control';
if (null == arParams.className) arParams.className = '';
this.arParams.WIN = arParams;
CHttpRequest.Action = function(result) {_this._ShowWindow(result)};
var url = this.arParams.AJAX_PAGE+'?win_id=' +this.arParams.WIN.id;
if (this.arParams.AJAX_PARAMS)
{
for(var param_name in this.arParams.AJAX_PARAMS)
url += '&' + param_name + '=' + encodeURIComponent(this.arParams.AJAX_PARAMS[param_name]);
}
if(this.arParams.INPUT_NAME)
this.SetValueFromInput(this.arParams.INPUT_NAME);
var value = this.GetValue(true);
if ((this.multiple ? value.length : value) > 0)
url += '&value=' + value;
if (this.multiple)
url += '&multiple=Y';
ShowWaitWindow();
CHttpRequest.Send(url);
};
this._ShowWindow = function(result)
{
CloseWaitWindow();
var _this = this;
this.div = document.body.appendChild(document.createElement("DIV"));
this.div.id = this.arParams.WIN.id;
this.div.className = "settings-float-form" + (this.arParams.WIN && this.arParams.WIN.className ? ' ' + this.arParams.WIN.className : '');
this.div.style.position = 'absolute';
/*this.div.style.zIndex = '1100'; */
this.div.style.zIndex = '110000';
this.div.innerHTML = result;
this.div.__object = this;
var obSize = BX.GetWindowSize();
var left = parseInt(obSize.scrollLeft + obSize.innerWidth/2 - this.div.offsetWidth/2);
var top = parseInt(obSize.scrollTop + obSize.innerHeight/2 - this.div.offsetHeight/2);
jsFloatDiv.Show(this.div, left, top);
jsUtils.onCustomEvent('onTreeSearchShow', {div: this.div});
jsUtils.onCustomEvent('onTreeSearchShow', {div: this.div});
BX.bind(document, "keypress", this._onkeypress);
};
this.CloseDialog = function()
{
BX.unbind(document, "keypress", this._onkeypress);
jsUtils.onCustomEvent('onTreeSearchClose', {div: this.div});
this._div = null;
jsFloatDiv.Close(this.div);
this.div.parentNode.removeChild(this.div);
this.div = null;
};
this.LoadSection = function(SECTION_ID, bShowOnly, bScrollToSection)
{
if (null == bShowOnly) bShowOnly = false;
if (null == bScrollToSection) bScrollToSection = false;
SECTION_ID = parseInt(SECTION_ID);
var obSection = document.getElementById('mts_section_' + SECTION_ID);
if (null == obSection.BX_LOADED)
{
var url = this.arParams.AJAX_PAGE+'?MODE=section&win_id=' + this.arParams.WIN.id + '&SECTION_ID=' + SECTION_ID;
if (this.arParams.AJAX_PARAMS)
{
for(var param_name in this.arParams.AJAX_PARAMS)
url += '&' + param_name + '=' + encodeURIComponent(this.arParams.AJAX_PARAMS[param_name]);
}
if (bScrollToSection)
{
BX.ajax.get(url, function(data){
_this.ShowSection(data);
document.getElementById('mts_search_layout').scrollTop = document.getElementById('mts_section_' + SECTION_ID).offsetTop - 40;
});
}
else
{
BX.ajax.get(url, this.ShowSection);
}
}
else if (bScrollToSection)
{
document.getElementById('mts_search_layout').scrollTop = document.getElementById('mts_section_' + SECTION_ID).offsetTop - 40;
}
var obChildren = document.getElementById('bx_children_' + SECTION_ID);
if (bShowOnly || obChildren.style.display == 'none')
{
obSection.firstChild.className = obSection.firstChild.className.replace('mts-closed', 'mts-opened');
obChildren.style.display = 'block';
}
else
{
obSection.firstChild.className = obSection.firstChild.className.replace('mts-opened', 'mts-closed');
obChildren.style.display = 'none';
}
};
this.ElementSet = function()
{
if (!!this.arParams.SET_ALWAYS || current_selected.length > 0)
{
this.SetValue(current_selected);
this.OnSelect();
}
this.CloseDialog();
};
this.ElementSelect = function()
{
if(_this.multiple)
{
var bFound = false;
for (var i = 0; i < current_selected.length; i++)
{
if (current_selected[i] == this.BX_ID)
{
bFound = true;
break;
}
}
if (bFound)
{
this.className = 'mts-row';
current_selected = current_selected.slice(0, i).concat(current_selected.slice(i + 1));
this.firstChild.checked = false;
}
else
{
current_selected[current_selected.length] = this.BX_ID;
this.className = 'mts-row mts-selected';
this.firstChild.checked = true;
}
}
else
{
for (i = 0; i < current_selected.length; i++)
{
var row = document.getElementById('mts_' + current_selected[i]);
if(row)
{
row.className = 'mts-row';
row.firstChild.checked = false;
}
}
current_selected = [this.BX_ID];
this.className = 'mts-row mts-selected';
this.firstChild.checked = true;
}
};
this.ShowSection = function (data)
{
var DATA = [];
if (data.length > 0)
eval('DATA = ' + data);
var SECTION_ID = DATA.SECTION_ID;
var arElements = DATA.arElements;
var obSection = document.getElementById('mts_section_' + SECTION_ID);
if (!obSection.BX_LOADED)
{
obSection.BX_LOADED = true;
var obSectionDiv = document.getElementById('mts_elements_' + SECTION_ID);
if (obSectionDiv)
{
obSectionDiv.innerHTML = '';
for (var i = 0; i < arElements.length; i++)
{
_this.arTreeData[arElements[i].ID] = {
ID: arElements[i].ID,
NAME: arElements[i].NAME
};
var obUserRow = document.createElement('DIV');
obUserRow.id = 'mts_' + arElements[i].ID;
obUserRow.className = 'mts-row';
obUserRow.BX_ID = arElements[i].ID;
if (_this.multiple)
{
var obCheckbox = document.createElement('INPUT');
obCheckbox.type = 'checkbox';
obCheckbox.id = 'mts_check_' + arElements[i].ID;
obCheckbox.defaultChecked = false;
for (var j = 0; j < current_selected.length; j++)
{
if (obUserRow.BX_ID == current_selected[j])
{
obCheckbox.defaultChecked = true;
obUserRow.className += ' mts-selected';
break;
}
}
}
else
{
for (j = 0; j < current_selected.length; j++)
{
if (obUserRow.BX_ID == current_selected[j])
{
obUserRow.className += ' mts-selected';
break;
}
}
obUserRow.ondblclick = function(){ _this.ElementSet() };
}
obUserRow.onclick = _this.ElementSelect;
obUserRow.innerHTML = arElements[i].CONTENT;
if (_this.multiple)
{
obUserRow.insertBefore(obCheckbox, obUserRow.firstChild);
}
obSectionDiv.appendChild(obUserRow);
}
var obClearer = obSectionDiv.appendChild(document.createElement('DIV'));
obClearer.style.clear = 'both';
}
}
}
}