| Server IP : 37.220.80.31 / Your IP : 18.191.33.136 Web Server : Apache/2.4.52 (Ubuntu) System : Linux 3051455-guretool.twc1.net 5.15.0-107-generic #117-Ubuntu SMP Fri Apr 26 12:26:49 UTC 2024 x86_64 User : www-root ( 1010) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/dev.artlot24.ru/bitrix/js/landing/ui/field/ |
Upload File : |
;(function() {
"use strict";
BX.namespace("BX.Landing.UI.Field");
/**
* Implements interface for works with inline dropdown
*
* @extends {BX.Landing.UI.Field.BaseField}
* @param {object} data
* @constructor
*/
BX.Landing.UI.Field.DropdownInline = function(data)
{
this.items = "items" in data && data.items ? data.items : {};
BX.Landing.UI.Field.BaseField.apply(this, arguments);
this.setEventNamespace('BX.Landing.UI.Field.DropdownInline');
this.subscribeFromOptions(BX.Landing.UI.Component.fetchEventsFromOptions(data));
this.popup = null;
this.input.addEventListener("click", this.onInputClick.bind(this));
this.layout.classList.add("landing-ui-field-dropdown-inline");
if (BX.type.isPlainObject(this.items))
{
var keys = Object.keys(this.items);
this.items = keys.map(function(key) {
return {name: this.items[key], value: key};
}, this);
}
this.input.innerText = this.items[0].name;
this.input.dataset.value = this.items[0].value;
this.setValue(this.content, this.options.skipInitialEvent);
};
BX.Landing.UI.Field.DropdownInline.prototype = {
constructor: BX.Landing.UI.Field.DropdownInline,
__proto__: BX.Landing.UI.Field.BaseField.prototype,
onInputClick: function()
{
if (!this.popup)
{
this.popup = new BX.PopupMenuWindow({
id: this.selector+"_dropdown_popup_",
bindElement: this.input,
bindOptions: {
forceBindPosition: true
},
targetContainer: this.contentRoot,
items: this.items.map(function(item) {
return {
text: item.name,
onclick: function() {
this.onItemClick(item)
}.bind(this)
}
}, this)
});
if (!this.contentRoot)
{
this.layout.appendChild(this.popup.popupWindow.popupContainer);
}
}
this.popup.show();
if (!this.contentRoot)
{
var rect = BX.pos(this.input, this.layout);
this.popup.popupWindow.popupContainer.style.top = rect.bottom + "px";
this.popup.popupWindow.popupContainer.style.left = rect.left + "px";
}
},
closePopup: function()
{
if (this.popup)
{
this.popup.close();
}
},
onItemClick: function(item)
{
this.input.innerText = item.name;
this.input.dataset.value = item.value;
this.popup.close();
BX.fireEvent(this.input, "input");
this.emit('onChange');
},
/**
* @inheritDoc
*/
getValue: function()
{
return typeof this.input.dataset.value !== "undefined" ? this.input.dataset.value : this.items[0].value;
},
setValue: function(value, preventEvent)
{
this.items.forEach(function(item) {
if (value === item.value)
{
this.input.innerText = item.name;
this.input.dataset.value = item.value;
if (!preventEvent)
{
this.emit('onChange');
}
}
}, this);
},
setItems: function(items)
{
if (BX.type.isArray(items))
{
this.items = BX.clone(items);
this.popup = null;
this.input.innerText = this.items[0].name;
this.input.dataset.value = this.items[0].value;
}
}
};
})();