Your IP : 216.73.216.86
;(function() {
"use strict";
BX.namespace("BX.Landing.UI.Factory");
var isFunction = BX.Landing.Utils.isFunction;
var assign = BX.Landing.Utils.assign;
BX.Landing.UI.Factory.FieldFactory = function(params)
{
this.uploadParams = params.uploadParams || {};
this.linkOptions = params.linkOptions || {};
this.selector = params.selector;
this.onChangeHandler = isFunction(params.onChange) ? params.onChange : (function() {});
this.onValueChangeHandler = isFunction(params.onValueChange) ? params.onValueChange : (function() {});
};
BX.Landing.UI.Factory.FieldFactory.prototype = {
create: function(options)
{
if (options.type === "text")
{
return new BX.Landing.UI.Field.Text({
title: options.name,
selector: this.selector,
content: options.value,
placeholder: options.placeholder,
description: options.description,
textOnly: options.textOnly || true,
onInput: options.onInput,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "date")
{
return new BX.Landing.UI.Field.Date({
title: options.name,
selector: this.selector,
content: options.value,
placeholder: options.placeholder,
description: options.description,
textOnly: true,
onInput: options.onInput,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
time: options.time,
format: options.format,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "html")
{
return new BX.Landing.UI.Field.Html({
title: options.name,
selector: this.selector,
content: options.value,
placeholder: options.placeholder,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (!options.type || options.type === "list" || options.type === "dropdown")
{
return new BX.Landing.UI.Field.Dropdown({
title: options.name,
selector: this.selector,
items: options.items,
content: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
disabled: BX.Text.toBoolean(options.disabled),
dependency: options.dependency,
hint: options.hint
});
}
if (options.type === "image")
{
return new BX.Landing.UI.Field.Image({
title: options.name,
selector: this.selector,
content: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
uploadParams: this.uploadParams,
dimensions: options.dimensions || false,
disabled: BX.Text.toBoolean(options.disabled),
disableLink: options.disableLink || false,
});
}
if (options.type === "icon")
{
options.value = BX.Landing.Utils.isPlainObject(options.value) ? options.value : {};
return new BX.Landing.UI.Field.Icon({
title: options.name,
selector: this.selector,
content: {
type: "icon",
src: "",
alt: "",
classList: "classList" in options.value ? options.value.classList : [],
},
disableLink: options.disableLink || false,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "link")
{
return new BX.Landing.UI.Field.Link({
title: options.name,
selector: this.selector,
content: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
options: this.linkOptions,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "url")
{
options = assign({}, options, {
title: options.name,
content: options.value,
selector: this.selector,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
options: this.linkOptions,
textOnly: true,
disabled: BX.Text.toBoolean(options.disabled)
});
return new BX.Landing.UI.Field.LinkUrl(options);
}
if (options.type === "dynamic_source")
{
let items = BX.Landing.UI.Form.DynamicCardsForm.getSourceItems();
if (options.sources && BX.Type.isArray(options.sources))
{
items = items.filter(item => (options.sources.indexOf(item.value) !== -1));
}
let title = BX.Landing.Loc.getMessage('LANDING_CARDS__SOURCE_FIELD_TITLE');
if (options.title && BX.Type.isString(options.title))
{
title = options.title;
}
let stubText = '';
if (options.stubText && BX.Type.isString(options.stubText))
{
stubText = options.stubText;
}
let useLink = false;
if (options.useLink && BX.Type.isString(options.useLink))
{
useLink = BX.Text.toBoolean(options.useLink);
}
let linkType = '';
if (options.linkType && BX.Type.isString(options.linkType))
{
linkType = options.linkType;
}
let value = options.value;
if (!value)
{
const [firstItem] = items;
value = {
source: firstItem.value,
filter: firstItem.filter,
};
}
return new BX.Landing.UI.Field.SourceField({
selector: this.selector,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
title,
hideSort: options.hideSort || false,
value,
items,
stubText,
useLink,
linkType,
showValueInHeader: false,
});
}
if (options.type === "slider" || options.type === "range-slider")
{
return new BX.Landing.UI.Field.Range({
title: options.name,
selector: this.selector,
items: options.items,
content: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
frame: window,
type: options.type === "range-slider" ? "multiple" : null,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "palette")
{
return new BX.Landing.UI.Field.ColorPalette({
title: options.name,
selector: this.selector,
items: options.items,
content: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
property: options.property,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "color")
{
return new BX.Landing.UI.Field.ColorField({
title: options.name,
selector: this.selector,
contentRoot: BX.Landing.PageObject.getStylePanelContent(),
subtype: options.subtype,
// items: options.items,
content: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
// property: options.property,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "catalog-view")
{
return new BX.Landing.UI.Field.DragAndDropList({
title: options.name,
selector: this.selector,
items: options.items,
value: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
property: options.property,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "sortable-list")
{
return new BX.Landing.UI.Field.SortableList({
title: options.name,
selector: this.selector,
items: options.items,
value: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
property: options.property,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "position")
{
return new BX.Landing.UI.Field.Position({
title: options.name,
selector: this.selector,
items: options.items,
value: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
property: options.property,
mode: options.mode,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "checkbox")
{
return new BX.Landing.UI.Field.Checkbox({
title: options.name,
selector: this.selector,
items: options.items,
value: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
property: options.property,
compact: options.compact,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "radio")
{
return new BX.Landing.UI.Field.Radio({
title: options.name,
selector: this.selector,
items: options.items,
value: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
property: options.property,
compact: options.compact,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "multiselect")
{
return new BX.Landing.UI.Field.MultiSelect({
title: options.name,
selector: this.selector,
items: options.items,
value: options.value,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
property: options.property,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "filter")
{
return new BX.Landing.UI.Field.Filter({
title: options.name,
selector: this.selector,
items: options.items,
value: options.value,
html: options.html,
filterId: options.filterId,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
attrKey: options.attrKey,
property: options.property,
disabled: BX.Text.toBoolean(options.disabled)
});
}
if (options.type === "user-select")
{
return new BX.Landing.UI.Field.UserSelect({
title: options.name,
selector: this.selector,
userId: options.value ?? 0,
onChange: this.onChangeHandler,
onValueChange: this.onValueChangeHandler,
attribute: options.attribute,
});
}
}
};
})();