Your IP : 18.219.107.243
this.BX = this.BX || {};
this.BX.Landing = this.BX.Landing || {};
(function (exports,main_core,landing_loc,landing_env,landing_main,landing_backend,landing_ui_form_menuform,landing_ui_panel_stylepanel,landing_menu_menuitem) {
'use strict';
function buildTree(root, selector) {
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
var depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
return babelHelpers.toConsumableArray(root.querySelectorAll(selector)).filter(function (element) {
return element.parentElement.closest(selector) === parent;
}).map(function (element) {
var newDepth = depth + 1;
return {
layout: element,
children: buildTree(element, selector, element, newDepth),
depth: depth
};
});
}
function makeFlatTree(tree) {
var acc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
tree.forEach(function (item) {
acc.push(item);
makeFlatTree(item.children, acc);
});
return acc;
}
function getNodeClass(type) {
if (type === 'link') {
return BX.Landing.Node.Link;
}
if (type === 'img') {
return BX.Landing.Node.Img;
}
if (type === 'icon') {
return BX.Landing.Node.Icon;
}
if (type === 'embed') {
return BX.Landing.Node.Embed;
}
if (type === 'map') {
return BX.Landing.Node.Map;
}
if (type === 'component') {
return BX.Landing.Node.Component;
}
return BX.Landing.Node.Text;
}
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
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; }
/**
* @memberOf BX.Landing.Menu
*/
var Menu = /*#__PURE__*/function (_Event$EventEmitter) {
babelHelpers.inherits(Menu, _Event$EventEmitter);
function Menu() {
var _this;
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
babelHelpers.classCallCheck(this, Menu);
_this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(Menu).call(this, options));
_this.setEventNamespace('BX.Landing.Menu.Menu');
_this.code = options.code;
_this.root = options.root;
_this.block = options.block;
_this.manifest = Object.freeze(_objectSpread({}, options.manifest));
_this.cache = new main_core.Cache.MemoryCache();
if (landing_env.Env.getInstance().getType() === 'KNOWLEDGE' || landing_env.Env.getInstance().getType() === 'GROUP') {
if (main_core.Dom.hasClass(_this.root.nextElementSibling, 'landing-menu-add')) {
main_core.Dom.remove(_this.root.nextElementSibling);
}
main_core.Dom.addClass(_this.root, 'landing-menu-root-list');
main_core.Dom.insertAfter(_this.getAddPageLayout(), _this.root);
}
main_core.Event.bind(_this.root, 'click', function (event) {
if (!landing_ui_panel_stylepanel.StylePanel.getInstance().isShown() && event.target.nodeName === 'A') {
event.preventDefault();
var href = main_core.Dom.attr(event.target, 'href');
var hrefPagePrefix = 'page:';
if (href.startsWith(hrefPagePrefix)) {
href = href.replace(hrefPagePrefix, '');
}
if (href.startsWith('#landing')) {
var pageId = main_core.Text.toNumber(href.replace('#landing', ''));
_this.reloadPage(pageId);
}
}
});
return _this;
}
babelHelpers.createClass(Menu, [{
key: "createMenuItem",
value: function createMenuItem(options) {
var _this2 = this;
var nodes = new BX.Landing.Collection.NodeCollection();
Object.entries(this.manifest.nodes).forEach(function (_ref) {
var _ref2 = babelHelpers.slicedToArray(_ref, 2),
code = _ref2[0],
nodeManifest = _ref2[1];
var nodeElements = babelHelpers.toConsumableArray(options.layout.querySelectorAll(code)).filter(function (nodeElement) {
var elementParent = nodeElement.closest(_this2.manifest.item);
return elementParent === options.layout;
});
if (nodeElements.length > 0) {
var NodeClass = getNodeClass(nodeManifest.type);
nodeElements.forEach(function (nodeElement) {
nodes.push(new NodeClass({
node: nodeElement,
manifest: _objectSpread(_objectSpread({}, nodeManifest), {}, {
allowInlineEdit: false,
menuMode: true
})
}));
});
}
});
return new landing_menu_menuitem.MenuItem({
layout: options.layout,
children: options.children.map(function (itemOptions, index) {
return _this2.createMenuItem(_objectSpread(_objectSpread({}, itemOptions), {}, {
index: index
}));
}),
selector: "".concat(this.manifest.item, "@").concat(options.index),
depth: options.depth,
nodes: nodes
});
}
}, {
key: "getTree",
value: function getTree() {
var _this3 = this;
var item = this.manifest.item;
return buildTree(this.root, item).map(function (options, index) {
return _this3.createMenuItem(_objectSpread(_objectSpread({}, options), {}, {
index: index
}));
});
}
}, {
key: "getFlatTree",
value: function getFlatTree() {
return makeFlatTree(this.getTree());
}
}, {
key: "getForm",
value: function getForm() {
return new landing_ui_form_menuform.MenuForm({
title: landing_loc.Loc.getMessage('LANDING_MENU_TITLE'),
type: 'menu',
code: this.code,
forms: this.getFlatTree().map(function (item) {
return item.getForm();
})
});
}
}, {
key: "getAddPageButton",
value: function getAddPageButton() {
var _this4 = this;
return this.cache.remember('addPageButton', function () {
return main_core.Tag.render(_templateObject || (_templateObject = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<button \n\t\t\t\t\tclass=\"ui-btn ui-btn-light-border ui-btn-icon-add ui-btn-round landing-ui-menu-add-button\"\n\t\t\t\t\tonclick=\"", "\"\n\t\t\t\t\t>\n\t\t\t\t\t", "\n\t\t\t\t</button>\n\t\t\t"])), _this4.onAddPageButtonClick.bind(_this4), landing_loc.Loc.getMessage('LANDING_MENU_CREATE_NEW_PAGE'));
});
}
}, {
key: "onAddPageTextInputKeydown",
value: function onAddPageTextInputKeydown(event) {
if (event.keyCode === 13) {
this.addPage();
}
}
}, {
key: "addPage",
value: function addPage() {
var _this5 = this;
var input = this.getAddPageInput();
var value = input.value;
input.value = '';
input.focus();
if (main_core.Type.isStringFilled(value)) {
var code = BX.translit(value, {
change_case: 'L',
replace_space: '-',
replace_other: ''
});
var backend = landing_backend.Backend.getInstance();
backend.createPage({
title: value,
menuCode: this.code,
blockId: this.block,
code: code
}).then(function (id) {
var li = _this5.createLi({
text: value,
href: "#landing".concat(id),
target: '_self',
children: []
});
main_core.Dom.append(li, _this5.root);
main_core.Dom.remove(_this5.getAddPageField());
main_core.Dom.removeClass(_this5.root, 'landing-menu-root-list-with-field');
main_core.Dom.removeClass(_this5.getAddPageLayout(), 'landing-menu-add-with-background');
_this5.reloadPage(id);
});
}
} // eslint-disable-next-line class-methods-use-this
}, {
key: "reloadPage",
value: function reloadPage(id) {
var main = landing_main.Main.getInstance();
var url = landing_env.Env.getInstance().getLandingEditorUrl({
landing: id
});
void main.reloadSlider(url);
}
}, {
key: "getAddPageInput",
value: function getAddPageInput() {
var _this6 = this;
return this.cache.remember('addPageTextInput', function () {
return main_core.Tag.render(_templateObject2 || (_templateObject2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<input \n\t\t\t\t\ttype=\"text\" \n\t\t\t\t\tclass=\"landing-menu-add-field-input\"\n\t\t\t\t\tplaceholder=\"", "\"\n\t\t\t\t\tonkeydown=\"", "\"\n\t\t\t\t\t>\n\t\t\t"])), landing_loc.Loc.getMessage('LANDING_MENU_CREATE_NEW_PAGE'), _this6.onAddPageTextInputKeydown.bind(_this6));
});
}
}, {
key: "onAddPageInputCloseButtonClick",
value: function onAddPageInputCloseButtonClick(event) {
event.preventDefault();
var input = this.getAddPageInput();
input.value = '';
main_core.Dom.removeClass(this.root, 'landing-menu-root-list-with-field');
main_core.Dom.removeClass(this.getAddPageLayout(), 'landing-menu-add-with-background');
main_core.Dom.remove(this.getAddPageField());
main_core.Dom.append(this.getAddPageButton(), this.getAddPageLayout());
}
}, {
key: "getAddPageInputCloseButton",
value: function getAddPageInputCloseButton() {
var _this7 = this;
return this.cache.remember('addPageInputCloseButton', function () {
return main_core.Tag.render(_templateObject3 || (_templateObject3 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<span \n\t\t\t\t\tclass=\"landing-menu-add-field-close\"\n\t\t\t\t\tonclick=\"", "\"\n\t\t\t\t\ttitle=\"", "\"\n\t\t\t\t\t>\n\t\t\t\t</span>\n\t\t\t"])), _this7.onAddPageInputCloseButtonClick.bind(_this7), landing_loc.Loc.getMessage('LANDING_MENU_CLOSE_BUTTON_LABEL'));
});
}
}, {
key: "getAddPageInputApplyButton",
value: function getAddPageInputApplyButton() {
var _this8 = this;
return this.cache.remember('addPageInputApplyButton', function () {
return main_core.Tag.render(_templateObject4 || (_templateObject4 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<span \n\t\t\t\t\tclass=\"landing-menu-add-field-apply\"\n\t\t\t\t\tonclick=\"", "\"\n\t\t\t\t\ttitle=\"", "\"\n\t\t\t\t\t>\n\t\t\t\t</span>\n\t\t\t"])), _this8.onAddPageInputApplyButtonClick.bind(_this8), landing_loc.Loc.getMessage('LANDING_MENU_APPLY_BUTTON_LABEL'));
});
}
}, {
key: "onAddPageInputApplyButtonClick",
value: function onAddPageInputApplyButtonClick(event) {
event.preventDefault();
this.addPage();
}
}, {
key: "getAddPageField",
value: function getAddPageField() {
var _this9 = this;
return this.cache.remember('addPageInput', function () {
return main_core.Tag.render(_templateObject5 || (_templateObject5 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"landing-menu-add-field\">\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"])), _this9.getAddPageInput(), _this9.getAddPageInputApplyButton(), _this9.getAddPageInputCloseButton());
});
}
}, {
key: "getAddPageLayout",
value: function getAddPageLayout() {
var _this10 = this;
return this.cache.remember('addPageLayout', function () {
return main_core.Tag.render(_templateObject6 || (_templateObject6 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"landing-menu-add\">\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"])), _this10.getAddPageButton());
});
}
}, {
key: "onAddPageButtonClick",
value: function onAddPageButtonClick(event) {
event.preventDefault();
main_core.Dom.addClass(this.root, 'landing-menu-root-list-with-field');
main_core.Dom.addClass(this.getAddPageLayout(), 'landing-menu-add-with-background');
main_core.Dom.prepend(this.getAddPageField(), this.getAddPageLayout());
main_core.Dom.remove(this.getAddPageButton());
this.getAddPageInput().focus();
}
}, {
key: "createList",
value: function createList(items) {
var _this11 = this;
var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'root';
var ulClassName = this.manifest[type].ulClassName;
return main_core.Tag.render(_templateObject7 || (_templateObject7 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t<ul class=\"", "\">", "</ul>\n\t\t"])), ulClassName, items.map(function (item) {
return _this11.createLi(item, type);
}));
}
}, {
key: "createA",
value: function createA(item) {
var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'root';
var aClassName = this.manifest[type].aClassName;
return main_core.Tag.render(_templateObject8 || (_templateObject8 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t<a class=\"", "\" href=\"", "\" target=\"", "\">", "</a>\n\t\t"])), aClassName, item.href, item.target, main_core.Text.encode(item.text));
}
}, {
key: "createLi",
value: function createLi(item) {
var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'root';
var liClassName = this.manifest[type].liClassName;
return main_core.Tag.render(_templateObject9 || (_templateObject9 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t<li class=\"", "\">\n\t\t\t\t", "\n\t\t\t\t", "\n\t\t\t</li>\n\t\t"])), liClassName, this.createA(item, type), item.children ? this.createList(item.children, 'children') : undefined);
}
}, {
key: "rebuild",
value: function rebuild(items) {
var newList = this.createList(items);
main_core.Dom.replace(this.root, newList);
this.root = newList;
}
}]);
return Menu;
}(main_core.Event.EventEmitter);
exports.Menu = Menu;
}((this.BX.Landing.Menu = this.BX.Landing.Menu || {}),BX,BX.Landing,BX.Landing,BX.Landing,BX.Landing,BX.Landing.UI.Form,BX.Landing.UI.Panel,BX.Landing.Menu));
//# sourceMappingURL=menu.bundle.js.map