Your IP : 216.73.216.86
this.BX = this.BX || {};
this.BX.Landing = this.BX.Landing || {};
this.BX.Landing.UI = this.BX.Landing.UI || {};
(function (exports,landing_ui_form_baseform,landing_ui_collection_formcollection,landing_loc,landing_ui_panel_content,main_core,landing_ui_form_cardform,ui_draganddrop_draggable,landing_pageobject,main_core_events,landing_ui_field_textfield) {
'use strict';
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
var CardsForm = /*#__PURE__*/function (_BaseForm) {
babelHelpers.inherits(CardsForm, _BaseForm);
function CardsForm() {
var _this;
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
babelHelpers.classCallCheck(this, CardsForm);
_this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(CardsForm).call(this, options));
main_core.Dom.addClass(_this.layout, 'landing-ui-form-cards');
_this.type = 'cards';
_this.code = options.code;
_this.id = "".concat(_this.code.replace('.', ''), "-").concat(main_core.Text.getRandom());
_this.presets = options.presets;
_this.childForms = new landing_ui_collection_formcollection.FormCollection();
_this.presetForm = new landing_ui_collection_formcollection.FormCollection();
_this.sync = options.sync;
_this.forms = options.forms;
_this.wheelEventName = window.onwheel ? 'wheel' : 'mousewheel';
_this.onFormRemove = _this.onFormRemove.bind(babelHelpers.assertThisInitialized(_this));
_this.onAddCardClick = _this.onAddCardClick.bind(babelHelpers.assertThisInitialized(_this));
_this.onMouseWheel = _this.onMouseWheel.bind(babelHelpers.assertThisInitialized(_this));
_this.onDragEnd = _this.onDragEnd.bind(babelHelpers.assertThisInitialized(_this));
_this.addButton = _this.createAddButton();
_this.draggable = new ui_draganddrop_draggable.Draggable({
container: _this.body,
context: parent.window,
draggable: '.landing-ui-form-cards-item',
dragElement: '.landing-ui-form-card-item-header-drag',
type: ui_draganddrop_draggable.Draggable.MOVE,
offset: {
y: -65
}
});
_this.draggable.subscribe('end', _this.onDragEnd);
setTimeout(function () {
_this.value = _this.serialize();
});
_this.adjustLastFormState();
main_core.Dom.append(_this.addButton.layout, _this.footer);
return _this;
}
babelHelpers.createClass(CardsForm, [{
key: "createAddButton",
value: function createAddButton() {
return new BX.Landing.UI.Button.BaseButton("add-card-".concat(main_core.Text.getRandom()), {
className: 'landing-ui-card-add-button',
text: landing_loc.Loc.getMessage('LANDING_CARDS_FORM_ADD_BUTTON'),
onClick: this.onAddCardClick
});
}
}, {
key: "onFormRemove",
value: function onFormRemove(event) {
this.childForms.remove(event.getTarget());
this.sortForms();
this.adjustLastFormState();
}
}, {
key: "onDragEnd",
value: function onDragEnd() {
var _this2 = this;
// @todo: Need add sort:end event for Draggable
setTimeout(function () {
_this2.sortForms();
});
}
}, {
key: "sortForms",
value: function sortForms() {
var children = babelHelpers.toConsumableArray(this.body.children);
this.childForms.sort(function (a, b) {
var aIndex = parseInt(children.indexOf(a.wrapper));
var bIndex = parseInt(children.indexOf(b.wrapper));
return aIndex < bIndex ? -1 : 1;
});
this.childForms.forEach(function (form, index) {
var _form$selector$split = form.selector.split('@'),
_form$selector$split2 = babelHelpers.slicedToArray(_form$selector$split, 1),
code = _form$selector$split2[0];
form.selector = "".concat(code, "@").concat(index);
});
}
}, {
key: "addChildForm",
value: function addChildForm(form) {
this.childForms.add(form);
form.subscribe('onRemove', this.onFormRemove);
main_core.Dom.append(form.wrapper, this.body);
this.adjustLastFormState();
}
}, {
key: "addPresetForm",
value: function addPresetForm(form) {
this.presetForm.add(form);
form.wrapper.hidden = true;
main_core.Dom.append(form.wrapper, this.body);
this.adjustLastFormState();
}
}, {
key: "onAddCardClick",
value: function onAddCardClick() {
if (main_core.Type.isPlainObject(this.presets) && Object.keys(this.presets).length > 0) {
this.showPresetsPopup();
} else {
this.addEmptyCard();
}
}
}, {
key: "onPresetItemClick",
value: function onPresetItemClick(presetId) {
var preset = this.presets[presetId];
var newForm = this.presetForm.find(function (form) {
return form.preset.id === presetId;
}).clone();
newForm.selector = "".concat(newForm.selector.split('@')[0], "@").concat(this.childForms.length);
newForm.oldIndex = this.childForms.length;
newForm.preset = main_core.Runtime.clone(preset);
newForm.preset.id = presetId;
this.addChildForm(newForm);
this.adjustLastFormState();
this.popup.close();
if (main_core.Type.isPlainObject(preset.values)) {
newForm.fields.forEach(function (field) {
var code = field.selector.split('@')[0];
if (code in preset.values) {
field.setValue(preset.values[code]);
if (field instanceof landing_ui_field_textfield.TextField) {
BX.fireEvent(field.input, 'input');
}
}
if (main_core.Type.isArray(preset.disallow)) {
var isDisallow = !!preset.disallow.find(function (fieldCode) {
return code === fieldCode;
});
if (isDisallow) {
field.layout.hidden = true;
}
}
});
}
}
}, {
key: "showPresetsPopup",
value: function showPresetsPopup() {
var _this3 = this;
if (this.popup) {
CardsForm.popups.map(function (popup) {
popup.popupWindow.close();
popup.popupWindow.destroy();
});
}
this.popup = new BX.PopupMenuWindow({
id: 'cards_list_' + main_core.Text.getRandom(),
bindElement: this.addButton.layout,
items: Object.keys(this.presets).map(function (preset) {
return {
html: _this3.presets[preset].name,
className: 'landing-ui-form-cards-preset-popup-item menu-popup-no-icon',
onclick: _this3.onPresetItemClick.bind(_this3, preset)
};
}),
autoHide: true,
maxHeight: 176,
minHeight: 87
});
CardsForm.popups.push(this.popup);
main_core.Event.bind(this.popup.popupWindow.popupContainer, 'mouseover', this.onMouseOver.bind(this));
main_core.Event.bind(this.popup.popupWindow.popupContainer, 'mouseleave', this.onMouseLeave.bind(this));
var rootWindow = landing_pageobject.PageObject.getRootWindow();
main_core.Event.bind(rootWindow.document, 'click', this.onDocumentClick.bind(this));
main_core.Dom.append(this.popup.popupWindow.popupContainer, this.addButton.layout.closest('.landing-ui-panel-content-body-content'));
this.popup.popupWindow.show();
this.adjustPopupPosition();
}
}, {
key: "onMouseOver",
value: function onMouseOver() {
var container = this.popup.popupWindow.getPopupContainer();
main_core.Event.bind(container, this.wheelEventName, this.onMouseWheel, true);
main_core.Event.bind(container, 'touchmove', this.onMouseWheel, true);
}
}, {
key: "onMouseLeave",
value: function onMouseLeave() {
var container = this.popup.popupWindow.getPopupContainer();
main_core.Event.unbind(container, this.wheelEventName, this.onMouseWheel, true);
main_core.Event.unbind(container, 'touchmove', this.onMouseWheel, true);
}
}, {
key: "onMouseWheel",
value: function onMouseWheel(event) {
var _this4 = this;
event.stopPropagation();
event.preventDefault();
var delta = landing_ui_panel_content.Content.getDeltaFromEvent(event);
var _this$popup$popupWind = this.popup.popupWindow.getContentContainer(),
scrollTop = _this$popup$popupWind.scrollTop;
requestAnimationFrame(function () {
_this4.popup.popupWindow.contentContainer.scrollTop = scrollTop - delta.y;
});
}
}, {
key: "onDocumentClick",
value: function onDocumentClick(event) {
if (this.popup.popupWindow && !main_core.Dom.hasClass(event.target, 'landing-ui-button-text') && !main_core.Dom.hasClass(event.target, 'landing-ui-card-add-button')) {
this.popup.popupWindow.close();
}
}
}, {
key: "adjustPopupPosition",
value: function adjustPopupPosition() {
var _this5 = this;
if (this.popup.popupWindow) {
requestAnimationFrame(function () {
var offsetParent = _this5.addButton.layout.closest('.landing-ui-panel-content-body-content');
var buttonTop = BX.Landing.Utils.offsetTop(_this5.addButton.layout, offsetParent);
var buttonLeft = BX.Landing.Utils.offsetLeft(_this5.addButton.layout, offsetParent);
var buttonRect = _this5.addButton.layout.getBoundingClientRect();
var popupRect = _this5.popup.popupWindow.popupContainer.getBoundingClientRect();
var yOffset = 14;
_this5.popup.popupWindow.popupContainer.style.top = "".concat(buttonTop + buttonRect.height + yOffset, "px");
_this5.popup.popupWindow.popupContainer.style.left = "".concat(buttonLeft - popupRect.width / 2 + buttonRect.width / 2, "px");
_this5.popup.popupWindow.setAngle({
offset: 83,
position: 'top'
});
});
}
}
}, {
key: "addEmptyCard",
value: function addEmptyCard() {
var newData = main_core.Runtime.clone(this.childForms[0].data);
var newSelector = "".concat(newData.selector.split('@')[0], "@").concat(this.childForms.length);
newData.selector = newSelector;
var newForm = this.childForms[0].clone(newData);
newForm.oldIndex = this.childForms.length;
newForm.selector = newSelector;
newForm.fields.forEach(function (field) {
return field.reset();
});
this.addChildForm(newForm);
this.adjustLastFormState();
}
}, {
key: "getVisibleForms",
value: function getVisibleForms() {
return babelHelpers.toConsumableArray(this.body.children).filter(function (item) {
return !item.hidden;
});
}
}, {
key: "adjustLastFormState",
value: function adjustLastFormState() {
var visibleItems = this.getVisibleForms();
if (visibleItems.length === 1) {
main_core.Dom.addClass(visibleItems[0], 'landing-ui-disallow-remove');
return;
}
babelHelpers.toConsumableArray(visibleItems).forEach(function (item) {
main_core.Dom.removeClass(item, 'landing-ui-disallow-remove');
});
}
}, {
key: "serialize",
value: function serialize() {
return this.childForms.map(function (form) {
return form.serialize();
});
}
/**
* Gets indexes map
* @return {Object}
*/
}, {
key: "getIndexesMap",
value: function getIndexesMap() {
return this.childForms.reduce(function (acc, form, index) {
return _objectSpread(_objectSpread({}, acc), {}, babelHelpers.defineProperty({}, index, form.oldIndex));
}, {});
}
}, {
key: "getUsedPresets",
value: function getUsedPresets() {
return this.childForms.reduce(function (acc, form) {
if (main_core.Type.isPlainObject(form.preset)) {
var _form$selector$split3 = form.selector.split('@'),
_form$selector$split4 = babelHelpers.slicedToArray(_form$selector$split3, 2),
index = _form$selector$split4[1];
acc[index] = form.preset.id;
}
return acc;
}, {});
}
}, {
key: "isChanged",
value: function isChanged() {
return JSON.stringify(this.value) !== JSON.stringify(this.serialize());
}
}]);
return CardsForm;
}(landing_ui_form_baseform.BaseForm);
babelHelpers.defineProperty(CardsForm, "popups", []);
exports.CardsForm = CardsForm;
}((this.BX.Landing.UI.Form = this.BX.Landing.UI.Form || {}),BX.Landing.UI.Form,BX.Landing.UI.Collection,BX.Landing,BX.Landing.UI.Panel,BX,BX.Landing.UI.Form,BX.UI.DragAndDrop,BX.Landing,BX.Event,BX.Landing.UI.Field));
//# sourceMappingURL=cardsform.bundle.js.map