templates/js/app.js.twig line 1

Open in your IDE?
  1. let domDispatcher = new DomDispatcher();
  2. domDispatcher.init();
  3. initBearer.set(INIT_BEARERS.GLOBAL_DOM_DISPATCHER, domDispatcher);
  5. $('[data-remove-image-button]').click(function () {
  6.     if (confirm("Удалить файл?")) {
  7.         let removeBtn = $(this)[0];
  8.         let image = Dom.findParentChild(removeBtn, "[data-remove-image]");
  9.         let flag = Dom.findParentChild(removeBtn, "[data-remove-image-flag]");
  10.         let fileInputContainer = Dom.findParentChild(removeBtn, ".new-file-input");
  11.         let fileInput = $(fileInputContainer).find('input');
  13.         image.remove();
  14.         flag.value = "true";
  16.         let addNewFileBtn = Dom.findParentChild($(this)[0], ".upload-new-file-btn");
  17.         if (addNewFileBtn) {
  18.             $(addNewFileBtn).attr("hidden", true);
  19.         }
  20.         $(fileInputContainer).attr("hidden", false);
  21.         $(fileInputContainer).removeClass("mb-2");
  23.         removeBtn.parentElement.remove();
  24.     }
  25. });
  27. $(".upload-new-file-btn").click(function () {
  28.     let hide = !$(this).parent().find(".new-file-input").attr("hidden");
  29.     let fileInputContainer = $(this).parent().find(".new-file-input")[0];
  30.     let fileInput = $(this).parent().find(".new-file-input input")[0];
  31.     let isImage = $(fileInput).attr('accept').indexOf("image") > -1;
  33.     $(fileInputContainer).attr("hidden", hide);
  34.     $(this).parent().find(".file-path").attr("hidden", !hide);
  35.     $(this).text(hide ? (isImage ? "Загрузить новое изображение" : "Загрузить новый файл") : (isImage ? "Не загружать новое изображение" : "Не загружать новый файл"));
  36.     $(this).parent().find(".file-upload-text").html(hide ? "Файл загружен:" : "");
  37.     let removeBtn = Dom.findParentChild($(this)[0], ".remove-file-btn");
  38.     if (removeBtn) {
  39.         $(removeBtn).attr("hidden", !hide);
  40.     }
  41. });
  43. let elementLogicObjects = {};
  44. $('.dropdown').each(function() {
  45.     if ($(this).hasClass('file-dropdown')) {
  46.         let selectFileElement = Dom.findParent($(this)[0], ".select-file");
  47.         if (selectFileElement) {
  48.             let fileDropdown = new FileDropdown(selectFileElement);
  49.             elementLogicObjects[selectFileElement] = fileDropdown;
  50.         }
  51.     } else {
  52.         let dropdownElement = $(this)[0];
  53.         let dropdown = new Dropdown(dropdownElement);
  54.         elementLogicObjects[dropdownElement] = dropdown;
  55.     }
  56. });
  58. $('.dropdown-with-input-filter').each(function() {
  59.     let dropdownWithInputFilterElement = $(this)[0];
  60.     // Найдём вложенный .dropdown внутри контейнера
  61.     let dropdownElement = $(this).find('.dropdown')[0];
  62.     if (!dropdownElement) return;
  64.     let dropdownWithInputFilter = new DropdownWithInputFilter(dropdownElement);
  65.     elementLogicObjects[dropdownWithInputFilterElement] = dropdownWithInputFilter;
  66. });
  68. // Инициализация MonthRangeSliderDropdown
  69. {#$('.month-range-slider-dropdown').each(function() {#}
  70. {#    let container = $(this)[0];#}
  71. {#    let dropdownElement = $(this).find('.dropdown')[0];#}
  72. {#    if (!dropdownElement) return;#}
  74. {#    if (!container._monthRangeSliderDropdownInitialized) {#}
  75. {#        let inst = new MonthRangeSliderDropdown(dropdownElement);#}
  76. {#        elementLogicObjects[container] = inst;#}
  77. {#        container._monthRangeSliderDropdownInitialized = true;#}
  78. {#    }#}
  79. {#});#}
  81. function getElementLogicObject(element) {
  82.     if (element in elementLogicObjects) {
  83.         return elementLogicObjects[element];
  84.     }
  85.     return null;
  86. }
  88. const MODAL_WINDOW_BUTTON = {
  89.     BUTTON_1: "button_1"
  90. }
  92. async function showWindowModal(title, text, buttonText1 = "Yes", buttonText2 = "No",
  93.                                modalDialogStyle = null, onWindowBuild = null) {
  94.     return new Promise((resolve) => {
  95.         // Кешируем селекторы модального окна, чтобы избежать повторных выборок
  96.         const $windowModal = $('#windowModal');
  97.         const $primaryBtn = $windowModal.find('.btn-primary');
  98.         const $secondaryBtn = $windowModal.find('.btn-secondary');
  99.         const $modalDialog = $windowModal.find('.modal-dialog');
  101.         $windowModal.find('.modal-title').text(title);
  102.         $windowModal.find('.modal-body').html(text);
  104.         $primaryBtn.text(buttonText1);
  105.         if (buttonText2 === null) {
  106.             $secondaryBtn.hide();
  107.         } else {
  108.             $secondaryBtn.text(buttonText2);
  109.             $secondaryBtn.show();
  110.         }
  112.         if (modalDialogStyle) {
  113.             $modalDialog.attr('style', modalDialogStyle);
  114.         } else {
  115.             $modalDialog.removeAttr('style');
  116.         }
  118.         $primaryBtn.off('click');
  119.         // Удаляем предыдущие handler'ы и добавляем новые. Используем локальный флаг
  120.         // чтобы гарантировать единственное резолвинг-промиса после завершения анимации скрытия (fade out).
  121.         $windowModal.off('hidden.bs.modal');
  123.         let buttonClicked = false;
  125.         // При клике на primary кнопку — только помечаем, что подтверждена кнопка и прячем модал.
  126.         // Не резолвим здесь; дождёмся события hidden.bs.modal (fade out complete).
  127.         $primaryBtn.on('click', function() {
  128.             buttonClicked = true;
  129.             $windowModal.modal('hide');
  130.         });
  132.         // Слушаем окончание скрытия модального окна (fade out complete).
  133.         $windowModal.on('hidden.bs.modal', function onHidden() {
  134.             // Снимаем обработчик сразу — он уже не нужен.
  135.             $windowModal.off('hidden.bs.modal', onHidden);
  136.             // Резолвим промис по флагу: BUTTON_1 если нажали кнопку, иначе null (отмена/закрытие).
  137.             if (buttonClicked) {
  138.                 resolve(MODAL_WINDOW_BUTTON.BUTTON_1);
  139.             } else {
  140.                 resolve(null);
  141.             }
  142.         });
  144.         if (onWindowBuild && typeof onWindowBuild === 'function') {
  145.             onWindowBuild($windowModal);
  146.         }
  148.         $windowModal.modal('show');
  149.     });
  150. }
  152. const TOAST_TYPE = {
  153.     INFO: "INFO",
  154.     ERROR: "ERROR",
  155.     SUCCESS: "SUCCESS",
  156. }
  158. function showToast(text, type = TOAST_TYPE.INFO, closeButton = false, duration = 5000) {
  159.     const node = document.createElement('div');
  160.     node.innerHTML = text;
  162.     let data = {
  163.         node: node,
  164.         close: closeButton,
  165.         {#text: text,#}
  166.         duration: duration,
  167.         gravity: "top",
  168.         position: "right",
  169.         // onClick: function () { },
  170.         className: "",
  171.     };
  173.     switch (type) {
  174.         case TOAST_TYPE.ERROR:
  175.             data.style =  {
  176.                 background: "linear-gradient(to right, #ff5f6d, #e65c32ff)",
  177.             }
  178.             break;
  179.         case TOAST_TYPE.SUCCESS:
  180.             data.style =  {
  181.                 background: "linear-gradient(to right, #00b09b, #96c93d)",
  182.             }
  183.             break;
  184.     }
  186.     const toast = Toastify(data);
  187.     toast.showToast();
  188.     return toast;
  189. }
  191. function showTableCompareModal() {
  192.     return new Promise(async (resolve, reject) => {
  193.             const modalContent = `
  194. <div class="form-group">
  195.     <label for="compare-list">Список ФИО (каждое с новой строки):</label>
  196.     <textarea id="compare-list" class="form-control" rows="8"></textarea>
  197. </div>
  198. `.trim();
  199.             let answer = await showWindowModal('Поиск по списку ФИО', modalContent, 'Найти', 'Отмена');
  200.             if (answer === MODAL_WINDOW_BUTTON.BUTTON_1) {
  201.                 resolve({compareList: $('#compare-list').val()});
  202.             } else {
  203.                 resolve(null);
  204.             }
  205.     });
  206. }
  209. function getCompareTableHtml(tableData, compareResult, copyTableColsElementId = null,
  210.                              copyTableFiltersContainerElementSelector = null, dataTableOptions = null) {
  211.     if (!compareResult) {
  212.         return '<div>Нет данных для отображения</div>';
  213.     }
  215.     let compareTableId = 'compare-data-table-' + Date.now();
  216.     let filtersHtml = '';
  217.     let modifiedOptions = null;
  218.     let clonedFiltersContainer = null;
  220.     // Клонирование существующих фильтров (если передан селектор)
  221.     if (copyTableFiltersContainerElementSelector) {
  222.         const $origFilters = $(copyTableFiltersContainerElementSelector);
  223.         if ($origFilters && $origFilters.length) {
  224.             let $clone = $origFilters.clone(true, true);
  225.             const origContainerId = $clone.attr('id');
  226.             if (origContainerId) {
  227.                 $clone.attr('id', 'compare_' + origContainerId);
  228.             }
  229.             $clone.find('[id]').each(function () {
  230.                 const oldId = $(this).attr('id');
  231.                 if (oldId && oldId.indexOf('compare_') !== 0) {
  232.                     $(this).attr('id', 'compare_' + oldId);
  233.                 }
  234.             });
  235.             clonedFiltersContainer = $clone; // сохраним для дальнейшего добавления нового фильтра
  237.             if (dataTableOptions) {
  238.                 try {
  239.                     modifiedOptions = JSON.parse(JSON.stringify(dataTableOptions));
  240.                     if (modifiedOptions.dropdownFiltersConfig && Array.isArray(modifiedOptions.dropdownFiltersConfig.elementsData)) {
  241.                         modifiedOptions.dropdownFiltersConfig.elementsData.forEach(ed => {
  242.                             if (ed.dropdownId) ed.dropdownId = 'compare_' + ed.dropdownId;
  243.                             if (ed.badgeId) ed.badgeId = 'compare_' + ed.badgeId;
  244.                         });
  245.                     }
  246.                 } catch (e) {
  247.                     console.error('Failed to clone dataTableOptions for compare modal', e);
  248.                 }
  249.             }
  250.         }
  251.     }
  253.     // normalize структуры
  254.     const normalize = (res) => {
  255.         if (!res) return { findInOriginal: { foundStrings: [], notFoundStrings: [] }, notFoundOriginal: [], info: {} };
  257.         // already normalized
  258.         if (res.findInOriginal && (res.findInOriginal.foundStrings || res.findInOriginal.notFoundStrings)) {
  259.             return res;
  260.         }
  262.         // old backend format: findOriginalLinesResult + notFoundCompareLines
  263.         if (res.findOriginalLinesResult) {
  264.             const foundStrings = [];
  265.             const notFoundStrings = [];
  266.             const notFoundOriginal = [];
  268.             (res.findOriginalLinesResult || []).forEach(item => {
  269.                 const originalLine = item.originalLine || '';
  270.                 const foundCompareLine = item.foundCompareLine || null;
  271.                 const similarityPercent = (item.similarityPercent !== undefined) ? item.similarityPercent : 0;
  272.                 if (foundCompareLine) {
  273.                     foundStrings.push({ compareLine: foundCompareLine, foundOriginalString: originalLine, similarityPercent: similarityPercent });
  274.                 } else {
  275.                     notFoundOriginal.push(originalLine);
  276.                 }
  277.             });
  279.             (res.notFoundCompareLines || []).forEach(cl => {
  280.                 notFoundStrings.push({ compareLine: cl, similarityPercent: 0 });
  281.             });
  283.             const info = res.info || {};
  284.             return {
  285.                 findInOriginal: { foundStrings, notFoundStrings },
  286.                 notFoundOriginal,
  287.                 info: {
  288.                     originalLinesCount: info.originalLinesCount || 0,
  289.                     compareLinesCount: info.compareLinesCount || 0,
  290.                     foundStringsCount: info.foundCompareLinesCount || foundStrings.length,
  291.                     notFoundStringsCount: info.notFoundCompareLinesCount || notFoundStrings.length,
  292.                     notFoundOriginalCount: (info.notFoundOriginalCount !== undefined) ? info.notFoundOriginalCount : notFoundOriginal.length,
  293.                     foundCompareLinesCount: info.foundCompareLinesCount || 0,
  294.                     foundCompareLinesPartiallyCount: info.foundCompareLinesPartiallyCount || 0,
  295.                     // new counts introduced by updated StringUtils/compareStringArrays
  296.                     foundCompareLinesGoodSimilarityCount: info.foundCompareLinesGoodSimilarityCount || 0,
  297.                     foundCompareLinesBadSimilarityCount: info.foundCompareLinesBadSimilarityCount || 0,
  298.                     minSimilarityPercentage: info.minSimilarityPercentage || 0
  299.                  }
  300.              };
  301.          }
  303.         // fallback: best effort
  304.         const fio = res.findInOriginal || { foundStrings: [], notFoundStrings: [] };
  305.         return {
  306.             findInOriginal: { foundStrings: fio.foundStrings || [], notFoundStrings: fio.notFoundStrings || [] },
  307.             notFoundOriginal: res.notFoundOriginal || [],
  308.             info: Object.assign({
  309.                 originalLinesCount: 0,
  310.                 compareLinesCount: 0,
  311.                 foundStringsCount: (fio.foundStrings || []).length,
  312.                 notFoundStringsCount: (fio.notFoundStrings || []).length,
  313.                 notFoundOriginalCount: (res.notFoundOriginal || []).length
  314.             }, res.info || {})
  315.         };
  316.     };
  318.     const normalized = normalize(compareResult);
  320.     const escapeHtml = (unsafe) => {
  321.         if (unsafe === null || unsafe === undefined) return '';
  322.         return String(unsafe)
  323.             .replace(/&/g, '&amp;')
  324.             .replace(/</g, '&lt;')
  325.             .replace(/>/g, '&gt;')
  326.             .replace(/"/g, '&quot;')
  327.             .replace(/'/g, '&#039;');
  328.     };
  330.     const findInOriginal = normalized.findInOriginal || { foundStrings: [], notFoundStrings: [] };
  331.     const found = findInOriginal.foundStrings || [];
  332.     const notFound = findInOriginal.notFoundStrings || [];
  333.     const notFoundOriginal = normalized.notFoundOriginal || [];
  334.     const info = normalized.info || {};
  336.     const minSimilarity = info.minSimilarityPercentage;
  338.     let html = '';
  340.     // Подготовка исходных колонок
  341.     let srcCols = [];
  342.     let srcRows = [];
  343.     let srcLookup = null;
  344.     const tableDataProvided = Array.isArray(tableData);
  345.     if (tableDataProvided) {
  346.         srcRows = tableData.map(row => {
  347.             if (!Array.isArray(row)) return [];
  348.             return row.map(cell => (cell === null || cell === undefined) ? '' : String(cell).trim());
  349.         });
  351.         // build lookup by column index 1 (as template uses tableData[i][1])
  352.         srcLookup = new Map();
  353.         for (let r = 0; r < srcRows.length; r++) {
  354.             const row = srcRows[r];
  355.             // prefer column index 1; if missing, index 0 or any non-empty
  356.             let key = '';
  357.             if (row.length > 1 && row[1]) {
  358.                 key = row[1];
  359.             } else if (row.length > 0 && row[0]) {
  360.                 key = row[0];
  361.             } else {
  362.                 // find first non-empty
  363.                 for (let c = 0; c < row.length; c++) {
  364.                     if (row[c]) { key = row[c]; break; }
  365.                 }
  366.             }
  367.             if (key) {
  368.                 // if duplicate keys, keep first
  369.                 if (!srcLookup.has(key)) srcLookup.set(key, row);
  370.             }
  371.         }
  372.     }
  374.     if (copyTableColsElementId) {
  375.         const $src = $('#' + copyTableColsElementId);
  376.         if ($src && $src.length) {
  377.             // always read headers into srcCols (we may still use tableData for rows)
  378.             $src.find('thead th').each(function () {
  379.                 srcCols.push(String($(this).text().trim()));
  380.             });
  382.             // read tbody rows from DOM only if tableData was NOT provided
  383.             if (!tableDataProvided) {
  384.                 $src.find('tbody tr').each(function () {
  385.                     const rowArr = [];
  386.                     $(this).find('td').each(function () {
  387.                         rowArr.push(String($(this).text().trim()));
  388.                     });
  389.                     srcRows.push(rowArr);
  390.                 });
  391.             }
  392.          }
  393.      }
  395.     // If no DOM source and no tableData provided, leave srcCols/srcRows empty (matching previous behaviour)
  397.     const compareCols = ['Номер п/п', 'Статус', 'ФИО поиска', 'ФИО таблицы', 'Процент совпадения, %'];
  398.     const finalCols = [];
  399.     srcCols.forEach(c => { if (!finalCols.includes(c)) finalCols.push(c); });
  400.     compareCols.forEach(c => { if (!finalCols.includes(c)) finalCols.push(c); });
  402.     // --- Новый фильтр "Статус поиска" ---
  403.     const statusColIndex = finalCols.indexOf('Статус');
  404.     const statusFilterDropdownId = 'compareStatusDropdown_' + compareTableId;
  406.     // HTML нового фильтра
  407.     const statusFilterHtml = `
  408. <div class="dropdown-filter">
  409.   <label class="form-label">Статус поиска ФИО:</label>
  410.   <div class="dropdown">
  411.     <button class="btn btn-primary dropdown-toggle" type="button" id="${statusFilterDropdownId}" data-toggle="dropdown" aria-expanded="false" data-multiple="false">Все статусы</button>
  412.     <div class="dropdown-menu" aria-labelledby="${statusFilterDropdownId}">
  413.       <a class="dropdown-item" href="#" data-filter="all">Все статусы</a>
  414.       <div class="dropdown-divider"></div>
  415.       <!-- Dynamic items will be added here -->
  416.     </div>
  417.   </div>
  418. </div>`;
  420.     if (clonedFiltersContainer) {
  421.         // Добавляем новый фильтр в конец контейнера
  422.         clonedFiltersContainer.append($(statusFilterHtml));
  423.         filtersHtml = $('<div>').append(clonedFiltersContainer).html();
  424.     } else {
  425.         // Создаем новый контейнер только с фильтром статуса
  426.         filtersHtml = `<div id="compare-filters-${compareTableId}" class="mb-3 d-flex align-items-center" style="gap:20px; flex-wrap:wrap;">${statusFilterHtml}</div>`;
  427.     }
  429.     // Обновляем / создаём конфиг options для CustomDataTable
  430.     if (!modifiedOptions) {
  431.         modifiedOptions = {
  432.             dropdownFiltersConfig: { elementsData: [] },
  433.             drawRowNumbersForColIndex: 0,
  434.             lengthMenu: [[10, 20, 50, 100, -1], [10, 20, 50, 100, 'Все']]
  435.         };
  436.     }
  437.     if (!modifiedOptions.dropdownFiltersConfig) {
  438.         modifiedOptions.dropdownFiltersConfig = { elementsData: [] };
  439.     }
  440.     if (!Array.isArray(modifiedOptions.dropdownFiltersConfig.elementsData)) {
  441.         modifiedOptions.dropdownFiltersConfig.elementsData = [];
  442.     }
  443.     if (statusColIndex !== -1) {
  444.         modifiedOptions.dropdownFiltersConfig.elementsData.push({
  445.             columnIndex: statusColIndex,
  446.             dropdownId: statusFilterDropdownId,
  447.             badgeId: null,
  448.             textForAll: 'Все статусы'
  449.         });
  450.     }
  452.     // Вставляем фильтры перед сводкой
  453.     if (filtersHtml) {
  454.         html += '<div class="mb-3">' + filtersHtml + '</div>';
  455.     }
  457.     // Сводка
  458.     html += '<div class="mb-3">';
  459.     html += '<strong>Всего в таблице:</strong> ' + escapeHtml(info.originalLinesCount || 0) + '<br/>';
  460.     html += '<strong>Всего в списке поиска:</strong> ' + escapeHtml(info.compareLinesCount || 0) + '<br/>';
  461.     html += '<strong>Найдено совпадений:</strong> ' + escapeHtml(info.foundStringsCount || found.length) + '<br/>';
  462.     html += '<strong>Частично найдено (более ' + minSimilarity + '% совпадения):</strong> ' + (info.foundCompareLinesGoodSimilarityCount || 0) + '<br/>';
  463.     html += '<strong>Частично найдено (до ' + minSimilarity + '% совпадения):</strong> ' + (info.foundCompareLinesBadSimilarityCount || 0) + '<br/>';
  464.     html += '<strong>Частично найдено всего:</strong> ' + ((info.foundCompareLinesBadSimilarityCount + info.foundCompareLinesGoodSimilarityCount) || 0) + '<br/>';
  465.     html += '<strong>Не найдено в таблице:</strong> ' + notFound.length + '<br/>';
  466.     html += '<strong>Не найдено в списке поиска:</strong> ' + (info.notFoundOriginalCount || notFoundOriginal.length) + '<br/>';
  467.     html += '</div>';
  469.     html += '<h6>Результаты поиска</h6>';
  470.     // Кнопка скачивания CSV
  471.     const downloadBtnId = 'download-csv-btn-' + compareTableId;
  472.     html += '<div class="mb-2 d-flex justify-content-end">';
  473.     html += '<button id="' + downloadBtnId + '" type="button" class="btn btn-secondary btn-sm">Скачать таблицу</button>';
  474.     html += '</div>';
  475.     html += '<div class="table-responsive"><table id="' + compareTableId + '" class="table table-sm table-bordered">';
  476.     html += '<thead><tr>';
  477.     finalCols.forEach(col => { html += '<th>' + col + '</th>'; });
  478.     html += '</tr></thead><tbody>';
  480.     let rowIndex = 0;
  482.     const findSrcRowByValue = (value) => {
  483.         if (!value) return null;
  484.         const valNorm = String(value).trim();
  485.         // if we have a lookup built from tableData, use it and return only rows from tableData
  486.         if (srcLookup) {
  487.             if (srcLookup.has(valNorm)) return srcLookup.get(valNorm);
  488.             return null; // do NOT search DOM or other columns when tableData provided
  489.         }
  490.         for (let r = 0; r < srcRows.length; r++) {
  491.             for (let c = 0; c < srcRows[r].length; c++) {
  492.                 if (srcRows[r][c] === valNorm) return srcRows[r];
  493.             }
  494.         }
  495.         return null;
  496.     };
  498.     const renderRow = (cells, extraClass) => {
  499.         html += '<tr' + (extraClass ? ' class="' + extraClass + '"' : '') + '>';
  500.         finalCols.forEach(fc => {
  501.             const val = (fc in cells) ? cells[fc] : '';
  502.             html += '<td>' + (val === null || val === undefined ? '' : val) + '</td>';
  503.         });
  504.         html += '</tr>';
  505.     };
  507.     const mapSrcRowToObj = (srcRowArr) => {
  508.         const obj = {};
  509.         srcCols.forEach((h, idx) => { obj[h] = srcRowArr[idx] || ''; });
  510.         return obj;
  511.     };
  513.     if (tableDataProvided && srcRows.length) {
  514.         // build map from original value -> found item
  515.         const foundByOriginal = new Map();
  516.         found.forEach(it => {
  517.             const key = (it.foundOriginalString || '').trim();
  518.             if (key) foundByOriginal.set(key, it);
  519.         });
  521.         // iterate original rows in order
  522.         for (let r = 0; r < srcRows.length; r++) {
  523.             const srcRow = srcRows[r];
  524.             // derive key from same logic as srcLookup
  525.             let key = '';
  526.             if (srcRow.length > 1 && srcRow[1]) key = srcRow[1];
  527.             else if (srcRow.length > 0 && srcRow[0]) key = srcRow[0];
  528.             else {
  529.                 for (let c = 0; c < srcRow.length; c++) { if (srcRow[c]) { key = srcRow[c]; break; } }
  530.             }
  532.             rowIndex++;
  533.             const cells = mapSrcRowToObj(srcRow);
  535.             const foundItem = key ? foundByOriginal.get(key) : null;
  536.             if (foundItem) {
  537.                 cells['Номер п/п'] = escapeHtml(rowIndex);
  538.                 const pct = (foundItem.similarityPercent !== undefined && foundItem.similarityPercent !== null) ? Number(foundItem.similarityPercent) : 0;
  539.                 let statusText = '';
  540.                 if (pct === 100) {
  541.                     statusText = 'Найдено';
  542.                 } else if (pct > minSimilarity) {
  543.                     statusText = 'Частично найден в таблице - более ' + minSimilarity + '% совпадение';
  544.                 } else {
  545.                     statusText = 'Частично найден в таблице - менее ' + minSimilarity + '% совпадение';
  546.                 }
  547.                 cells['Статус'] = statusText;
  548.                 cells['ФИО поиска'] = escapeHtml(foundItem.compareLine);
  549.                 cells['ФИО таблицы'] = escapeHtml(foundItem.foundOriginalString || key);
  550.                 cells['Процент совпадения, %'] = (foundItem.similarityPercent !== undefined && foundItem.similarityPercent !== null) ? escapeHtml(foundItem.similarityPercent) : '';
  551.                 const rowClass = (pct === 100) ? 'table-success' : 'table-warning';
  552.                 renderRow(cells, rowClass);
  553.                 foundByOriginal.delete(key);
  554.             } else {
  555.                 // red row - not found in compare
  556.                 cells['Номер п/п'] = escapeHtml(rowIndex);
  557.                 cells['Статус'] = 'Не найдено в списке поиска';
  558.                 cells['ФИО поиска'] = '';
  559.                 cells['ФИО таблицы'] = escapeHtml(key);
  560.                 cells['Процент совпадения, %'] = '';
  562.                 renderRow(cells, 'table-danger');
  563.             }
  564.         }
  566.         // render remaining compare lines that weren't matched to any original
  567.         // these are in notFound OR leftover in foundByOriginal if any
  568.         // first render compare items from notFound (explicitly unmatched)
  569.         notFound.forEach(item => {
  570.             rowIndex++;
  571.             let cells = {};
  572.             cells['Номер п/п'] = escapeHtml(rowIndex);
  573.             cells['Статус'] = 'Не найдено в таблице';
  574.             cells['ФИО поиска'] = escapeHtml(item.compareLine);
  575.             cells['ФИО таблицы'] = '';
  576.             cells['Процент совпадения, %'] = (item.similarityPercent !== undefined && item.similarityPercent !== null) ? escapeHtml(item.similarityPercent) : '';
  577.             // use blue for notFound compare lines
  578.             renderRow(cells, 'table-info');
  579.         });
  581.         // any leftover found items that weren't matched by key (edge cases)
  582.         if (foundByOriginal.size) {
  583.             foundByOriginal.forEach(it => {
  584.                 rowIndex++;
  585.                 let cells = {};
  586.                 cells['Номер п/п'] = escapeHtml(rowIndex);
  587.                 const pct2 = (it.similarityPercent !== undefined && it.similarityPercent !== null) ? Number(it.similarityPercent) : 0;
  588.                 let statusText2 = '';
  589.                 if (pct2 === 100) {
  590.                     statusText2 = 'Найдено';
  591.                 } else if (pct2 > minSimilarity) {
  592.                     statusText2 = 'Частично найден в таблице - более ' + minSimilarity + '% совпадение';
  593.                 } else {
  594.                     statusText2 = 'Частично найден в таблице - менее ' + minSimilarity + '% совпадение';
  595.                 }
  596.                 cells['Статус'] = statusText2;
  597.                 cells['ФИО поиска'] = escapeHtml(it.compareLine);
  598.                 cells['ФИО таблицы'] = escapeHtml(it.foundOriginalString || '');
  599.                 cells['Процент совпадения, %'] = (it.similarityPercent !== undefined && it.similarityPercent !== null) ? escapeHtml(it.similarityPercent) : '';
  600.                 const rowClass2 = (pct2 === 100) ? 'table-success' : 'table-warning';
  601.                 renderRow(cells, rowClass2);
  602.             });
  603.         }
  604.     } else {
  605.         // fallback original behaviour: show found, then notFound, then notFoundOriginal
  606.         found.forEach(item => {
  607.             rowIndex++;
  608.             const compareString = escapeHtml(item.compareLine);
  609.             const foundOriginal = escapeHtml(item.foundOriginalString);
  610.             const percent = (item.similarityPercent !== undefined && item.similarityPercent !== null) ? escapeHtml(item.similarityPercent) : '';
  611.             let cells = {};
  612.             if (srcCols.length && foundOriginal) {
  613.                 const srcRow = findSrcRowByValue(foundOriginal);
  614.                 if (srcRow) Object.assign(cells, mapSrcRowToObj(srcRow));
  615.             }
  616.             const pctItem = (item.similarityPercent !== undefined && item.similarityPercent !== null) ? Number(item.similarityPercent) : 0;
  617.             let statusTextItem = '';
  618.             if (pctItem === 100) {
  619.                 statusTextItem = 'Найдено';
  620.             } else if (pctItem > minSimilarity) {
  621.                 statusTextItem = 'Частично найден в таблице - более ' + minSimilarity + '% совпадение';
  622.             } else {
  623.                 statusTextItem = 'Частично найден в таблице - менее ' + minSimilarity + '% совпадение';
  624.             }
  625.             cells['Номер п/п'] = escapeHtml(rowIndex);
  626.             cells['Статус'] = statusTextItem;
  627.             cells['ФИО поиска'] = compareString;
  628.             cells['ФИО таблицы'] = foundOriginal;
  629.             cells['Процент совпадения, %'] = percent;
  630.             const rowClassItem = (pctItem === 100) ? 'table-success' : 'table-warning';
  631.             renderRow(cells, rowClassItem);
  632.         });
  634.          notFound.forEach(item => {
  635.              rowIndex++;
  636.              const compareString = escapeHtml(item.compareLine);
  637.              const percent = (item.similarityPercent !== undefined && item.similarityPercent !== null) ? escapeHtml(item.similarityPercent) : '';
  639.              let cells = {};
  640.              cells['Номер п/п'] = escapeHtml(rowIndex);
  641.              cells['Статус'] = 'Не найдено в таблице';
  642.              cells['ФИО поиска'] = compareString;
  643.              cells['ФИО таблицы'] = '';
  644.              cells['Процент совпадения, %'] = percent;
  646.              renderRow(cells, 'table-danger');
  647.          });
  649.          notFoundOriginal.forEach(item => {
  650.              rowIndex++;
  651.              const original = escapeHtml(item);
  652.              let cells = {};
  653.              if (srcCols.length) {
  654.                  const srcRow = findSrcRowByValue(item);
  655.                  if (srcRow) Object.assign(cells, mapSrcRowToObj(srcRow));
  656.              }
  657.              cells['Номер п/п'] = escapeHtml(rowIndex);
  658.              cells['Статус'] = 'Не найдено в списке поиска';
  659.              cells['ФИО поиска'] = '';
  660.              cells['ФИО таблицы'] = original;
  661.              cells['Процент совпадения, %'] = '';
  663.              renderRow(cells, 'table-secondary');
  664.          });
  665.      }
  667.     // --- New: ensure initialization script with modifiedOptions ---
  668.     if (modifiedOptions) {
  669.         if (modifiedOptions.drawRowNumbersForColIndex === undefined) {
  670.             modifiedOptions.drawRowNumbersForColIndex = 0;
  671.         }
  672.         html += '</tbody></table></div>';
  673.         html += '<script>(function(){try{var opts=' + JSON.stringify(modifiedOptions) + ';var table=new CustomDataTable("#' + compareTableId + '",opts);table.initDataTable();var btn=document.getElementById("' + downloadBtnId + '");if(btn){btn.addEventListener("click",function(){table.downloadCsv("compare_table_export.csv");});}}catch(e){console.error("Failed to initialize compare CustomDataTable",e);}})();</'+'script>';
  674.     } else {
  675.         html += '</tbody></table></div>';
  676.     }
  678.     return html;
  679.  }
  681. function compareData(data1, data2) {
  682.     return new Promise((resolve, reject) => {
  683.         Utils.fetch(API_COMPARE_DATA_URL, 'POST', { data1: data1, data2: data2 })
  684.             .then(async (response) => {
  685.                 console.log(response);
  686.                 resolve(response.response);
  687.             })
  688.             .catch((response) => {
  689.                 showToast("Ошибка. Не удалось провести сравнение. Попробуйте повторить позднее.",
  690.                     TOAST_TYPE.ERROR);
  691.                 console.log(response);
  692.                 reject(response);
  693.             });
  694.     });
  695. }
  699. function updateDependentElementVisibility(controllerSelector, $dependent) {
  700.     const $controllerElement = $(controllerSelector);
  701.     let optionAttrName = $dependent.data('controlling-select-option-attr-name');
  703.     let selectValues = $dependent.data('controlling-element-value');
  704.     if (selectValues !== null && selectValues !== undefined) {
  705.         if (!Array.isArray(selectValues)) {
  706.             selectValues = [selectValues];
  707.         }
  708.     }
  710.     const controllingElementTag = $controllerElement.prop('tagName').toLowerCase();
  711.     let selectedControllerVal = null;
  712.     switch (controllingElementTag) {
  713.         case 'input':
  714.             selectedControllerVal = !!$controllerElement.is(':checked');
  715.             break;
  716.         default:
  717.             selectedControllerVal = $controllerElement.val();
  718.     }
  720.     if (optionAttrName) {
  721.         $dependent.find('option').each(function () {
  722.             let $opt = $(this);
  723.             let optAttrVal = $opt.attr(optionAttrName);
  724.             if (optAttrVal == selectedControllerVal || $opt.val() == -1) {
  725.                 $opt.show();
  726.             } else {
  727.                 $opt.hide();
  728.             }
  729.         });
  730.         if ($dependent.find('option:selected').attr(optionAttrName) != selectedControllerVal) {
  731.             $dependent.val(-1);
  732.         }
  733.     } else if (selectValues) {
  734.         switch (controllingElementTag) {
  735.             case 'input':
  736.             case 'select':
  737.                 $dependent.toggle(selectValues.includes(selectedControllerVal));
  738.                 break;
  739.             default:
  740.                 throw new Error('Unsupported controlling element tag for data-controlling-element-value: ' + controllingElementTag);
  741.         }
  742.     }
  743. }
  744. function bindDependentElementVisibility(element) {
  745.         let $dependent = $(element);
  746.         let controllerSelector = $dependent.data('controlling-element-selector');
  747.         if (!controllerSelector) return;
  749.         $(controllerSelector).on('change', function() {
  750.             updateDependentElementVisibility(controllerSelector, $dependent);
  751.         });
  753.         if ($(controllerSelector).length) {
  754.             updateDependentElementVisibility(controllerSelector, $dependent);
  755.         }
  756. }
  757. $('[data-controlling-element-selector]').each(function() {
  758.     bindDependentElementVisibility($(this)[0]);
  759. });
  761. function createEntityCollection(element) {
  762.     let ec = new EntityCollection(element);
  763.     elementLogicObjects[element] = ec;
  764. }
  765. $('[data-init="entity-collection"]').each(function() {
  766.     createEntityCollection($(this)[0]);
  767. });
  769. function wrapTextInTag(textarea, tag) {
  770.     let start = textarea.selectionStart;
  771.     let end = textarea.selectionEnd;
  772.     let selectedText = textarea.value.substring(start, end);
  774.     if (selectedText) {
  775.         let openTag = '<' + tag + '>';
  776.         let closeTag = '</' + tag + '>';
  777.         let textBefore = textarea.value.substring(start - openTag.length, start);
  778.         let textAfter = textarea.value.substring(end, end + closeTag.length);
  780.         if (textBefore === openTag && textAfter === closeTag) {
  781.             textarea.value = textarea.value.substring(0, start - openTag.length) + selectedText + textarea.value.substring(end + closeTag.length);
  782.             let newStart = start - openTag.length;
  783.             let newEnd = newStart + selectedText.length;
  784.             textarea.focus();
  785.             textarea.setSelectionRange(newStart, newEnd);
  786.         } else {
  787.             let wrappedText = openTag + selectedText + closeTag;
  788.             textarea.value = textarea.value.substring(0, start) + wrappedText + textarea.value.substring(end);
  789.             textarea.focus();
  790.             textarea.setSelectionRange(start + openTag.length, start + openTag.length + selectedText.length);
  791.         }
  792.         $(textarea).trigger('change');
  793.     }
  794. }
  796. function bindTextEditButton(element) {
  797.     let $button = $(element);
  798.     let $formGroup = $button.closest('.form-group');
  799.     let $textarea = $formGroup.find('textarea');
  801.     $button.off('click').on('click', function() {
  802.         if ($textarea.length) {
  803.             let tag = '';
  804.             if ($button.hasClass('bold-text-button')) {
  805.                 tag = 'b';
  806.             } else if ($button.hasClass('italic-text-button')) {
  807.                 tag = 'i';
  808.             } else if ($button.hasClass('underline-text-button')) {
  809.                 tag = 'u';
  810.             }
  812.             if (tag) {
  813.                 wrapTextInTag($textarea[0], tag);
  814.             }
  815.         }
  816.     });
  817. }
  818. $('[data-dom-listener-groups*="textEditButton"]').each(function() {
  819.     bindTextEditButton($(this)[0]);
  820. });
  822. domDispatcher.eventDispatcher.on(
  823.     DomDispatcher.EVENTS.ON_DOM_NODE_ADDED,
  824.     (data, event) => {
  825.         if (data.groupNames.includes("dependentElementVisibility")) {
  826.             bindDependentElementVisibility(data.element);
  827.         } else if (data.groupNames.includes("entityCollection")) {
  828.             createEntityCollection(data.element);
  829.         } else if (data.groupNames.includes("textEditButton")) {
  830.             bindTextEditButton(data.element);
  831.         }
  832.     }, {
  833.         groupNames: ["dependentElementVisibility", "entityCollection", "textEditButton"],
  834. });
  838. /** @type {DateRangePickerWithButton} */
  839. let calendarEventsSelectorComponent = null;
  841. {#initBearer.wait([#}
  842. {#    INIT_BEARERS.GLOBAL_USER_SETTINGS_MODIFIER,#}
  843. {#    INIT_BEARERS.GLOBAL_USER_SETTINGS_FORM_SAVER,#}
  844. {#]).then(() => {#}
  845. {#    let monthSliderRangeDropdownElement = $('.month-range-slider-dropdown .dropdown').first()[0];#}
  846. {#    monthRangeSliderRangeDropdown =#}
  847. {#        new MonthRangeSliderDropdown(monthSliderRangeDropdownElement, {#}
  848. {#            monthRangeSliderOptions: {#}
  849. {#                minDate: new Date("2025-01-01") ,#}
  850. {#                maxDate:  new Date(new Date().getFullYear() + 1, 11, 31),#}
  851. {#                startDate: new Date(userSettings.startCalendarEventsDate),#}
  852. {#                endDate: new Date(userSettings.endCalendarEventsDate),#}
  853. {#            }#}
  854. {#        });#}
  855. {#    userSettingsModifier.bindMonthRangeSliderDropdown('startCalendarEventsDate',#}
  856. {#        'endCalendarEventsDate', monthRangeSliderRangeDropdown, false);#}
  857. {#    userSettingsFormSaver.eventDispatcher.on(userSettingsFormSaver.EVENTS.ON_SAVE, () => {#}
  858. {#        window.location.reload();#}
  859. {#    });#}
  861. {#    initBearer.set(INIT_BEARERS.GLOBAL_MONTH_RANGE_SLIDER_RANGE_DROPDOWN,#}
  862. {#        monthRangeSliderRangeDropdown);#}
  863. {#});#}
  865. initBearer.wait([
  866.     INIT_BEARERS.GLOBAL_USER_SETTINGS_MODIFIER,
  867.     INIT_BEARERS.GLOBAL_USER_SETTINGS_FORM_SAVER,
  868. ]).then(() => {
  869.     let element = $('.date-range-picker-with-button')[0];
  870.     if (element) {
  871.         calendarEventsSelectorComponent = new DateRangePickerWithButton(element, {
  872.             startDate: new Date(userSettings.startCalendarEventsDate),
  873.             endDate: new Date(userSettings.endCalendarEventsDate),
  874.             datePickerOptions: {
  875.                 rangeLabels: {
  876.                     TODAY: 'За сегодня',
  877.                     YESTERDAY: 'За вчера',
  878.                     LAST_7_DAYS: 'За последние 7 дней',
  879.                     LAST_30_DAYS: 'За последние 30 дней',
  880.                     THIS_MONTH: 'За этот месяц',
  881.                     LAST_MONTH: 'За прошлый месяц',
  882.                     CURRENT_AND_FUTURE: 'Текущие и будущие',
  883.                     ALL_TIME: 'За всё время',
  884.                 }
  885.             }
  886.         });
  888.         userSettingsModifier.bindDateRangePickerWithButton('startCalendarEventsDate',
  889.             'endCalendarEventsDate', calendarEventsSelectorComponent, false, "calendarEventsDateRangeName");
  890.         userSettingsFormSaver.eventDispatcher.on(userSettingsFormSaver.EVENTS.ON_SAVE, () => {
  891.             window.location.reload();
  892.         });
  894.         initBearer.set(INIT_BEARERS.GLOBAL_CALENDAR_EVENTS_SELECTOR_COMPONENT,
  895.             calendarEventsSelectorComponent);
  896.     }
  897. });
  899. {#initBearer.wait([INIT_BEARERS.GLOBAL_CALENDAR_EVENTS_SELECTOR_COMPONENT]).then(() => {#}
  900. {#    let monthRangeSliderTipToast = null;#}
  901. {#    calendarEventsSelectorComponent.eventDispatcher.on(#}
  902. {#        calendarEventsSelectorComponent.EVENTS.ON_DROPDOWN_SHOW, () => { #}{# for MonthRangeSliderDropdown #}
  903. {#            let toastMsg = `Подсказка<br><br>#}
  905. {#Для изменения периода мероприятий:<br><br>#}
  906. {#<b>1</b>. Измените положение <div class="month-range-thumb month-range-thumb-start" data-thumb="start"#}
  907. {#style="position: static; display: inline-block; transform: translate(0, 5px);"></div> <b>красного</b>#}
  908. {#и/или <div class="month-range-thumb month-range-thumb-end" data-thumb="end"#}
  909. {#style="position: static; display: inline-block; transform: translate(0, 5px);"></div> <b>синего</b><br>#}
  910. {#ползунков с помощью мыши, потянув<br>#}
  911. {#их влево или вправо.<br><br>#}
  912. {#<b>2</b>. Нажмите кнопку<br>#}
  913. {#«Применить».#}
  915. {#<br><br>#}
  916. {#<label><input type="checkbox"#}
  917. {#    data-dom-listener-groups='["userTipSettingsModifier"]'#}
  918. {#    data-json-to-component-bind-key-name="showCalendarEventsPeriodTip"#}
  919. {#> Не показывать эту подсказку в дальнейшем</label>#}
  920. {#<br>#}
  921. {#`;#}
  922. {#            if (userTipSettings.showCalendarEventsPeriodTip) {#}
  923. {#                monthRangeSliderTipToast = showToast(toastMsg, TOAST_TYPE.INFO, true, 60000 * 3);#}
  924. {#            }#}
  925. {#        });#}
  927. {#    calendarEventsSelectorComponent.eventDispatcher.on(#}
  928. {#        calendarEventsSelectorComponent.EVENTS.ON_DROPDOWN_HIDE, () => {#}
  929. {#            if (monthRangeSliderTipToast) {#}
  930. {#                monthRangeSliderTipToast.hideToast();#}
  931. {#            }#}
  932. {#        }#}
  933. {#    );#}
  934. {#});#}