Your IP : 172.70.80.239
;(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 : {};
this.id = data.id ? data.id : '';
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);
}
//for DropdownInline without items
if (this.items.length === 0)
{
this.items.push({});
this.items[0].name = '';
this.items[0].value = '';
}
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_" + this.id,
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');
this.emit('onItemClick');
},
/**
* @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;
}
}
};
})();