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. /**
  159.  *
  160.  * @param {number} duration - длительность показа в мс. -1 для постоянного отображения до закрытия пользователем или программно
  161.  */
  162. function showToast(text, type = TOAST_TYPE.INFO, closeButton = false, duration = 5000) {
  163.     const node = document.createElement('div');
  164.     node.innerHTML = text;
  165.     node.setAttribute("class", "d-inline");
  167.     let data = {
  168.         node: node,
  169.         close: closeButton,
  170.         {#text: text,#}
  171.         duration: duration,
  172.         gravity: "top",
  173.         position: "right",
  174.         // onClick: function () { },
  175.         className: "",
  176.     };
  178.     switch (type) {
  179.         case TOAST_TYPE.ERROR:
  180.             data.style =  {
  181.                 background: "linear-gradient(to right, #ff5f6d, #e65c32ff)",
  182.             }
  183.             break;
  184.         case TOAST_TYPE.SUCCESS:
  185.             data.style =  {
  186.                 background: "linear-gradient(to right, #00b09b, #96c93d)",
  187.             }
  188.             break;
  189.     }
  191.     const toast = Toastify(data);
  192.     toast.showToast();
  193.     return toast;
  194. }
  196. function showTableCompareModal() {
  197.     return new Promise(async (resolve, reject) => {
  198.             const modalContent = `
  199. <div class="form-group">
  200.     <label for="compare-list">Список ФИО (каждое с новой строки):</label>
  201.     <textarea id="compare-list" class="form-control" rows="8"></textarea>
  202. </div>
  203. `.trim();
  204.             let answer = await showWindowModal('Поиск по списку ФИО', modalContent, 'Найти', 'Отмена');
  205.             if (answer === MODAL_WINDOW_BUTTON.BUTTON_1) {
  206.                 resolve({compareList: $('#compare-list').val()});
  207.             } else {
  208.                 resolve(null);
  209.             }
  210.     });
  211. }
  214. function getCompareTableHtml(tableData, compareResult, copyTableColsElementId = null,
  215.                              copyTableFiltersContainerElementSelector = null, dataTableOptions = null) {
  216.     if (!compareResult) {
  217.         return '<div>Нет данных для отображения</div>';
  218.     }
  220.     let compareTableId = 'compare-data-table-' + Date.now();
  221.     let filtersHtml = '';
  222.     let modifiedOptions = null;
  223.     let clonedFiltersContainer = null;
  225.     // Клонирование существующих фильтров (если передан селектор)
  226.     if (copyTableFiltersContainerElementSelector) {
  227.         const $origFilters = $(copyTableFiltersContainerElementSelector);
  228.         if ($origFilters && $origFilters.length) {
  229.             let $clone = $origFilters.clone(true, true);
  230.             const origContainerId = $clone.attr('id');
  231.             if (origContainerId) {
  232.                 $clone.attr('id', 'compare_' + origContainerId);
  233.             }
  234.             $clone.find('[id]').each(function () {
  235.                 const oldId = $(this).attr('id');
  236.                 if (oldId && oldId.indexOf('compare_') !== 0) {
  237.                     $(this).attr('id', 'compare_' + oldId);
  238.                 }
  239.             });
  240.             clonedFiltersContainer = $clone; // сохраним для дальнейшего добавления нового фильтра
  242.             if (dataTableOptions) {
  243.                 try {
  244.                     modifiedOptions = JSON.parse(JSON.stringify(dataTableOptions));
  245.                     if (modifiedOptions.dropdownFiltersConfig && Array.isArray(modifiedOptions.dropdownFiltersConfig.elementsData)) {
  246.                         modifiedOptions.dropdownFiltersConfig.elementsData.forEach(ed => {
  247.                             if (ed.dropdownId) ed.dropdownId = 'compare_' + ed.dropdownId;
  248.                             if (ed.badgeId) ed.badgeId = 'compare_' + ed.badgeId;
  249.                         });
  250.                     }
  251.                 } catch (e) {
  252.                     console.error('Failed to clone dataTableOptions for compare modal', e);
  253.                 }
  254.             }
  255.         }
  256.     }
  258.     // normalize структуры
  259.     const normalize = (res) => {
  260.         if (!res) return { findInOriginal: { foundStrings: [], notFoundStrings: [] }, notFoundOriginal: [], info: {} };
  262.         // already normalized
  263.         if (res.findInOriginal && (res.findInOriginal.foundStrings || res.findInOriginal.notFoundStrings)) {
  264.             return res;
  265.         }
  267.         // old backend format: findOriginalLinesResult + notFoundCompareLines
  268.         if (res.findOriginalLinesResult) {
  269.             const foundStrings = [];
  270.             const notFoundStrings = [];
  271.             const notFoundOriginal = [];
  273.             (res.findOriginalLinesResult || []).forEach(item => {
  274.                 const originalLine = item.originalLine || '';
  275.                 const foundCompareLine = item.foundCompareLine || null;
  276.                 const similarityPercent = (item.similarityPercent !== undefined) ? item.similarityPercent : 0;
  277.                 if (foundCompareLine) {
  278.                     foundStrings.push({ compareLine: foundCompareLine, foundOriginalString: originalLine, similarityPercent: similarityPercent });
  279.                 } else {
  280.                     notFoundOriginal.push(originalLine);
  281.                 }
  282.             });
  284.             (res.notFoundCompareLines || []).forEach(cl => {
  285.                 notFoundStrings.push({ compareLine: cl, similarityPercent: 0 });
  286.             });
  288.             const info = res.info || {};
  289.             return {
  290.                 findInOriginal: { foundStrings, notFoundStrings },
  291.                 notFoundOriginal,
  292.                 info: {
  293.                     originalLinesCount: info.originalLinesCount || 0,
  294.                     compareLinesCount: info.compareLinesCount || 0,
  295.                     foundStringsCount: info.foundCompareLinesCount || foundStrings.length,
  296.                     notFoundStringsCount: info.notFoundCompareLinesCount || notFoundStrings.length,
  297.                     notFoundOriginalCount: (info.notFoundOriginalCount !== undefined) ? info.notFoundOriginalCount : notFoundOriginal.length,
  298.                     foundCompareLinesCount: info.foundCompareLinesCount || 0,
  299.                     foundCompareLinesPartiallyCount: info.foundCompareLinesPartiallyCount || 0,
  300.                     // new counts introduced by updated StringUtils/compareStringArrays
  301.                     foundCompareLinesGoodSimilarityCount: info.foundCompareLinesGoodSimilarityCount || 0,
  302.                     foundCompareLinesBadSimilarityCount: info.foundCompareLinesBadSimilarityCount || 0,
  303.                     minSimilarityPercentage: info.minSimilarityPercentage || 0
  304.                  }
  305.              };
  306.          }
  308.         // fallback: best effort
  309.         const fio = res.findInOriginal || { foundStrings: [], notFoundStrings: [] };
  310.         return {
  311.             findInOriginal: { foundStrings: fio.foundStrings || [], notFoundStrings: fio.notFoundStrings || [] },
  312.             notFoundOriginal: res.notFoundOriginal || [],
  313.             info: Object.assign({
  314.                 originalLinesCount: 0,
  315.                 compareLinesCount: 0,
  316.                 foundStringsCount: (fio.foundStrings || []).length,
  317.                 notFoundStringsCount: (fio.notFoundStrings || []).length,
  318.                 notFoundOriginalCount: (res.notFoundOriginal || []).length
  319.             }, res.info || {})
  320.         };
  321.     };
  323.     const normalized = normalize(compareResult);
  325.     const escapeHtml = (unsafe) => {
  326.         if (unsafe === null || unsafe === undefined) return '';
  327.         return String(unsafe)
  328.             .replace(/&/g, '&amp;')
  329.             .replace(/</g, '&lt;')
  330.             .replace(/>/g, '&gt;')
  331.             .replace(/"/g, '&quot;')
  332.             .replace(/'/g, '&#039;');
  333.     };
  335.     const findInOriginal = normalized.findInOriginal || { foundStrings: [], notFoundStrings: [] };
  336.     const found = findInOriginal.foundStrings || [];
  337.     const notFound = findInOriginal.notFoundStrings || [];
  338.     const notFoundOriginal = normalized.notFoundOriginal || [];
  339.     const info = normalized.info || {};
  341.     const minSimilarity = info.minSimilarityPercentage;
  343.     let html = '';
  345.     // Подготовка исходных колонок
  346.     let srcCols = [];
  347.     let srcRows = [];
  348.     let srcLookup = null;
  349.     const tableDataProvided = Array.isArray(tableData);
  350.     if (tableDataProvided) {
  351.         srcRows = tableData.map(row => {
  352.             if (!Array.isArray(row)) return [];
  353.             return row.map(cell => (cell === null || cell === undefined) ? '' : String(cell).trim());
  354.         });
  356.         // build lookup by column index 1 (as template uses tableData[i][1])
  357.         srcLookup = new Map();
  358.         for (let r = 0; r < srcRows.length; r++) {
  359.             const row = srcRows[r];
  360.             // prefer column index 1; if missing, index 0 or any non-empty
  361.             let key = '';
  362.             if (row.length > 1 && row[1]) {
  363.                 key = row[1];
  364.             } else if (row.length > 0 && row[0]) {
  365.                 key = row[0];
  366.             } else {
  367.                 // find first non-empty
  368.                 for (let c = 0; c < row.length; c++) {
  369.                     if (row[c]) { key = row[c]; break; }
  370.                 }
  371.             }
  372.             if (key) {
  373.                 // if duplicate keys, keep first
  374.                 if (!srcLookup.has(key)) srcLookup.set(key, row);
  375.             }
  376.         }
  377.     }
  379.     if (copyTableColsElementId) {
  380.         const $src = $('#' + copyTableColsElementId);
  381.         if ($src && $src.length) {
  382.             // always read headers into srcCols (we may still use tableData for rows)
  383.             $src.find('thead th').each(function () {
  384.                 srcCols.push(String($(this).text().trim()));
  385.             });
  387.             // read tbody rows from DOM only if tableData was NOT provided
  388.             if (!tableDataProvided) {
  389.                 $src.find('tbody tr').each(function () {
  390.                     const rowArr = [];
  391.                     $(this).find('td').each(function () {
  392.                         rowArr.push(String($(this).text().trim()));
  393.                     });
  394.                     srcRows.push(rowArr);
  395.                 });
  396.             }
  397.          }
  398.      }
  400.     // If no DOM source and no tableData provided, leave srcCols/srcRows empty (matching previous behaviour)
  402.     const compareCols = ['Номер п/п', 'Статус', 'ФИО поиска', 'ФИО таблицы', 'Процент совпадения, %'];
  403.     const finalCols = [];
  404.     srcCols.forEach(c => { if (!finalCols.includes(c)) finalCols.push(c); });
  405.     compareCols.forEach(c => { if (!finalCols.includes(c)) finalCols.push(c); });
  407.     // --- Новый фильтр "Статус поиска" ---
  408.     const statusColIndex = finalCols.indexOf('Статус');
  409.     const statusFilterDropdownId = 'compareStatusDropdown_' + compareTableId;
  411.     // HTML нового фильтра
  412.     const statusFilterHtml = `
  413. <div class="dropdown-filter">
  414.   <label class="form-label">Статус поиска ФИО:</label>
  415.   <div class="dropdown">
  416.     <button class="btn btn-primary dropdown-toggle" type="button" id="${statusFilterDropdownId}" data-toggle="dropdown" aria-expanded="false" data-multiple="false">Все статусы</button>
  417.     <div class="dropdown-menu" aria-labelledby="${statusFilterDropdownId}">
  418.       <a class="dropdown-item" href="#" data-filter="all">Все статусы</a>
  419.       <div class="dropdown-divider"></div>
  420.       <!-- Dynamic items will be added here -->
  421.     </div>
  422.   </div>
  423. </div>`;
  425.     if (clonedFiltersContainer) {
  426.         // Добавляем новый фильтр в конец контейнера
  427.         clonedFiltersContainer.append($(statusFilterHtml));
  428.         filtersHtml = $('<div>').append(clonedFiltersContainer).html();
  429.     } else {
  430.         // Создаем новый контейнер только с фильтром статуса
  431.         filtersHtml = `<div id="compare-filters-${compareTableId}" class="mb-3 d-flex align-items-center" style="gap:20px; flex-wrap:wrap;">${statusFilterHtml}</div>`;
  432.     }
  434.     // Обновляем / создаём конфиг options для CustomDataTable
  435.     if (!modifiedOptions) {
  436.         modifiedOptions = {
  437.             dropdownFiltersConfig: { elementsData: [] },
  438.             drawRowNumbersForColIndex: 0,
  439.             lengthMenu: [[10, 20, 50, 100, -1], [10, 20, 50, 100, 'Все']]
  440.         };
  441.     }
  442.     if (!modifiedOptions.dropdownFiltersConfig) {
  443.         modifiedOptions.dropdownFiltersConfig = { elementsData: [] };
  444.     }
  445.     if (!Array.isArray(modifiedOptions.dropdownFiltersConfig.elementsData)) {
  446.         modifiedOptions.dropdownFiltersConfig.elementsData = [];
  447.     }
  448.     if (statusColIndex !== -1) {
  449.         modifiedOptions.dropdownFiltersConfig.elementsData.push({
  450.             columnIndex: statusColIndex,
  451.             dropdownId: statusFilterDropdownId,
  452.             badgeId: null,
  453.             textForAll: 'Все статусы'
  454.         });
  455.     }
  457.     // Вставляем фильтры перед сводкой
  458.     if (filtersHtml) {
  459.         html += '<div class="mb-3">' + filtersHtml + '</div>';
  460.     }
  462.     // Сводка
  463.     html += '<div class="mb-3">';
  464.     html += '<strong>Всего в таблице:</strong> ' + escapeHtml(info.originalLinesCount || 0) + '<br/>';
  465.     html += '<strong>Всего в списке поиска:</strong> ' + escapeHtml(info.compareLinesCount || 0) + '<br/>';
  466.     html += '<strong>Найдено совпадений:</strong> ' + escapeHtml(info.foundStringsCount || found.length) + '<br/>';
  467.     html += '<strong>Частично найдено (более ' + minSimilarity + '% совпадения):</strong> ' + (info.foundCompareLinesGoodSimilarityCount || 0) + '<br/>';
  468.     html += '<strong>Частично найдено (до ' + minSimilarity + '% совпадения):</strong> ' + (info.foundCompareLinesBadSimilarityCount || 0) + '<br/>';
  469.     html += '<strong>Частично найдено всего:</strong> ' + ((info.foundCompareLinesBadSimilarityCount + info.foundCompareLinesGoodSimilarityCount) || 0) + '<br/>';
  470.     html += '<strong>Не найдено в таблице:</strong> ' + notFound.length + '<br/>';
  471.     html += '<strong>Не найдено в списке поиска:</strong> ' + (info.notFoundOriginalCount || notFoundOriginal.length) + '<br/>';
  472.     html += '</div>';
  474.     html += '<h6>Результаты поиска</h6>';
  475.     // Кнопка скачивания CSV
  476.     const downloadBtnId = 'download-csv-btn-' + compareTableId;
  477.     html += '<div class="mb-2 d-flex justify-content-end">';
  478.     html += '<button id="' + downloadBtnId + '" type="button" class="btn btn-secondary btn-sm">Скачать таблицу</button>';
  479.     html += '</div>';
  480.     html += '<div class="table-responsive"><table id="' + compareTableId + '" class="table table-sm table-bordered">';
  481.     html += '<thead><tr>';
  482.     finalCols.forEach(col => { html += '<th>' + col + '</th>'; });
  483.     html += '</tr></thead><tbody>';
  485.     let rowIndex = 0;
  487.     const findSrcRowByValue = (value) => {
  488.         if (!value) return null;
  489.         const valNorm = String(value).trim();
  490.         // if we have a lookup built from tableData, use it and return only rows from tableData
  491.         if (srcLookup) {
  492.             if (srcLookup.has(valNorm)) return srcLookup.get(valNorm);
  493.             return null; // do NOT search DOM or other columns when tableData provided
  494.         }
  495.         for (let r = 0; r < srcRows.length; r++) {
  496.             for (let c = 0; c < srcRows[r].length; c++) {
  497.                 if (srcRows[r][c] === valNorm) return srcRows[r];
  498.             }
  499.         }
  500.         return null;
  501.     };
  503.     const renderRow = (cells, extraClass) => {
  504.         html += '<tr' + (extraClass ? ' class="' + extraClass + '"' : '') + '>';
  505.         finalCols.forEach(fc => {
  506.             const val = (fc in cells) ? cells[fc] : '';
  507.             html += '<td>' + (val === null || val === undefined ? '' : val) + '</td>';
  508.         });
  509.         html += '</tr>';
  510.     };
  512.     const mapSrcRowToObj = (srcRowArr) => {
  513.         const obj = {};
  514.         srcCols.forEach((h, idx) => { obj[h] = srcRowArr[idx] || ''; });
  515.         return obj;
  516.     };
  518.     if (tableDataProvided && srcRows.length) {
  519.         // build map from original value -> found item
  520.         const foundByOriginal = new Map();
  521.         found.forEach(it => {
  522.             const key = (it.foundOriginalString || '').trim();
  523.             if (key) foundByOriginal.set(key, it);
  524.         });
  526.         // iterate original rows in order
  527.         for (let r = 0; r < srcRows.length; r++) {
  528.             const srcRow = srcRows[r];
  529.             // derive key from same logic as srcLookup
  530.             let key = '';
  531.             if (srcRow.length > 1 && srcRow[1]) key = srcRow[1];
  532.             else if (srcRow.length > 0 && srcRow[0]) key = srcRow[0];
  533.             else {
  534.                 for (let c = 0; c < srcRow.length; c++) { if (srcRow[c]) { key = srcRow[c]; break; } }
  535.             }
  537.             rowIndex++;
  538.             const cells = mapSrcRowToObj(srcRow);
  540.             const foundItem = key ? foundByOriginal.get(key) : null;
  541.             if (foundItem) {
  542.                 cells['Номер п/п'] = escapeHtml(rowIndex);
  543.                 const pct = (foundItem.similarityPercent !== undefined && foundItem.similarityPercent !== null) ? Number(foundItem.similarityPercent) : 0;
  544.                 let statusText = '';
  545.                 if (pct === 100) {
  546.                     statusText = 'Найдено';
  547.                 } else if (pct > minSimilarity) {
  548.                     statusText = 'Частично найден в таблице - более ' + minSimilarity + '% совпадение';
  549.                 } else {
  550.                     statusText = 'Частично найден в таблице - менее ' + minSimilarity + '% совпадение';
  551.                 }
  552.                 cells['Статус'] = statusText;
  553.                 cells['ФИО поиска'] = escapeHtml(foundItem.compareLine);
  554.                 cells['ФИО таблицы'] = escapeHtml(foundItem.foundOriginalString || key);
  555.                 cells['Процент совпадения, %'] = (foundItem.similarityPercent !== undefined && foundItem.similarityPercent !== null) ? escapeHtml(foundItem.similarityPercent) : '';
  556.                 const rowClass = (pct === 100) ? 'table-success' : 'table-warning';
  557.                 renderRow(cells, rowClass);
  558.                 foundByOriginal.delete(key);
  559.             } else {
  560.                 // red row - not found in compare
  561.                 cells['Номер п/п'] = escapeHtml(rowIndex);
  562.                 cells['Статус'] = 'Не найдено в списке поиска';
  563.                 cells['ФИО поиска'] = '';
  564.                 cells['ФИО таблицы'] = escapeHtml(key);
  565.                 cells['Процент совпадения, %'] = '';
  567.                 renderRow(cells, 'table-danger');
  568.             }
  569.         }
  571.         // render remaining compare lines that weren't matched to any original
  572.         // these are in notFound OR leftover in foundByOriginal if any
  573.         // first render compare items from notFound (explicitly unmatched)
  574.         notFound.forEach(item => {
  575.             rowIndex++;
  576.             let cells = {};
  577.             cells['Номер п/п'] = escapeHtml(rowIndex);
  578.             cells['Статус'] = 'Не найдено в таблице';
  579.             cells['ФИО поиска'] = escapeHtml(item.compareLine);
  580.             cells['ФИО таблицы'] = '';
  581.             cells['Процент совпадения, %'] = (item.similarityPercent !== undefined && item.similarityPercent !== null) ? escapeHtml(item.similarityPercent) : '';
  582.             // use blue for notFound compare lines
  583.             renderRow(cells, 'table-info');
  584.         });
  586.         // any leftover found items that weren't matched by key (edge cases)
  587.         if (foundByOriginal.size) {
  588.             foundByOriginal.forEach(it => {
  589.                 rowIndex++;
  590.                 let cells = {};
  591.                 cells['Номер п/п'] = escapeHtml(rowIndex);
  592.                 const pct2 = (it.similarityPercent !== undefined && it.similarityPercent !== null) ? Number(it.similarityPercent) : 0;
  593.                 let statusText2 = '';
  594.                 if (pct2 === 100) {
  595.                     statusText2 = 'Найдено';
  596.                 } else if (pct2 > minSimilarity) {
  597.                     statusText2 = 'Частично найден в таблице - более ' + minSimilarity + '% совпадение';
  598.                 } else {
  599.                     statusText2 = 'Частично найден в таблице - менее ' + minSimilarity + '% совпадение';
  600.                 }
  601.                 cells['Статус'] = statusText2;
  602.                 cells['ФИО поиска'] = escapeHtml(it.compareLine);
  603.                 cells['ФИО таблицы'] = escapeHtml(it.foundOriginalString || '');
  604.                 cells['Процент совпадения, %'] = (it.similarityPercent !== undefined && it.similarityPercent !== null) ? escapeHtml(it.similarityPercent) : '';
  605.                 const rowClass2 = (pct2 === 100) ? 'table-success' : 'table-warning';
  606.                 renderRow(cells, rowClass2);
  607.             });
  608.         }
  609.     } else {
  610.         // fallback original behaviour: show found, then notFound, then notFoundOriginal
  611.         found.forEach(item => {
  612.             rowIndex++;
  613.             const compareString = escapeHtml(item.compareLine);
  614.             const foundOriginal = escapeHtml(item.foundOriginalString);
  615.             const percent = (item.similarityPercent !== undefined && item.similarityPercent !== null) ? escapeHtml(item.similarityPercent) : '';
  616.             let cells = {};
  617.             if (srcCols.length && foundOriginal) {
  618.                 const srcRow = findSrcRowByValue(foundOriginal);
  619.                 if (srcRow) Object.assign(cells, mapSrcRowToObj(srcRow));
  620.             }
  621.             const pctItem = (item.similarityPercent !== undefined && item.similarityPercent !== null) ? Number(item.similarityPercent) : 0;
  622.             let statusTextItem = '';
  623.             if (pctItem === 100) {
  624.                 statusTextItem = 'Найдено';
  625.             } else if (pctItem > minSimilarity) {
  626.                 statusTextItem = 'Частично найден в таблице - более ' + minSimilarity + '% совпадение';
  627.             } else {
  628.                 statusTextItem = 'Частично найден в таблице - менее ' + minSimilarity + '% совпадение';
  629.             }
  630.             cells['Номер п/п'] = escapeHtml(rowIndex);
  631.             cells['Статус'] = statusTextItem;
  632.             cells['ФИО поиска'] = compareString;
  633.             cells['ФИО таблицы'] = foundOriginal;
  634.             cells['Процент совпадения, %'] = percent;
  635.             const rowClassItem = (pctItem === 100) ? 'table-success' : 'table-warning';
  636.             renderRow(cells, rowClassItem);
  637.         });
  639.          notFound.forEach(item => {
  640.              rowIndex++;
  641.              const compareString = escapeHtml(item.compareLine);
  642.              const percent = (item.similarityPercent !== undefined && item.similarityPercent !== null) ? escapeHtml(item.similarityPercent) : '';
  644.              let cells = {};
  645.              cells['Номер п/п'] = escapeHtml(rowIndex);
  646.              cells['Статус'] = 'Не найдено в таблице';
  647.              cells['ФИО поиска'] = compareString;
  648.              cells['ФИО таблицы'] = '';
  649.              cells['Процент совпадения, %'] = percent;
  651.              renderRow(cells, 'table-danger');
  652.          });
  654.          notFoundOriginal.forEach(item => {
  655.              rowIndex++;
  656.              const original = escapeHtml(item);
  657.              let cells = {};
  658.              if (srcCols.length) {
  659.                  const srcRow = findSrcRowByValue(item);
  660.                  if (srcRow) Object.assign(cells, mapSrcRowToObj(srcRow));
  661.              }
  662.              cells['Номер п/п'] = escapeHtml(rowIndex);
  663.              cells['Статус'] = 'Не найдено в списке поиска';
  664.              cells['ФИО поиска'] = '';
  665.              cells['ФИО таблицы'] = original;
  666.              cells['Процент совпадения, %'] = '';
  668.              renderRow(cells, 'table-secondary');
  669.          });
  670.      }
  672.     // --- New: ensure initialization script with modifiedOptions ---
  673.     if (modifiedOptions) {
  674.         if (modifiedOptions.drawRowNumbersForColIndex === undefined) {
  675.             modifiedOptions.drawRowNumbersForColIndex = 0;
  676.         }
  677.         html += '</tbody></table></div>';
  678.         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>';
  679.     } else {
  680.         html += '</tbody></table></div>';
  681.     }
  683.     return html;
  684.  }
  686. function compareData(data1, data2) {
  687.     return new Promise((resolve, reject) => {
  688.         Utils.fetch(API_COMPARE_DATA_URL, 'POST', { data1: data1, data2: data2 })
  689.             .then(async (response) => {
  690.                 console.log(response);
  691.                 resolve(response.response);
  692.             })
  693.             .catch((response) => {
  694.                 showToast("Ошибка. Не удалось провести сравнение. Попробуйте повторить позднее.",
  695.                     TOAST_TYPE.ERROR);
  696.                 console.log(response);
  697.                 reject(response);
  698.             });
  699.     });
  700. }
  704. function updateDependentElementVisibility(controllerSelector, $dependent) {
  705.     const $controllerElement = $(controllerSelector);
  706.     let optionAttrName = $dependent.data('controlling-select-option-attr-name');
  708.     let selectValues = $dependent.data('controlling-element-value');
  709.     if (selectValues !== null && selectValues !== undefined) {
  710.         if (!Array.isArray(selectValues)) {
  711.             selectValues = [selectValues];
  712.         }
  713.     }
  715.     let excludeValues = $dependent.data('controlling-element-value-exclude');
  716.     if (excludeValues !== null && excludeValues !== undefined) {
  717.         if (!Array.isArray(excludeValues)) {
  718.             excludeValues = [excludeValues];
  719.         }
  720.     }
  722.     const controllingElementTag = $controllerElement.prop('tagName').toLowerCase();
  723.     let selectedControllerVal = null;
  724.     switch (controllingElementTag) {
  725.         case 'input':
  726.             selectedControllerVal = !!$controllerElement.is(':checked');
  727.             break;
  728.         default:
  729.             selectedControllerVal = $controllerElement.val();
  730.     }
  732.     if (optionAttrName) {
  733.         $dependent.find('option').each(function () {
  734.             let $opt = $(this);
  735.             let optAttrVal = $opt.attr(optionAttrName);
  736.             if (optAttrVal == selectedControllerVal || $opt.val() == -1) {
  737.                 $opt.show();
  738.             } else {
  739.                 $opt.hide();
  740.             }
  741.         });
  742.         if ($dependent.find('option:selected').attr(optionAttrName) != selectedControllerVal) {
  743.             $dependent.val(-1);
  744.         }
  745.     } else if (selectValues || excludeValues) {
  746.         let isExcluded = excludeValues ? excludeValues.includes(selectedControllerVal) : false;
  747.         let isIncluded = selectValues ? selectValues.includes(selectedControllerVal) : true;
  749.         switch (controllingElementTag) {
  750.             case 'input':
  751.             case 'select':
  752.                 $dependent.toggle(!isExcluded && isIncluded);
  753.                 break;
  754.             default:
  755.                 throw new Error('Unsupported controlling element tag for data-controlling-element-value: ' + controllingElementTag);
  756.         }
  757.     }
  758. }
  759. function bindDependentElementVisibility(element) {
  760.         let $dependent = $(element);
  761.         let controllerSelector = $dependent.data('controlling-element-selector');
  762.         if (!controllerSelector) return;
  764.         $(controllerSelector).on('change', function() {
  765.             updateDependentElementVisibility(controllerSelector, $dependent);
  766.         });
  768.         if ($(controllerSelector).length) {
  769.             updateDependentElementVisibility(controllerSelector, $dependent);
  770.         }
  771. }
  772. $('[data-controlling-element-selector]').each(function() {
  773.     bindDependentElementVisibility($(this)[0]);
  774. });
  776. function updateCheckAllMasterState($master, targetSelector) {
  777.     try {
  778.         const $targets = $(targetSelector).filter(':not(:disabled)');
  779.         const total = $targets.length;
  780.         if (total === 0) {
  781.             $master.prop('checked', false);
  782.             $master.prop('indeterminate', false);
  783.             return;
  784.         }
  785.         const checkedCount = $targets.filter(':checked').length;
  786.         if (checkedCount === 0) {
  787.             $master.prop('checked', false);
  788.             $master.prop('indeterminate', false);
  789.         } else if (checkedCount === total) {
  790.             $master.prop('checked', true);
  791.             $master.prop('indeterminate', false);
  792.         } else {
  793.             $master.prop('checked', false);
  794.             $master.prop('indeterminate', true);
  795.         }
  796.     } catch (e) {
  797.         console.error('updateCheckAllMasterState error', e);
  798.     }
  799. }
  801. function bindCheckAll(masterCheckbox) {
  802.     let $master = $(masterCheckbox);
  803.     let targetSelector = $master.attr('data-target') || $master.data('target');
  804.     if (!targetSelector) return;
  806.     // When master changes, set all targets checked state
  807.     $master.off('change.checkAll').on('change.checkAll', function() {
  808.         try {
  809.             const checked = $master.is(':checked');
  810.             $(targetSelector).each(function () {
  811.                 // only change inputs of type checkbox or radios
  812.                 const $t = $(this);
  813.                 if ($t.is(':disabled')) return;
  814.                 if ($t.is(':checkbox') || $t.is(':radio') || $t.attr('type') === 'checkbox' || $t.attr('type') === 'radio') {
  815.                     $t.prop('checked', checked);
  816.                     // trigger change so other logic can react
  817.                     $t.trigger('change');
  818.                 }
  819.             });
  820.         } catch (e) {
  821.             console.error('bindCheckAll master change handler error', e);
  822.         }
  823.     });
  825.     // When any target changes, update master state
  826.     // Use delegated handler to avoid multiple bindings; namespace with selector
  827.     const delegatedEventName = 'change.checkAll.' + encodeURIComponent(targetSelector);
  828.     // remove possible existing delegated handlers for same selector to avoid duplication
  829.     $(document).off(delegatedEventName, targetSelector);
  830.     $(document).on(delegatedEventName, targetSelector, function() {
  831.         updateCheckAllMasterState($master, targetSelector);
  832.     });
  834.     // initialize master state
  835.     updateCheckAllMasterState($master, targetSelector);
  836. }
  838. let keysData = {
  839.     shift: { isPressed: false }
  840. };
  842. function bindWindowKeyPressHandling() {
  843.     // remove previous handlers in the same namespace to avoid double binding
  844.     {#$(window).off('.shiftCheck');#}
  846.     // keydown/keyup handlers: support modern `e.key` and legacy `keyCode/which`.
  847.     $(window).on('keydown.shiftCheck', function(e) {
  848.         const key = e.key || (e.originalEvent && e.originalEvent.key) || null;
  849.         const code = e.keyCode || e.which || (e.originalEvent && (e.originalEvent.keyCode || e.originalEvent.which));
  850.         if (key === 'Shift' || code === 16) {
  851.             keysData.shift.isPressed = true;
  852.         }
  853.     });
  855.     $(window).on('keyup.shiftCheck', function(e) {
  856.         const key = e.key || (e.originalEvent && e.originalEvent.key) || null;
  857.         const code = e.keyCode || e.which || (e.originalEvent && (e.originalEvent.keyCode || e.originalEvent.which));
  858.         if (key === 'Shift' || code === 16) {
  859.             keysData.shift.isPressed = false;
  860.         }
  861.     });
  863.     // Reset modifier state on window blur to avoid "stuck" state when focus is lost
  864.     $(window).on('blur.shiftCheck', function() {
  865.         keysData.shift.isPressed = false;
  866.     });
  867. }
  869. // Immediately bind key handlers so other logic that relies on `keysData.shift.isPressed` works
  870. bindWindowKeyPressHandling();
  872. $('[data-toggle="check-all"]').each(function() {
  873.     bindCheckAll(this);
  874. });
  876. function bindSetCheckedDownToOfContainer(container) {
  877.     let muteInputChangeEvents = false;
  879.     $(container).find('input[type="checkbox"]').on('change', function() {
  880.         if (muteInputChangeEvents) {
  881.             return;
  882.         }
  884.         if (!keysData.shift.isPressed) {
  885.             return;
  886.         }
  888.         let $lastInput = $(this);
  889.         muteInputChangeEvents = true;
  890.         $(container).find('input[type="checkbox"]').each(function() {
  891.             if (this === $lastInput[0]) {
  892.                 return false;
  893.             }
  894.             $(this).prop('checked', $lastInput.is(':checked'));
  895.         });
  896.         muteInputChangeEvents = false;
  897.     });
  898. }
  900. $('[data-set-checked-down-to-container]').each(function() {
  901.     bindSetCheckedDownToOfContainer(this);
  902. });
  904. $('[data-toggle="count-text"]').each(function() {
  905.     let $el = $(this);
  906.     let $target = $($el.data('target'));
  907.     let template = $el.data('count-text-template');
  908.     function update() {
  909.         let count = $el.find('option:selected').length;
  910.         $target.html(count ? template.replace('{selected-count}', count) : '');
  911.     }
  912.     $el.on('change', update);
  913.     update();
  914. });
  916. function createEntityCollection(element) {
  917.     let ec = new EntityCollection(element);
  918.     elementLogicObjects[element] = ec;
  919. }
  920. $('[data-init="entity-collection"]').each(function() {
  921.     createEntityCollection($(this)[0]);
  922. });
  924. function wrapTextInTag(textarea, tag) {
  925.     let start = textarea.selectionStart;
  926.     let end = textarea.selectionEnd;
  927.     let selectedText = textarea.value.substring(start, end);
  929.     if (selectedText) {
  930.         let openTag = '<' + tag + '>';
  931.         let closeTag = '</' + tag + '>';
  932.         let textBefore = textarea.value.substring(start - openTag.length, start);
  933.         let textAfter = textarea.value.substring(end, end + closeTag.length);
  935.         if (textBefore === openTag && textAfter === closeTag) {
  936.             textarea.value = textarea.value.substring(0, start - openTag.length) + selectedText + textarea.value.substring(end + closeTag.length);
  937.             let newStart = start - openTag.length;
  938.             let newEnd = newStart + selectedText.length;
  939.             textarea.focus();
  940.             textarea.setSelectionRange(newStart, newEnd);
  941.         } else {
  942.             let wrappedText = openTag + selectedText + closeTag;
  943.             textarea.value = textarea.value.substring(0, start) + wrappedText + textarea.value.substring(end);
  944.             textarea.focus();
  945.             textarea.setSelectionRange(start + openTag.length, start + openTag.length + selectedText.length);
  946.         }
  947.         $(textarea).trigger('change');
  948.     }
  949. }
  951. function bindTextEditButton(element) {
  952.     let $button = $(element);
  953.     let $formGroup = $button.closest('.form-group');
  954.     let $textElement = $formGroup.find(`div[contenteditable="true"]`);
  956.     $button.off('click').on('click', function() {
  957.         if ($textElement.length) {
  958.             if ($button.hasClass('bold-text-button')) {
  959.                 document.execCommand('bold');
  960.             } else if ($button.hasClass('italic-text-button')) {
  961.                 document.execCommand('italic');
  962.             } else if ($button.hasClass('underline-text-button')) {
  963.                 document.execCommand('underline');
  964.             }
  965.         }
  966.     });
  967. }
  968. $('[data-dom-listener-groups*="textEditButton"]').each(function() {
  969.     bindTextEditButton($(this)[0]);
  970. });
  972. function insertEmoji(editableDiv, emoji) {
  973.     if (!editableDiv) return;
  975.     // support for textarea / input
  976.     const tagName = (editableDiv.tagName || '').toLowerCase();
  977.     if (tagName === 'textarea' || tagName === 'input') {
  978.         try {
  979.             const start = typeof editableDiv.selectionStart === 'number' ? editableDiv.selectionStart : 0;
  980.             const end = typeof editableDiv.selectionEnd === 'number' ? editableDiv.selectionEnd : start;
  981.             const value = editableDiv.value || '';
  982.             const newValue = value.substring(0, start) + emoji + value.substring(end);
  983.             editableDiv.value = newValue;
  984.             const pos = start + emoji.length;
  985.             editableDiv.focus();
  986.             try { editableDiv.setSelectionRange(pos, pos); } catch (e) { /* ignore */ }
  987.             $(editableDiv).trigger('input').trigger('change');
  988.         } catch (e) {
  989.             console.error('insertEmoji (input) error', e);
  990.         }
  991.         return;
  992.     }
  994.     // support for contenteditable elements
  995.     try {
  996.         // ensure element is focused
  997.         editableDiv.focus();
  999.         const sel = window.getSelection();
  1000.         if (!sel) return;
  1002.         let range = null;
  1003.         if (sel.rangeCount > 0) {
  1004.             range = sel.getRangeAt(0).cloneRange();
  1005.         }
  1007.         // If there's no range or the current range is outside editableDiv, set caret to end
  1008.         let isInside = false;
  1009.         if (range) {
  1010.             const container = range.commonAncestorContainer;
  1011.             isInside = editableDiv.contains(container) || container === editableDiv;
  1012.         }
  1014.         if (!range || !isInside) {
  1015.             range = document.createRange();
  1016.             range.selectNodeContents(editableDiv);
  1017.             range.collapse(false); // to end
  1018.         }
  1020.         // Delete current selection (if any)
  1021.         range.deleteContents();
  1023.         // Insert emoji as a text node
  1024.         const textNode = document.createTextNode(emoji);
  1025.         range.insertNode(textNode);
  1027.         // Move caret after inserted node
  1028.         range.setStartAfter(textNode);
  1029.         range.collapse(true);
  1031.         // Apply the new range
  1032.         sel.removeAllRanges();
  1033.         sel.addRange(range);
  1035.         // Trigger input/change so other bindings (that sync to textarea) update
  1036.         $(editableDiv).trigger('input').trigger('change');
  1037.     } catch (e) {
  1038.         console.error('insertEmoji (contenteditable) error', e);
  1039.     }
  1040. }
  1043. function bindEmojiButton(element) {
  1044.     let $button = $(element);
  1045.     let $formGroup = $button.closest('.form-group');
  1046.     let $textElement = $formGroup.find(`div[contenteditable="true"]`);
  1048.     $button.off('click').on('click', function() {
  1049.         let emoji = $button.data("insert-text") ? $button.data("insert-text") : $button.text();
  1050.         emoji = emoji.trim()
  1051.         insertEmoji($textElement[0], emoji);
  1052.     });
  1053. }
  1054. $('[data-dom-listener-groups*="emojiButton"]').each(function() {
  1055.     bindEmojiButton($(this)[0]);
  1056. });
  1058. function bindTextEdit(element) {
  1059.     let $formGroup = $(element).closest('.form-group');
  1060.     let $textarea = $formGroup.find(`textarea`);
  1062.     $(element).on('input', () => {
  1063.         $(element).find('font').each(function () {
  1064.             $(this).removeAttr('face').removeAttr('color').replaceWith($(this).contents());
  1065.         });
  1066.         $(element).find('*').each(function () {
  1067.             const style = $(this).attr('style');
  1068.             if (style) {
  1069.                 const newStyle = style.replace(/color\s*:\s*[^;]+;?/gi, '').trim();
  1070.                 if (newStyle) {
  1071.                     $(this).attr('style', newStyle);
  1072.                 } else {
  1073.                     $(this).removeAttr('style');
  1074.                 }
  1075.             }
  1076.         });
  1078.         $textarea.val($(element).html()).trigger('change');
  1079.     });
  1080. }
  1081. $('[data-dom-listener-groups*="textEdit"]').each(function() {
  1082.     bindTextEdit($(this)[0]);
  1083. });
  1085. function autoResizeTextarea(textarea) {
  1086.     let scrollX = window.scrollX;
  1087.     let scrollY = window.scrollY;
  1088.     textarea.style.height = '0';
  1089.     textarea.style.height = textarea.scrollHeight + 'px';
  1090.     window.scrollTo({ left: scrollX, top: scrollY, behavior: 'instant' });
  1091. }
  1092. function bindAutoResizeTextarea(element) {
  1093.     let $textarea = $(element);
  1094.     $textarea.css({ overflow: 'hidden', resize: 'vertical', 'min-height': '80px' });
  1095.     $textarea.off('input.autoResize').on('input.autoResize', function() {
  1096.         autoResizeTextarea(this);
  1097.     });
  1098.     autoResizeTextarea(element);
  1099. }
  1100. $('[data-toggle="auto-resize-textarea"]').each(function() {
  1101.     bindAutoResizeTextarea(this);
  1102. });
  1104. domDispatcher.eventDispatcher.on(
  1105.     DomDispatcher.EVENTS.ON_DOM_NODE_ADDED,
  1106.     (data, event) => {
  1107.         if (data.groupNames.includes("dependentElementVisibility")) {
  1108.             bindDependentElementVisibility(data.element);
  1109.         } else if (data.groupNames.includes("entityCollection")) {
  1110.             createEntityCollection(data.element);
  1111.         } else if (data.groupNames.includes("textEditButton")) {
  1112.             bindTextEditButton(data.element);
  1113.         } else if (data.groupNames.includes("emojiButton")) {
  1114.             bindEmojiButton(data.element);
  1115.         } else if (data.groupNames.includes("autoResizeTextarea")) {
  1116.             bindAutoResizeTextarea(data.element);
  1117.         } else if (data.groupNames.includes("textEdit")) {
  1118.             bindTextEdit(data.element);
  1119.         }
  1120.     }, {
  1121.         groupNames: ["dependentElementVisibility", "entityCollection", "textEditButton",
  1122.             "emojiButton", "autoResizeTextarea", "textEdit"],
  1123. });
  1127. /** @type {DateRangePickerWithButton} */
  1128. let calendarEventsSelectorComponent = null;
  1130. {#initBearer.wait([#}
  1131. {#    INIT_BEARERS.GLOBAL_USER_SETTINGS_MODIFIER,#}
  1132. {#    INIT_BEARERS.GLOBAL_USER_SETTINGS_FORM_SAVER,#}
  1133. {#]).then(() => {#}
  1134. {#    let monthSliderRangeDropdownElement = $('.month-range-slider-dropdown .dropdown').first()[0];#}
  1135. {#    monthRangeSliderRangeDropdown =#}
  1136. {#        new MonthRangeSliderDropdown(monthSliderRangeDropdownElement, {#}
  1137. {#            monthRangeSliderOptions: {#}
  1138. {#                minDate: new Date("2025-01-01") ,#}
  1139. {#                maxDate:  new Date(new Date().getFullYear() + 1, 11, 31),#}
  1140. {#                startDate: new Date(userSettings.startCalendarEventsDate),#}
  1141. {#                endDate: new Date(userSettings.endCalendarEventsDate),#}
  1142. {#            }#}
  1143. {#        });#}
  1144. {#    userSettingsModifier.bindMonthRangeSliderDropdown('startCalendarEventsDate',#}
  1145. {#        'endCalendarEventsDate', monthRangeSliderRangeDropdown, false);#}
  1146. {#    userSettingsFormSaver.eventDispatcher.on(userSettingsFormSaver.EVENTS.ON_SAVE, () => {#}
  1147. {#        window.location.reload();#}
  1148. {#    });#}
  1150. {#    initBearer.set(INIT_BEARERS.GLOBAL_MONTH_RANGE_SLIDER_RANGE_DROPDOWN,#}
  1151. {#        monthRangeSliderRangeDropdown);#}
  1152. {#});#}
  1154. initBearer.wait([
  1155.     INIT_BEARERS.GLOBAL_USER_SETTINGS_MODIFIER,
  1156.     INIT_BEARERS.GLOBAL_USER_SETTINGS_FORM_SAVER,
  1157. ]).then(() => {
  1158.     let element = $('.date-range-picker-with-button')[0];
  1159.     if (element) {
  1160.         calendarEventsSelectorComponent = new DateRangePickerWithButton(element, {
  1161.             startDate: new Date(userSettings.startCalendarEventsDate),
  1162.             endDate: new Date(userSettings.endCalendarEventsDate),
  1163.             datePickerOptions: {
  1164.                 rangeLabels: {
  1165.                     TODAY: 'За сегодня',
  1166.                     YESTERDAY: 'За вчера',
  1167.                     LAST_7_DAYS: 'За последние 7 дней',
  1168.                     LAST_30_DAYS: 'За последние 30 дней',
  1169.                     THIS_MONTH: 'За этот месяц',
  1170.                     LAST_MONTH: 'За прошлый месяц',
  1171.                     CURRENT_AND_FUTURE: 'Текущие и будущие',
  1172.                     ALL_TIME: 'За всё время',
  1173.                 }
  1174.             }
  1175.         });
  1177.         userSettingsModifier.bindDateRangePickerWithButton('startCalendarEventsDate',
  1178.             'endCalendarEventsDate', calendarEventsSelectorComponent, false, "calendarEventsDateRangeName");
  1179.         userSettingsFormSaver.eventDispatcher.on(userSettingsFormSaver.EVENTS.ON_SAVE, () => {
  1180.             window.location.reload();
  1181.         });
  1183.         initBearer.set(INIT_BEARERS.GLOBAL_CALENDAR_EVENTS_SELECTOR_COMPONENT,
  1184.             calendarEventsSelectorComponent);
  1185.     }
  1186. });
  1188. //todo redo
  1189. $(".new-item-text").on("input", function() {
  1190.     $closestList = $(this).parent().parent().parent().find("ul.dropdown-menu");
  1191.     $newItem = $closestList.find("li > a[data-list-item-id=-100]").parent();
  1192.     $newItem.find("a").text($(this).val() ? " " + $(this).val() : "–");
  1193.     $newItem.toggle($(this).val().trim().length > 0);
  1194. });
  1196. {#initBearer.wait([INIT_BEARERS.GLOBAL_CALENDAR_EVENTS_SELECTOR_COMPONENT]).then(() => {#}
  1197. {#    let monthRangeSliderTipToast = null;#}
  1198. {#    calendarEventsSelectorComponent.eventDispatcher.on(#}
  1199. {#        calendarEventsSelectorComponent.EVENTS.ON_DROPDOWN_SHOW, () => { #}{# for MonthRangeSliderDropdown #}
  1200. {#            let toastMsg = `Подсказка<br><br>#}
  1202. {#Для изменения периода мероприятий:<br><br>#}
  1203. {#<b>1</b>. Измените положение <div class="month-range-thumb month-range-thumb-start" data-thumb="start"#}
  1204. {#style="position: static; display: inline-block; transform: translate(0, 5px);"></div> <b>красного</b>#}
  1205. {#и/или <div class="month-range-thumb month-range-thumb-end" data-thumb="end"#}
  1206. {#style="position: static; display: inline-block; transform: translate(0, 5px);"></div> <b>синего</b><br>#}
  1207. {#ползунков с помощью мыши, потянув<br>#}
  1208. {#их влево или вправо.<br><br>#}
  1209. {#<b>2</b>. Нажмите кнопку<br>#}
  1210. {#«Применить».#}
  1212. {#<br><br>#}
  1213. {#<label><input type="checkbox"#}
  1214. {#    data-dom-listener-groups='["userTipSettingsModifier"]'#}
  1215. {#    data-json-to-component-bind-key-name="showCalendarEventsPeriodTip"#}
  1216. {#> Не показывать эту подсказку в дальнейшем</label>#}
  1217. {#<br>#}
  1218. {#`;#}
  1219. {#            if (userTipSettings.showCalendarEventsPeriodTip) {#}
  1220. {#                monthRangeSliderTipToast = showToast(toastMsg, TOAST_TYPE.INFO, true, 60000 * 3);#}
  1221. {#            }#}
  1222. {#        });#}
  1224. {#    calendarEventsSelectorComponent.eventDispatcher.on(#}
  1225. {#        calendarEventsSelectorComponent.EVENTS.ON_DROPDOWN_HIDE, () => {#}
  1226. {#            if (monthRangeSliderTipToast) {#}
  1227. {#                monthRangeSliderTipToast.hideToast();#}
  1228. {#            }#}
  1229. {#        }#}
  1230. {#    );#}
  1231. {#});#}