| Server IP : 37.220.80.31 / Your IP : 3.149.247.223 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/settingsform/designpreview/dist/ |
Upload File : |
this.BX = this.BX || {};
this.BX.Landing = this.BX.Landing || {};
(function (exports,main_core,main_core_events) {
'use strict';
var Control = /*#__PURE__*/function () {
function Control(node) {
babelHelpers.classCallCheck(this, Control);
this.node = node;
return this;
}
babelHelpers.createClass(Control, [{
key: "setParent",
value: function setParent(parent) {
this.parent = parent;
return this;
}
}, {
key: "setDefaultValue",
value: function setDefaultValue(defaultValue) {
this.defaultValue = defaultValue;
return this;
}
}, {
key: "setChangeHandler",
value: function setChangeHandler(onChange) {
main_core.Event.bind(this.node, "change", onChange);
}
}, {
key: "setClickHandler",
value: function setClickHandler(onClick) {
main_core.Event.bind(this.node, "click", onClick);
}
}, {
key: "getValue",
value: function getValue() {
return this.parent && this.parent.getValue() !== true ? this.defaultValue : this.getValueInternal();
}
/**
* @private
*/
}, {
key: "getValueInternal",
value: function getValueInternal() {
//if(this.node.type === 'checkbox')
//{
// return this.node.checked;
//}
//return this.node.value;
return this.node;
}
}]);
return Control;
}();
function _templateObject() {
var data = babelHelpers.taggedTemplateLiteral(["\n\t\t\t<div class=\"landing-design-preview-wrap\">\n\t\t\t\t<div class=\"landing-design-preview\">\n\t\t\t\t\t<h2 class=\"landing-design-preview-title\">", "</h2>\n\t\t\t\t\t<h4 class=\"landing-design-preview-subtitle\">", "</h4>\n\t\t\t\t\t<p class=\"landing-design-preview-text\">\n\t\t\t\t\t\t", "\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class=\"landing-design-preview-text\">\n\t\t\t\t\t\t", "\n\t\t\t\t\t</p>\n\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t<a href=\"#\" class=\"landing-design-preview-button\">", "</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
var DesignPreview = /*#__PURE__*/function (_EventEmitter) {
babelHelpers.inherits(DesignPreview, _EventEmitter);
function DesignPreview(form) {
var _this;
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var phrase = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
babelHelpers.classCallCheck(this, DesignPreview);
_this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(DesignPreview).call(this));
_this.setEventNamespace('BX.Landing.SettingsForm.DesignPreview');
_this.form = form;
_this.phrase = phrase;
_this.initControls(options);
_this.initLayout();
_this.applyStyles();
_this.onApplyStyles = _this.applyStyles.bind(babelHelpers.assertThisInitialized(_this));
return _this;
}
babelHelpers.createClass(DesignPreview, [{
key: "initLayout",
value: function initLayout() {
var _this2 = this;
this.layout = DesignPreview.createLayout(this.phrase);
this.styleNode = document.createElement("style");
main_core.Dom.append(this.styleNode, this.layout);
main_core.Dom.append(this.layout, this.form);
var paramsObserver = {
threshold: 1
};
var observer = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
var availableHeight = document.documentElement.clientHeight - DesignPreview.HEIGHT_PAGE_TITLE_WRAP;
if (entry.target.getBoundingClientRect().height <= availableHeight) {
if (entry.isIntersecting) {
if (!_this2.hasOwnProperty('defaultIntersecting')) {
_this2.defaultIntersecting = true;
}
if (_this2.defaultIntersecting) {
_this2.unFixElement();
}
} else {
if (!_this2.hasOwnProperty('defaultIntersecting')) {
_this2.defaultIntersecting = false;
}
if (_this2.defaultIntersecting) {
_this2.fixElement();
}
}
}
});
}, paramsObserver);
var elementDesignPreview = document.querySelector('.landing-design-preview-wrap');
observer.observe(elementDesignPreview);
}
}, {
key: "initControls",
value: function initControls(options) {
this.controls = {};
for (var group in options) {
if (!options.hasOwnProperty(group)) {
continue;
}
for (var key in options[group]) {
if (!options[group].hasOwnProperty(key)) {
continue;
}
if (!this.controls[group]) {
this.controls[group] = {};
}
var control = new Control(options[group][key]['control']);
control.setChangeHandler(this.applyStyles.bind(this));
if (group === 'theme' && key !== 'use') {
control.setClickHandler(this.applyStyles.bind(this));
}
if (group === 'background' && key === 'field') {
control.setClickHandler(this.applyStyles.bind(this));
}
this.controls[group][key] = control;
}
} // parents and default
for (var _group in this.controls) {
if (!this.controls.hasOwnProperty(_group)) {
continue;
}
for (var _key in this.controls[_group]) {
if (!this.controls[_group].hasOwnProperty(_key)) {
continue;
}
if (_key !== 'use' && this.controls[_group]['use']) {
this.controls[_group][_key].setParent(this.controls[_group]['use']);
if (options[_group][_key]['defaultValue']) {
this.controls[_group][_key].setDefaultValue(options[_group][_key]['defaultValue']);
}
}
}
}
if (this.controls.theme.corporateColor.node) {
this.controls.theme.corporateColor.node.subscribe('onSelectColor', this.onApplyStyles.bind(this));
}
if (this.controls.background.image.node) {
this.controls.background.image.node.subscribe('change', this.onApplyStyles.bind(this));
}
if (this.controls.typo.textColor.node) {
main_core_events.EventEmitter.subscribe(this.controls.typo.textColor.node, 'BX.Landing.ColorPicker:onSelectColor', this.onApplyStyles.bind(this));
main_core_events.EventEmitter.subscribe(this.controls.typo.textColor.node, 'BX.Landing.ColorPicker:onClearColorPicker', this.onApplyStyles.bind(this));
}
if (this.controls.typo.hColor.node) {
main_core_events.EventEmitter.subscribe(this.controls.typo.hColor.node, 'BX.Landing.ColorPicker:onSelectColor', this.onApplyStyles.bind(this));
main_core_events.EventEmitter.subscribe(this.controls.typo.hColor.node, 'BX.Landing.ColorPicker:onClearColorPicker', this.onApplyStyles.bind(this));
}
if (this.controls.background.color.node) {
main_core_events.EventEmitter.subscribe(this.controls.background.color.node, 'BX.Landing.ColorPicker:onSelectColor', this.onApplyStyles.bind(this));
main_core_events.EventEmitter.subscribe(this.controls.background.color.node, 'BX.Landing.ColorPicker:onClearColorPicker', this.onApplyStyles.bind(this));
}
this.panel = BX.Landing.UI.Panel.GoogleFonts.getInstance();
main_core.Dom.append(this.panel.layout, document.body);
var fieldCode = this.controls.typo.textFont.node;
var fieldCodeH = this.controls.typo.hFont.node;
if (fieldCode && fieldCodeH) {
fieldCode.setAttribute("value", this.convertFont(fieldCode.value));
fieldCodeH.setAttribute("value", this.convertFont(fieldCodeH.value));
main_core.Event.bind(fieldCode, 'click', this.onCodeClick.bind(this));
main_core.Event.bind(fieldCodeH, 'click', this.onCodeClick.bind(this));
}
}
}, {
key: "onCodeClick",
value: function onCodeClick(event) {
var _this3 = this;
this.panel.show({
hideOverlay: true,
context: window
}).then(function (font) {
var element = event.target;
element.setAttribute("value", font.family);
_this3.onApplyStyles();
});
}
}, {
key: "onApplyStyles",
value: function onApplyStyles() {
this.applyStyles();
}
}, {
key: "applyStyles",
value: function applyStyles() {
this.styleNode.innerHTML = this.generateCss();
}
}, {
key: "generateSelectorStart",
value: function generateSelectorStart(className) {
return '.' + className + ' {';
}
}, {
key: "generateSelectorEnd",
value: function generateSelectorEnd(selector) {
return selector + ' }';
}
}, {
key: "getCSSPart1",
value: function getCSSPart1(css) {
var colorPrimary;
var setColors = this.controls.theme.baseColors.node;
var colorPickerElement;
if (this.controls.theme.corporateColor.node) {
colorPickerElement = this.controls.theme.corporateColor.node.element;
}
var activeColorNode;
if (setColors) {
activeColorNode = setColors.querySelector('.active');
}
var isActiveColorPickerElement;
if (colorPickerElement) {
isActiveColorPickerElement = colorPickerElement.classList.contains('active');
}
if (activeColorNode) {
colorPrimary = activeColorNode.dataset.value;
}
if (isActiveColorPickerElement) {
colorPrimary = colorPickerElement.dataset.value;
} //for 'design page', if use not checked, use color from 'design site'
if (this.controls.theme.use.node) {
if (this.controls.theme.use.node.checked === false) {
colorPrimary = this.controls.theme.corporateColor.defaultValue;
}
}
if (colorPrimary) {
if (colorPrimary[0] !== '#') {
colorPrimary = '#' + colorPrimary;
}
css += "--design-preview-primary: ".concat(colorPrimary, ";");
}
return css;
}
}, {
key: "getCSSPart2",
value: function getCSSPart2(css) {
var textColor;
var textFont;
var hFont;
var textSize;
var fontWeight;
var fontLineHeight;
var hColor;
var hWeight;
if (this.controls.typo.textColor.node) {
textColor = this.controls.typo.textColor.node.input.value;
}
if (this.controls.typo.textFont.node) {
textFont = this.controls.typo.textFont.node.value;
}
if (this.controls.typo.hFont.node) {
hFont = this.controls.typo.hFont.node.value;
}
if (this.controls.typo.textSize.node) {
textSize = Math.round(this.controls.typo.textSize.node.value * DesignPreview.DEFAULT_FONT_SIZE) + 'px';
}
if (this.controls.typo.textWeight.node) {
fontWeight = this.controls.typo.textWeight.node.value;
}
if (this.controls.typo.textLineHeight.node) {
fontLineHeight = this.controls.typo.textLineHeight.node.value;
}
if (this.controls.typo.hColor.node) {
hColor = this.controls.typo.hColor.node.input.value;
}
if (this.controls.typo.hWeight.node) {
hWeight = this.controls.typo.hWeight.node.value;
}
if (this.controls.typo.use.node) {
if (this.controls.typo.use.node.checked === false) {
textColor = this.controls.typo.textColor.defaultValue;
textFont = this.controls.typo.textFont.defaultValue;
hFont = this.controls.typo.hFont.defaultValue;
textSize = Math.round(this.controls.typo.textSize.defaultValue * DesignPreview.DEFAULT_FONT_SIZE) + 'px';
fontWeight = this.controls.typo.textWeight.defaultValue;
fontLineHeight = this.controls.typo.textLineHeight.defaultValue;
hColor = this.controls.typo.hColor.defaultValue;
hWeight = this.controls.typo.hWeight.defaultValue;
}
}
var link;
var linkH;
if (textFont) {
link = this.createLink(textFont);
main_core.Dom.append(link, this.form);
}
if (hFont) {
linkH = this.createLink(hFont);
main_core.Dom.append(linkH, this.form);
}
css += "--design-preview-color: ".concat(textColor, ";");
css += "--design-preview-font-theme: ".concat(textFont, ";");
css += "--design-preview-font-size: ".concat(textSize, ";");
css += "--design-preview-font-weight: ".concat(fontWeight, ";");
css += "--design-preview-line-height: ".concat(fontLineHeight, ";");
if (hColor) {
css += "--design-preview-color-h: ".concat(hColor, ";");
} else {
css += "--design-preview-color-h: ".concat(textColor, ";");
}
if (hWeight) {
css += "--design-preview-font-weight-h: ".concat(hWeight, ";");
} else {
css += "--design-preview-font-weight-h: ".concat(fontWeight, ";");
}
if (this.controls.typo.hFont.node) {
css += "--design-preview-font-h-theme: ".concat(hFont, ";");
} else {
css += "--design-preview-font-h-theme: ".concat(textFont, ";");
}
return css;
}
}, {
key: "createLink",
value: function createLink(font) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://fonts.googleapis.com/css2?family=';
link.href += font.replace(' ', '+');
link.href += ':wght@100;200;300;400;500;600;700;800;900';
return link;
}
}, {
key: "getCSSPart3",
value: function getCSSPart3(css) {
var bgColor = this.controls.background.color.node.input.value;
var bgFieldNode = this.controls.background.field.node;
var bgPictureElement = bgFieldNode.getElementsByClassName('landing-ui-field-image-hidden');
var bgPicture = bgPictureElement[0].getAttribute('src');
var bgPosition = this.controls.background.position.node.value;
if (this.controls.background.use.node.checked === true) {
css += "--design-preview-bg: ".concat(bgColor, ";");
} else {
bgPicture = '';
if (this.controls.background.useSite) {
if (this.controls.background.useSite.defaultValue === 'Y') {
bgColor = this.controls.background.color.defaultValue;
bgPicture = this.controls.background.field.defaultValue;
bgPosition = this.controls.background.position.defaultValue;
css += "--design-preview-bg: ".concat(bgColor, ";");
}
}
}
if (this.controls.background.position) {
if (bgPosition === 'center') {
css += "background-image: url(".concat(bgPicture, ");");
css += "background-attachment: scroll;";
css += "background-position: center;";
css += "background-repeat: no-repeat;";
css += "background-size: cover;";
}
if (bgPosition === 'repeat') {
css += "background-image: url(".concat(bgPicture, ");");
css += "background-attachment: scroll;";
css += "background-position: center;";
css += "background-repeat: repeat;";
css += "background-size: 50%;";
}
if (bgPosition === 'center_repeat_y') {
css += "background-image: url(".concat(bgPicture, ");");
css += "background-attachment: scroll;";
css += "background-position: top;";
css += "background-repeat: repeat-y;";
css += "background-size: 100%;";
}
}
return css;
}
}, {
key: "generateCss",
value: function generateCss() {
var css;
css = this.generateSelectorStart('landing-design-preview');
css = this.getCSSPart1(css);
css = this.getCSSPart2(css);
css = this.getCSSPart3(css);
css = this.generateSelectorEnd(css);
return css;
}
}, {
key: "fixElement",
value: function fixElement() {
var paddingDesignForm = 20;
var designForm = document.querySelector('.landing-design-form');
var designFormPosition = designForm.getBoundingClientRect();
var designPreview = document.querySelector('.landing-design-preview');
var designPreviewPosition = designPreview.getBoundingClientRect();
var bodyWidth = document.body.clientWidth;
var positionFixedRight = bodyWidth - designFormPosition.right + paddingDesignForm;
var paddingDesignPreview = 25;
var designPreviewWrap = document.querySelector('.landing-design-preview-wrap');
var designPreviewWrapPosition = designPreviewWrap.getBoundingClientRect();
var maxWidth = designPreviewWrapPosition.width - paddingDesignPreview * 2;
if (designFormPosition.height > designPreviewPosition.height) {
var fixedStyle;
fixedStyle = 'position: fixed; ';
fixedStyle += 'top: 20px; ';
fixedStyle += 'margin-top: 0; ';
fixedStyle += 'right: ' + positionFixedRight + 'px;';
fixedStyle += 'max-width: ' + maxWidth + 'px;';
designPreview.setAttribute("style", fixedStyle);
}
}
}, {
key: "unFixElement",
value: function unFixElement() {
var designPreview = document.querySelector('.landing-design-preview');
designPreview.setAttribute("style", '');
}
}, {
key: "convertFont",
value: function convertFont(font) {
font = font.replace('g-font-', '');
font = font.replaceAll('-', ' ');
font = font.replace('ibm ', 'IBM ');
font = font.replace('pt ', 'PT ');
font = font.replace(/sc(?:(?![a-z]))/i, 'SC');
font = font.replace(/jp(?:(?![a-z]))/i, 'JP');
font = font.replace(/kr(?:(?![a-z]))/i, 'KR');
font = font.replace(/tc(?:(?![a-z]))/i, 'TC');
font = font.replace(/(^|\s)\S/g, function (firstSymbol) {
return firstSymbol.toUpperCase();
});
return font;
}
}], [{
key: "createLayout",
value: function createLayout(phrase) {
return main_core.Tag.render(_templateObject(), phrase.title, phrase.subtitle, phrase.text1, phrase.text2, phrase.button);
}
}]);
return DesignPreview;
}(main_core_events.EventEmitter);
babelHelpers.defineProperty(DesignPreview, "DEFAULT_FONT_SIZE", 14);
babelHelpers.defineProperty(DesignPreview, "HEIGHT_PAGE_TITLE_WRAP", 74);
exports.DesignPreview = DesignPreview;
}((this.BX.Landing.SettingsForm = this.BX.Landing.SettingsForm || {}),BX,BX.Event));
//# sourceMappingURL=designpreview.bundle.js.map