' +
@@ -438,86 +441,976 @@ function generate_dynamic_fields(frm, doctype, callback) {
'
' +
'
');
section.append(field_html);
});
-
+
container.append(section);
});
-
+
wrapper.append(container);
attachFormulaBuilderEvents(frm, fields, grouped_fields);
+ attachTriggerEditorEvents(frm, fields, grouped_fields);
frm.refresh();
if (callback) callback();
}
});
}
+
+function attachTriggerEditorEvents(frm, fields, grouped_fields) {
+ // Обработчик для кнопок открытия редактора полей изменения
+ $(frm.wrapper).on('click', '.open-trigger-editor', function() {
+ const fieldname = $(this).data('fieldname');
+ const currentTriggers = $(frm.wrapper).find(`.trigger-input[data-fieldname="${fieldname}_triggers"]`).val();
+
+ openTriggerFieldsEditor(frm, fieldname, currentTriggers, fields, grouped_fields);
+ return false;
+ });
+}
function createFormulaBuilderModal() {
- if ($("#formula_builder_modal").length) {
+if ($("#formula_builder_modal").length) {
+ return;
+}
+
+const modalHtml = `
+
+`;
+
+// Обновленные стили с поддержкой перетаскивания
+const modalStyles = `
+
+`;
+
+$('body').append(modalHtml);
+$('head').append(modalStyles);
+}
+
+function attachFormulaBuilderEvents(frm, fields, grouped_fields) {
+// Обработчик для кнопок открытия визуального редактора
+$(frm.wrapper).on('click', '.open-formula-builder', function() {
+ const fieldname = $(this).data('fieldname');
+ const isTableField = $(this).data('is-table') === true;
+ const currentFormula = $(frm.wrapper).find(`.formula-input[data-fieldname="${fieldname}"]`).val();
+
+ openFormulaBuilder(frm, fieldname, isTableField, currentFormula, fields, grouped_fields);
+ return false;
+});
+}
+
+function openFormulaBuilder(frm, targetFieldname, isTableField, currentFormula, fields, grouped_fields) {
+const $modal = $("#formula_builder_modal");
+const $resultContainer = $modal.find(".formula-result");
+
+// Очистка предыдущих обработчиков и данных
+$modal.off('click', '.field-btn');
+$resultContainer.empty();
+$modal.find(".field-groups-container").empty();
+
+// Заполняем текущую формулу, если она есть
+if (currentFormula) {
+ parseAndRenderFormula($resultContainer, currentFormula, isTableField);
+}
+
+// Заполняем панель с полями
+populateFieldsPanel($modal, frm, grouped_fields, isTableField);
+
+// Сохраняем данные о текущем поле
+$modal.data("target-field", targetFieldname);
+$modal.data("is-table-field", isTableField);
+
+// Функция добавления токена в формулу
+function addTokenToFormula(token, type) {
+if (type === 'field') {
+ let formulaText;
+
+ // Получаем группу из кнопки поля
+ const $fieldBtn = $modal.find(`.field-btn[data-fieldname="${token}"]`);
+ const group = $fieldBtn.data('group');
+
+ // Определяем тип поля и формулу
+ const fieldInfo = determineFieldType(token, group, isTableField);
+
+ if (fieldInfo.type === 'row') {
+ formulaText = `row(${fieldInfo.fieldName})`;
+ } else if (fieldInfo.type === 'sum') {
+ formulaText = `sum(${fieldInfo.fieldName})`;
+ } else {
+ formulaText = `val(${fieldInfo.fieldName})`;
+ }
+
+ const $token = $(`
${formulaText}×`);
+ $resultContainer.append($token).append(' ');
+} else if (type === 'operator') {
+ const $token = $(`
${token}×`);
+
+ $resultContainer.append($token).append(' ');
+}
+
+// Переносим курсор в конец контейнера
+setEndOfContentEditable($resultContainer[0]);
+
+// Добавляем обработчики для удаления токенов
+attachTokenEvents();
+}
+
+// Обработчики событий для токенов формулы
+function attachTokenEvents() {
+ // Удаление токена
+ $resultContainer.find('.token-remove').off('click').on('click', function(e) {
+ e.stopPropagation();
+ $(this).parent().remove();
+ });
+
+ // Перетаскивание токенов
+ $resultContainer.find('.formula-token').each(function() {
+ $(this).attr('draggable', 'true');
+
+ $(this).off('dragstart').on('dragstart', function(e) {
+ e.originalEvent.dataTransfer.setData('text/plain', JSON.stringify({
+ type: 'token',
+ value: $(this).data('value'),
+ html: $(this)[0].outerHTML
+ }));
+ window.draggedElement = this;
+ });
+ });
+}
+
+// Обработчики для кнопок операторов
+$modal.find('.operator-btn').off('click').on('click', function() {
+ const operator = $(this).data('operator');
+ addTokenToFormula(operator, 'operator');
+});
+
+// Обработчик для кнопки применения формулы
+$modal.find('.apply-formula').off('click').on('click', function() {
+ const formula = getFormulaText($resultContainer);
+ const $targetInput = $(frm.wrapper).find(`.formula-input[data-fieldname="${targetFieldname}"]`);
+ $targetInput.val(formula);
+ $modal.modal('hide');
+});
+
+// Обработчики для кнопок полей - используем делегирование событий
+$modal.on('click', '.field-btn', function() {
+ const fieldname = $(this).data('fieldname');
+ addTokenToFormula(fieldname, 'field');
+});
+
+// Показываем модальное окно
+$modal.modal('show');
+
+// Инициализируем перетаскивание
+initDragAndDrop($modal);
+
+// Настраиваем редактируемый контейнер
+setupEditableContainer($resultContainer);
+
+// Фокусируемся на редактируемом поле
+$resultContainer.focus();
+}
+
+function populateFieldsPanel($modal, frm, grouped_fields, isTableField) {
+const $container = $modal.find(".field-groups-container");
+
+Object.keys(grouped_fields).forEach(group => {
+ const $fieldGroup = $(`
+
+ `);
+
+ const $buttonsContainer = $fieldGroup.find('.field-buttons-container');
+
+ grouped_fields[group].forEach(field => {
+ // Определяем, является ли это поле таблицы или нет
+ const isField = group === "Основные поля";
+ const isThisTableField = !isField;
+
+ // Создаем кнопку поля с правильными атрибутами для drag-and-drop
+ const $fieldBtn = $(`
+
+ `);
+
+ $buttonsContainer.append($fieldBtn);
+ });
+
+ $container.append($fieldGroup);
+});
+}
+
+function initDragAndDrop($modal) {
+const $resultContainer = $modal.find(".formula-result");
+const isTableField = $modal.data('is-table-field');
+
+// Очищаем предыдущие обработчики
+$modal.find('.field-btn').off('dragstart');
+$modal.find('.operator-btn').off('dragstart');
+$resultContainer.off('dragover dragleave drop');
+
+// Настраиваем перетаскивание существующих токенов
+$resultContainer.find('.formula-token').each(function() {
+ $(this).attr('draggable', 'true');
+
+ $(this).off('dragstart').on('dragstart', function(e) {
+ // Сохраняем ссылку на текущий элемент
+ window.draggedElement = this;
+
+ // Добавляем данные для переноса
+ e.originalEvent.dataTransfer.setData('text/plain', JSON.stringify({
+ type: 'token',
+ value: $(this).data('value'),
+ html: $(this)[0].outerHTML
+ }));
+
+ // Добавляем класс перетаскивания
+ $(this).addClass('dragging');
+
+ return true;
+ });
+
+ // При завершении перетаскивания
+ $(this).off('dragend').on('dragend', function(e) {
+ $(this).removeClass('dragging');
+ window.draggedElement = null;
+ });
+});
+
+// Настраиваем перетаскивание полей из панели
+$modal.find('.field-btn').on('dragstart', function(e) {
+ const fieldname = $(this).data('fieldname');
+ const label = $(this).data('label');
+ const group = $(this).data('group');
+
+ // Проверяем принадлежность к группе
+ const isTableFieldGroup = group !== "Основные поля";
+ const fieldData = {
+ type: 'field',
+ fieldname: fieldname,
+ label: label,
+ group: group,
+ isTableField: isTableFieldGroup
+ };
+
+ e.originalEvent.dataTransfer.setData('text/plain', JSON.stringify(fieldData));
+});
+
+// Настраиваем перетаскивание операторов
+$modal.find('.operator-btn').on('dragstart', function(e) {
+ const operator = $(this).data('operator');
+
+ e.originalEvent.dataTransfer.setData('text/plain', JSON.stringify({
+ type: 'operator',
+ value: operator
+ }));
+});
+
+// Обработка dragover
+$resultContainer.on('dragover', function(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ $(this).addClass('drag-hover');
+
+ const x = e.originalEvent.clientX;
+ const y = e.originalEvent.clientY;
+
+ let position = { element: null, position: 'after' };
+
+ // Проходим по всем дочерним элементам контейнера
+ $resultContainer.contents().each(function() {
+ if (this.nodeType === Node.TEXT_NODE) return;
+
+ const rect = this.getBoundingClientRect();
+
+ // Если курсор находится над элементом
+ if (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom) {
+ position.element = this;
+
+ // Определяем, до или после элемента
+ if (x < rect.left + rect.width / 2) {
+ position.position = 'before';
+ } else {
+ position.position = 'after';
+ }
+
+ return false; // Прерываем перебор
+ }
+ });
+
+ $resultContainer.find('.drop-marker').remove();
+
+ if (position.element) {
+ const $marker = $('
');
+
+ if (position.position === 'before') {
+ $(position.element).before($marker);
+ } else {
+ $(position.element).after($marker);
+ }
+ }
+});
+
+// Обработка dragleave
+$resultContainer.on('dragleave', function(e) {
+ $(this).removeClass('drag-hover');
+ $(this).find('.drop-marker').remove();
+});
+
+// Обработка drop
+$resultContainer.on('drop', function(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ $(this).removeClass('drag-hover');
+ $(this).find('.drop-marker').remove();
+
+ try {
+ const data = JSON.parse(e.originalEvent.dataTransfer.getData('text/plain'));
+
+ const x = e.originalEvent.clientX;
+ const y = e.originalEvent.clientY;
+
+ let position = { element: null, position: 'after' };
+
+ // Находим позицию для вставки
+ $resultContainer.contents().each(function() {
+ if (this.nodeType === Node.TEXT_NODE) return;
+
+ const rect = this.getBoundingClientRect();
+
+ // Если курсор находится над элементом
+ if (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom) {
+ position.element = this;
+
+ // Определяем, до или после элемента
+ if (x < rect.left + rect.width / 2) {
+ position.position = 'before';
+ } else {
+ position.position = 'after';
+ }
+
+ return false; // Прерываем перебор
+ }
+ });
+
+ // Обработка перетаскивания существующих токенов
+ if (data.type === 'token' && window.draggedElement) {
+ const $dragged = $(window.draggedElement);
+
+ if (position.element) {
+ if (position.position === 'before') {
+ $(position.element).before($dragged);
+ $(position.element).before(' ');
+ } else {
+ $(position.element).after($dragged);
+ $(position.element).after(' ');
+ }
+ } else {
+ $resultContainer.append($dragged);
+ $resultContainer.append(' ');
+ }
+
+ window.draggedElement = null;
+ return;
+ }
+
+ // Создание нового элемента
+ let $newElement;
+
+// В обработчике drop
+if (data.type === 'field') {
+let formulaText;
+const isModalTableField = isTableField;
+
+// Определяем тип поля и формулу с помощью общей функции
+const fieldInfo = determineFieldType(data.fieldname, data.group, isModalTableField);
+
+if (fieldInfo.type === 'row') {
+ formulaText = `row(${fieldInfo.fieldName})`;
+} else if (fieldInfo.type === 'sum') {
+ formulaText = `sum(${fieldInfo.fieldName})`;
+} else {
+ formulaText = `val(${fieldInfo.fieldName})`;
+}
+
+$newElement = $(`
${formulaText}×`);
+}
+
+ // Вставляем новый элемент
+ if ($newElement) {
+ if (position.element) {
+ if (position.position === 'before') {
+ $(position.element).before($newElement);
+ $(position.element).before(' ');
+ } else {
+ $(position.element).after($newElement);
+ $(position.element).after(' ');
+ }
+ } else {
+ $resultContainer.append($newElement);
+ $resultContainer.append(' ');
+ }
+
+ // Инициализируем события для нового элемента
+ $newElement.find('.token-remove').on('click', function(e) {
+ e.stopPropagation();
+ $(this).parent().remove();
+ });
+
+ // Добавляем обработчики для перетаскивания
+ $newElement.attr('draggable', 'true');
+
+ $newElement.off('dragstart').on('dragstart', function(e) {
+ window.draggedElement = this;
+
+ e.originalEvent.dataTransfer.setData('text/plain', JSON.stringify({
+ type: 'token',
+ value: $(this).data('value'),
+ html: $(this)[0].outerHTML
+ }));
+
+ $(this).addClass('dragging');
+ return true;
+ });
+
+ $newElement.off('dragend').on('dragend', function(e) {
+ $(this).removeClass('dragging');
+ window.draggedElement = null;
+ });
+ }
+ } catch (error) {
+ console.error("Ошибка при обработке drop-события:", error);
+ }
+});}
+
+// Обновляем функцию attachFormulaBuilderEvents, чтобы сделать поля ввода редактируемыми вручную
+function attachFormulaBuilderEvents(frm, fields, grouped_fields) {
+// Сначала сделаем поля ввода формул редактируемыми
+$(frm.wrapper).find('.formula-input').prop('readonly', false);
+
+// Обработчик для кнопок открытия визуального редактора
+$(frm.wrapper).on('click', '.open-formula-builder', function() {
+ const fieldname = $(this).data('fieldname');
+ const isTableField = $(this).data('is-table') === true;
+ const currentFormula = $(frm.wrapper).find(`.formula-input[data-fieldname="${fieldname}"]`).val();
+
+ openFormulaBuilder(frm, fieldname, isTableField, currentFormula, fields, grouped_fields);
+ return false;
+});
+}
+
+function parseAndRenderFormula($container, formula, isTableField) {
+if (!formula) return;
+
+// Регулярные выражения для поиска функций и операторов
+const funcRegex = /(val|row|sum)\(([^)]+)\)/g;
+const operatorsRegex = /([+\-*/()%])/g;
+
+// Сохраняем текущую позицию
+let lastIndex = 0;
+let match;
+let formulaParts = [];
+
+// Поиск всех функций
+while ((match = funcRegex.exec(formula)) !== null) {
+ // Добавляем текст до функции
+ if (match.index > lastIndex) {
+ formulaParts.push({
+ type: 'text',
+ value: formula.substring(lastIndex, match.index)
+ });
+ }
+
+ // Добавляем функцию
+ formulaParts.push({
+ type: 'function',
+ value: match[0],
+ func: match[1],
+ param: match[2]
+ });
+
+ lastIndex = match.index + match[0].length;
+}
+
+// Добавляем оставшийся текст после последней функции
+if (lastIndex < formula.length) {
+ formulaParts.push({
+ type: 'text',
+ value: formula.substring(lastIndex)
+ });
+}
+
+// Теперь разбираем операторы в частях, которые не являются функциями
+let finalParts = [];
+formulaParts.forEach(part => {
+ if (part.type === 'function') {
+ finalParts.push(part);
+ } else if (part.type === 'text') {
+ let text = part.value;
+ lastIndex = 0;
+
+ // Сбрасываем lastIndex для operatorsRegex
+ operatorsRegex.lastIndex = 0;
+
+ // Разбираем операторы
+ while ((match = operatorsRegex.exec(text)) !== null) {
+ // Добавляем текст до оператора
+ if (match.index > lastIndex) {
+ const textBefore = text.substring(lastIndex, match.index).trim();
+ if (textBefore) {
+ finalParts.push({
+ type: 'text',
+ value: textBefore
+ });
+ }
+ }
+
+ // Добавляем оператор
+ finalParts.push({
+ type: 'operator',
+ value: match[1]
+ });
+
+ lastIndex = match.index + match[1].length;
+ }
+
+ // Добавляем оставшийся текст после последнего оператора
+ if (lastIndex < text.length) {
+ const textAfter = text.substring(lastIndex).trim();
+ if (textAfter) {
+ finalParts.push({
+ type: 'text',
+ value: textAfter
+ });
+ }
+ }
+ }
+});
+
+// Рендерим части формулы
+finalParts.forEach(part => {
+ if (part.type === 'function') {
+ const $token = $(`
${part.value}×`);
+ $container.append($token).append(' ');
+ } else if (part.type === 'operator') {
+ const $token = $(`
${part.value}×`);
+ $container.append($token).append(' ');
+ } else if (part.type === 'text') {
+ $container.append(document.createTextNode(`${part.value} `));
+ }
+});
+
+// Добавляем обработчики для удаления и перетаскивания токенов
+$container.find('.token-remove').off('click').on('click', function(e) {
+ e.stopPropagation();
+ $(this).parent().remove();
+});
+
+$container.find('.formula-token').each(function() {
+ $(this).attr('draggable', 'true');
+
+ $(this).off('dragstart').on('dragstart', function(e) {
+ e.originalEvent.dataTransfer.setData('text/plain', JSON.stringify({
+ type: 'token',
+ value: $(this).data('value'),
+ html: $(this)[0].outerHTML
+ }));
+ window.draggedElement = this;
+ });
+});
+}
+
+function getFormulaText($container) {
+// Получаем текст формулы, объединяя содержимое всех узлов
+let formula = '';
+$container.contents().each(function() {
+ if (this.nodeType === Node.TEXT_NODE) {
+ formula += this.nodeValue;
+ } else if ($(this).hasClass('formula-token')) {
+ formula += $(this).data('value');
+ }
+});
+
+// Очищаем лишние пробелы
+formula = formula.replace(/\s+/g, ' ').trim();
+
+return formula;
+}
+
+function setEndOfContentEditable(contentEditableElement) {
+let range, selection;
+
+// Создаем диапазон выделения
+range = document.createRange();
+range.selectNodeContents(contentEditableElement);
+range.collapse(false); // Перемещаем курсор в конец
+
+// Применяем выделение
+selection = window.getSelection();
+selection.removeAllRanges();
+selection.addRange(range);
+}
+
+function setupEditableContainer($container) {
+// Обработчик нажатия клавиш в контейнере формулы
+$container.off('keydown').on('keydown', function(e) {
+ // Если нажата клавиша Delete или Backspace
+ if (e.keyCode === 8 || e.keyCode === 46) {
+ const selection = window.getSelection();
+
+ // Проверяем, выделен ли токен
+ if (selection.rangeCount > 0) {
+ const range = selection.getRangeAt(0);
+
+ if (range.commonAncestorContainer.nodeType === Node.TEXT_NODE) {
+ // Текстовый узел - обычное удаление
+ return true;
+ } else {
+ // Возможно, выделен токен
+ const $selectedNode = $(range.commonAncestorContainer);
+
+ if ($selectedNode.hasClass('formula-token') || $selectedNode.parents('.formula-token').length) {
+ // Удаляем токен
+ const $token = $selectedNode.hasClass('formula-token') ?
+ $selectedNode : $selectedNode.parents('.formula-token');
+ $token.remove();
+ e.preventDefault();
+ return false;
+ }
+ }
+ }
+ }
+
+ return true;
+});
+
+// Обработчик вставки текста
+$container.off('paste').on('paste', function(e) {
+ e.preventDefault();
+
+ // Получаем вставляемый текст
+ let text = '';
+ if (e.clipboardData || e.originalEvent.clipboardData) {
+ text = (e.clipboardData || e.originalEvent.clipboardData).getData('text/plain');
+ } else if (window.clipboardData) {
+ text = window.clipboardData.getData('Text');
+ }
+
+ // Вставляем текст как обычный текст
+ if (text) {
+ document.execCommand('insertText', false, text);
+ }
+});
+}
+
+// Функция для определения типа поля (одинаковая для всех частей кода)
+function determineFieldType(fieldName, group, isInTableField) {
+// Получаем части имени поля
+const parts = fieldName.split('_');
+const potentialTableName = parts[0];
+
+// Проверяем формат имени поля
+const tablePrefixPattern = /^[a-zA-Z0-9_]+_[a-zA-Z0-9_]+$/;
+
+// Проверка, является ли поле табличным
+const isFieldFromChildTable =
+ tablePrefixPattern.test(fieldName) &&
+ (group && group !== "Основные поля") &&
+ (group.toLowerCase().includes(potentialTableName.toLowerCase()));
+
+// Определяем тип формулы
+if (isFieldFromChildTable) {
+ // Для полей таблицы
+ if (isInTableField) {
+ // В табличной части используем row()
+ return {
+ type: 'row',
+ fieldName: parts.slice(1).join('_')
+ };
+ } else {
+ // В основном документе используем sum()
+ return {
+ type: 'sum',
+ fieldName: fieldName
+ };
+ }
+} else {
+ // Для обычных полей всегда val()
+ return {
+ type: 'val',
+ fieldName: fieldName
+ };
+}
+}
+
+
+function createTriggerFieldsModal() {
+ if ($("#trigger_fields_modal").length) {
return;
}
const modalHtml = `
-