/* ==================================================================== ОБЕРТКА ДЛЯ ОЖИДАНИЯ JQUERY ==================================================================== */ (function waitForJQuery() { if (typeof jQuery === 'undefined') { setTimeout(waitForJQuery, 10); } else { (function($) { if (typeof aveabspath === 'undefined') { window.aveabspath = '/'; } function initCommentTimers() { $('.timer-count:not(.timer-running)').each(function() { var $timer = $(this); var timeLeft = parseInt($timer.attr('data-left')); // Если время не определено или уже вышло — помечаем как запущенный и пропускаем if (isNaN(timeLeft) || timeLeft <= 0) { $timer.addClass('timer-running'); return; } $timer.addClass('timer-running'); var cid = $timer.attr('id').replace('timer_', ''); var countdown = setInterval(function() { timeLeft--; if (timeLeft <= 0) { clearInterval(countdown); // --- ИЗМЕНЕНИЕ 1: Проверка режима редактирования --- var isEditing = $('#comment_wrapper_' + cid).find('.edit-form-container').length > 0; if (!isEditing) { // Находим кнопки управления var $controls = $('#controls_' + cid); // Убедитесь, что у контейнера кнопок есть такой ID if ($controls.length) { $controls.fadeOut(300, function() { $(this).remove(); }); } // Обновляем статус визуально $('#timer_container_' + cid).html(' Время на правку истекло'); } else { // Если открыта форма редактирования, просто меняем текст, не удаляя кнопки $('#timer_container_' + cid).html(' Время вышло! Завершите правку.'); } // --- КОНЕЦ ИЗМЕНЕНИЯ 1 --- return; } // Форматируем вывод 00:00 var minutes = Math.floor(timeLeft / 60); var seconds = timeLeft % 60; $timer.text(minutes + ':' + (seconds < 10 ? '0' : '') + seconds); $timer.attr('data-left', timeLeft); }, 1000); $timer.data('interval-id', countdown); }); } /* Limit Plugin */ $.fn.extend({ limit: function(limit, element) { return this.each(function() { var self = $(this); function substring() { var val = self.val(); if (val.length > limit) self.val(val.substring(0, limit)); if (typeof element !== 'undefined') { var remaining = limit - self.val().length; $(element).html(remaining < 0 ? '0' : remaining); } } self.on('focus keyup paste', substring); substring(); }); } }); function getCaptha() { var now = new Date(); $('#captcha img').attr('src', aveabspath + 'inc/captcha.php?cd=' + now.getTime()); } // ВАЛИДАЦИЯ ПОЛЕЙ // Функция для проверки файла (расширение и размер) function checkFileConsistency(file, $errorDisplay) { if (!file) return true; // Получаем настройки из шаблона (те переменные, что мы добавили в тег script) var allowedExts = (typeof ALLOWED_EXTENSIONS !== 'undefined') ? ALLOWED_EXTENSIONS.toLowerCase().split(',') : ['jpg', 'jpeg', 'png', 'gif']; var maxSizeKb = (typeof MAX_FILE_SIZE_KB !== 'undefined') ? parseInt(MAX_FILE_SIZE_KB) : 2048; var fileName = file.name.toLowerCase(); var fileExt = fileName.split('.').pop(); var fileSizeKb = file.size / 1024; // Проверка расширения if ($.inArray(fileExt, allowedExts) === -1) { $errorDisplay.text('Тип файла .' + fileExt + ' не разрешен.').removeClass('d-none'); return false; } // Проверка размера if (fileSizeKb > maxSizeKb) { $errorDisplay.text('Файл слишком большой (' + Math.round(fileSizeKb) + ' Кб). Максимум: ' + maxSizeKb + ' Кб').removeClass('d-none'); return false; } $errorDisplay.addClass('d-none').text(''); return true; } function validate(form) { var isValid = true; // Вспомогательная функция для подсветки function setInvalid($el, show, msg) { if (show) { $el.addClass('is-invalid'); if ($el.next('.invalid-feedback').length === 0) { $el.after('
' + msg + '
'); } isValid = false; } else { $el.removeClass('is-invalid'); $el.next('.invalid-feedback').remove(); } } // Проверка Имени setInvalid($(form.comment_author_name), !form.comment_author_name.value.trim(), "Введите ваше имя"); // Проверка Email setInvalid($(form.comment_author_email), !form.comment_author_email.value.trim(), "Введите корректный Email"); // Проверка Доп. поля №1 (если оно обязательное) if (typeof REQ_F1 !== 'undefined' && REQ_F1 == '1') { var f1 = $('#in_author_website'); setInvalid(f1, !f1.val().trim(), "Заполните: " + NAME_F1); } // Проверка Доп. поля №2 (если оно обязательное) if (typeof REQ_F2 !== 'undefined' && REQ_F2 == '1') { var f2 = $('#in_author_city'); setInvalid(f2, !f2.val().trim(), "Заполните: " + NAME_F2); } // Проверка Текста setInvalid($(form.comment_text), !form.comment_text.value.trim(), "Введите текст комментария"); // Проверка файлов в основной форме (Мультизагрузка) var $fileInput = $(form).find('#comment_image'); if ($fileInput.length && $fileInput[0].files.length > 0) { var files = $fileInput[0].files; for (var i = 0; i < files.length; i++) { if (!checkFileConsistency(files[i], $('#file_error'))) { $fileInput.addClass('is-invalid'); isValid = false; break; } } } if (!isValid) { // Скроллим к первой ошибке $('html, body').animate({ scrollTop: $('.is-invalid:first').offset().top - 130 }, 300); } return isValid; } /* --- ДЕЙСТВИЯ (DELETE, LOCK, OPEN/CLOSE, VOTE) --- */ function cAction(obj, action) { var $btn = $(obj); var cid = $btn.data('id'); if (!cid && action !== 'open' && action !== 'close') return; $.get(aveabspath + 'index.php', { module: 'comment', action: action, docid: typeof DOC_ID !== 'undefined' ? DOC_ID : '', Id: cid ? cid : '' }, function() { if (action === 'close') { $btn.attr('id', 'mod_comment_open') .removeClass('btn-outline-danger').addClass('btn-outline-success') .html(' ' + COMMENT_SITE_OPEN); $('#mod_comment_new').fadeOut(300); } else if (action === 'open') { $btn.attr('id', 'mod_comment_close') .removeClass('btn-outline-success').addClass('btn-outline-danger') .html(' ' + COMMENT_SITE_CLOSE); $('#mod_comment_new').fadeIn(300); } if (action === 'delete') { var $commentBlock = $btn.closest('.mod_comment_comment'); $commentBlock.fadeOut(300, function() { $(this).remove(); }); } if (action === 'unlock' || action === 'lock') { var isLock = (action === 'lock'); $btn.toggleClass('mod_comment_lock mod_comment_unlock text-dark text-success') .attr('title', isLock ? 'Разблокировать' : 'Заблокировать') .find('i').toggleClass('bi-lock-fill bi-unlock-fill'); } }); } /* --- ИНИЦИАЛИЗАЦИЯ --- */ $(document).ready(function() { initCommentTimers(); var $doc = $(document); // Убираем красную рамку, когда пользователь начинает исправлять поле $doc.on('input change', '.form-control', function() { $(this).removeClass('is-invalid'); $(this).next('.invalid-feedback').fadeOut(200, function() { $(this).remove(); }); }); // Счетчик: Количество оставшихся символов 1000 для формы создания комментария $('#in_message').limit(1000, '#charsLeft_new'); $doc.on('change', '#comment_image', function() { var input = this; var $errorBox = $('#file_error'); var $previewWrapper = $('#image_preview_wrapper'); $previewWrapper.empty().addClass('d-none'); $errorBox.addClass('d-none'); $(input).removeClass('is-invalid'); if (input.files && input.files.length > 0) { var files = Array.from(input.files); $previewWrapper.removeClass('d-none').addClass('d-flex flex-wrap gap-2'); files.forEach(function(file) { if (checkFileConsistency(file, $errorBox)) { var reader = new FileReader(); reader.onload = function(e) { var imgHtml = `
`; $previewWrapper.append(imgHtml); } reader.readAsDataURL(file); } else { $(input).val('').addClass('is-invalid'); $previewWrapper.addClass('d-none'); } }); } }); // старый обработчик, доработанный под мультизагрузку $doc.on('click', '#remove_image_btn', function() { $('#comment_image').val(''); // Очищаем выбор файлов $('#image_preview_wrapper').addClass('d-none').empty(); // Скрываем и полностью очищаем блок превью // Строка с #image_preview_img больше не нужна, так как картинок теперь много }); // удаление картинок по одной (крестиком на самой картинке) $doc.on('click', '.remove-new-img', function() { $(this).closest('.preview-item').remove(); // Удаляем только этот контейнер с картинкой // Если после удаления картинок внутри не осталось — скрываем обертку и чистим инпут if ($('#image_preview_wrapper').children().length === 0) { $('#image_preview_wrapper').addClass('d-none'); $('#comment_image').val(''); } }); // --- ЛОГИКА ВЫБОРА РЕЙТИНГА В ФОРМЕ --- $doc.on('mouseenter', '.star-choice', function() { var val = $(this).data('value'); $(this).parent().find('.star-choice').each(function() { if ($(this).data('value') <= val) { $(this).removeClass('bi-star').addClass('bi-star-fill'); } else { $(this).removeClass('bi-star-fill').addClass('bi-star'); } }); }); $doc.on('mouseleave', '.rating-edit-block, #rating_wrapper', function() { var $block = $(this); var currentRating; if ($block.attr('id') === 'rating_wrapper') { currentRating = parseInt($('#comment_user_rating').val()) || 0; } else { var cid = $block.find('input[type="hidden"]').attr('id').replace('rating_input_', ''); currentRating = parseInt($('#rating_input_' + cid).val()) || 0; } $block.find('.star-choice').each(function() { if ($(this).data('value') <= currentRating) { $(this).removeClass('bi-star').addClass('bi-star-fill'); } else { $(this).removeClass('bi-star-fill').addClass('bi-star'); } }); }); $doc.on('click', '.star-choice', function() { var val = $(this).data('value'); var ratingInput = $(this).closest('.rating-edit-block').find('input[type="hidden"]'); if (ratingInput.length) { ratingInput.val(val); } else { $('#comment_user_rating').val(val); } $(this).prevAll().addBack().removeClass('bi-star').addClass('bi-star-fill'); $(this).nextAll().removeClass('bi-star-fill').addClass('bi-star'); }); $doc.on('click', '#buttonReset', function() { $('#comment_user_rating').val(0); $('#user_rating_stars .star-choice').removeClass('bi-star-fill').addClass('bi-star'); $('#rating_wrapper').show(); // Показываем блок рейтинга обратно $('#image_preview_wrapper').addClass('d-none'); $('#charsLeft_new').text(1000); $('.form-control').removeClass('is-invalid'); $('.invalid-feedback').remove(); $('#parent_id').val(''); // Очищаем ID родителя, чтобы комментарий снова стал корневым }); $doc.on('click', '#reset_stars', function(e) { e.preventDefault(); $('#comment_user_rating').val(0); $('#user_rating_stars .star-choice').removeClass('bi-star-fill').addClass('bi-star'); }); $doc.on('click', '.reset-edit-stars', function(e) { e.preventDefault(); var cid = $(this).data('id'); $('#rating_input_' + cid).val(0); $('#user_rating_stars_' + cid + ' .star-choice').removeClass('bi-star-fill').addClass('bi-star'); }); // --- ЛОГИКА ГОЛОСОВАНИЯ (РЕЙТИНГ УЖЕ ОПУБЛИКОВАННЫХ) --- $doc.on('mouseenter', '.star-item', function() { var $parent = $(this).parent(); if ($parent.hasClass('comment-like')) { $(this).css('transform', 'scale(1.2)'); } else { $(this).prevAll().addBack().removeClass('bi-star').addClass('bi-star-fill'); $(this).nextAll().removeClass('bi-star-fill').addClass('bi-star'); } }); $doc.on('mouseleave', '.star-item', function() { var $parent = $(this).parent(); if ($parent.hasClass('comment-like')) { $(this).css('transform', 'scale(1)'); } }); $doc.on('click', '.star-item', function() { var $container = $(this).closest('.comment-rating-container'); var commentId = $container.data('id'); var voteValue = $(this).data('value'); $.ajax({ url: 'index.php?module=comment&action=vote&ajax=1', type: 'POST', data: { comment_id: commentId, vote: voteValue, ajax: 1 }, success: function(response) { var res = response.toString().trim(); if (res.indexOf('success') !== -1) { $container.html('Спасибо!'); setTimeout(function(){ location.reload(); }, 1000); } else if (res.indexOf('already_voted') !== -1) { alert('Вы уже голосовали за этот комментарий.'); } else if (res.indexOf('own_comment') !== -1) { alert('Нельзя голосовать за свой собственный комментарий.'); } else if (res.indexOf('forbidden_anon') !== -1) { alert('Голосование доступно только зарегистрированным пользователям.'); } else { alert('Ошибка при обработке голоса сервером.'); } }, error: function(xhr) { alert('Ошибка связи с сервером. Статус: ' + xhr.status); } }); }); $doc.on('click', '#mod_comment_close', function(e) { e.preventDefault(); cAction(this, 'close'); }); $doc.on('click', '#mod_comment_open', function(e) { e.preventDefault(); cAction(this, 'open'); }); // КНОПКА ОТВЕТА $doc.off('click', '.mod_comment_answer').on('click', '.mod_comment_answer', function(e) { e.preventDefault(); var cid = $(this).data('id'); var $form = $('#mod_comment_new'); $form.insertAfter('#comment_' + cid).show(); $('#parent_id').val(cid); // --- СКРЫТИЕ РЕЙТИНГА ДЛЯ ОТВЕТОВ --- if (typeof SHOW_USER_RATING_REPLIES !== 'undefined' && SHOW_USER_RATING_REPLIES == '0') { $('#rating_wrapper').hide(); // Скрываем весь блок рейтинга $('#comment_user_rating').val(0); // Сбрасываем значение на всякий случай $('#user_rating_stars .star-choice').removeClass('bi-star-fill').addClass('bi-star'); } else { $('#rating_wrapper').show(); } // --- КОНЕЦ ЛОГИКИ --- $('html, body').animate({ scrollTop: $form.offset().top - 150 }, 500); $('#in_message').focus(); }); // Удаление $doc.off('click', '.mod_comment_delete').on('click', '.mod_comment_delete', function(e) { e.preventDefault(); if (confirm('Удалить этот комментарий?')) cAction(this, 'delete'); }); // Блокировка $doc.off('click', '.mod_comment_lock, .mod_comment_unlock').on('click', '.mod_comment_lock, .mod_comment_unlock', function(e) { e.preventDefault(); cAction(this, $(this).hasClass('mod_comment_lock') ? 'lock' : 'unlock'); }); // НАЧАЛО $doc.off('click', '.mod_comment_edit') РЕДАКТИРОВАНИЕ КОММЕНТАРИЯ $doc.off('click', '.mod_comment_edit').on('click', '.mod_comment_edit', function(e) { e.preventDefault(); var cid = $(this).data('id'); var $wrapper = $('#comment_wrapper_' + cid); if ($wrapper.length === 0) { console.error("Обертка #comment_wrapper_" + cid + " не найдена!"); return; } var $textBlock = $wrapper.find('.mod_comment_text').first(); // Пытаемся найти блок с картинками var $attachedImagesBlock = $wrapper.find('.mod_comment_attached_image'); if ($attachedImagesBlock.length === 0) { $attachedImagesBlock = $wrapper.find('.comment-files, .attached-images'); } if ($wrapper.find('.edit-form-container').length > 0) return; var isMyOwn = $wrapper.attr('data-is-own') == '1'; var currentRating = parseInt($wrapper.attr('data-user-rating')) || 0; $('.edit-form-container').remove(); $('.mod_comment_text').show(); $('.mod_comment_attached_image, .comment-files').show(); var cleanText = $textBlock.html().replace(//mg, "\n").trim(); // --- СБОР ТЕКУЩИХ КАРТИНОК (ТОЧНЫЙ ПОИСК ПО КОНТЕЙНЕРУ) --- var existingImagesHtml = ''; // Ищем картинки строго внутри контейнера вложений конкретного комментария var $imageContainer = $('#image_container_' + cid); var $foundImgs = $imageContainer.find('img'); if ($foundImgs.length > 0) { existingImagesHtml = '
'; $foundImgs.each(function(index) { var imgSrc = $(this).attr('src'); if (!imgSrc) return; // Извлекаем имя файла из пути для передачи на сервер var fileName = imgSrc.split('/').pop(); existingImagesHtml += `
`; }); existingImagesHtml += '
'; } // --- РЕЙТИНГ (ВОЗВРАЩЕНА ПОЛНАЯ ОРИГИНАЛЬНАЯ ЛОГИКА) --- var starsEditBlock = ''; var parentIdVal = parseInt($wrapper.attr('data-parent')) || 0; var isReply = parentIdVal > 0; var ratingForbiddenForReply = (isReply && typeof SHOW_USER_RATING_REPLIES !== 'undefined' && SHOW_USER_RATING_REPLIES == '0'); if (typeof SHOW_USER_RATING !== 'undefined' && SHOW_USER_RATING == '1' && isMyOwn && !ratingForbiddenForReply) { if (typeof UGROUP !== 'undefined' && (UGROUP != '2' || RATING_ANON_SET == '1')) { var starsHtml = ''; for(var i=1; i<=5; i++) { var starClass = (i <= currentRating) ? 'bi-star-fill' : 'bi-star'; starsHtml += ``; } starsEditBlock = `
${starsHtml}
Сбросить
`; } } // --- СБОРКА ФОРМЫ --- var editHtml = `
${starsEditBlock}

Загруженные файлы:

${existingImagesHtml}
Осталось:
`; $textBlock.hide(); $attachedImagesBlock.hide(); $foundImgs.hide(); $textBlock.after(editHtml); // --- НАКОПИТЕЛЬНОЕ ПРЕВЬЮ НОВЫХ ФАЙЛОВ --- var pendingFiles = []; // Массив для хранения всех выбранных файлов $wrapper.find('.edit-form-container').data('pendingFiles', pendingFiles); $('#new_file_' + cid).on('change', function() { var files = this.files; var $input = $(this); var $currentEditForm = $input.closest('.edit-form-container'); // ИЩЕМ ТОЛЬКО ПО КЛАССУ ОТНОСИТЕЛЬНО ИНПУТА var $errorDisplay = $input.prev('.js-file-error'); var maxLimit = parseInt(typeof MAX_FILES_COUNT !== 'undefined' ? MAX_FILES_COUNT : 5); if (files) { // Очищаем при каждом новом выборе $errorDisplay.text('').hide(); $.each(files, function(i, file) { var alreadyInPost = $currentEditForm.find('[id^="existing_wrapper_"]').length; var inPending = pendingFiles.filter(f => f !== null).length; if ((alreadyInPost + inPending) >= maxLimit) { // ВЫВОДИМ ТЕКСТ $errorDisplay.text(' Лимит: ' + maxLimit + ' шт. Лишние файлы проигнорированы.').show(); $input.val(''); return false; } if (!file.type.match('image.*')) return true; pendingFiles.push(file); var currentIndex = pendingFiles.length - 1; var reader = new FileReader(); reader.onload = function(e) { var $previewContainer = $('#new_files_preview_' + cid); if ($previewContainer.length === 0) { $input.after(`
`); $previewContainer = $('#new_files_preview_' + cid); } $previewContainer.append(`
`); }; reader.readAsDataURL(file); }); } }); // Обработчик удаления НОВОГО файла из превью (до сохранения) $doc.off('click', '.remove-new-file').on('click', '.remove-new-file', function() { var $item = $(this).closest('.new-file-item'); var index = $item.data('index'); pendingFiles[index] = null; // Помечаем как удаленный $item.remove(); // ЗАМЕНЯЕМ СТАРУЮ СТРОКУ НА ЭТУ: // Ищем через ближайший контейнер формы, чтобы точно попасть в нужный блок текста $(this).closest('.edit-form-container').find('.js-file-error').hide().text(''); }); // --- КОНЕЦ ВСТАВКИ --- // Добавил поддержку лимита символов if ($.fn.limit) { $('#ta_' + cid).limit(1000, '#charsLeft_' + cid); } $('#ta_' + cid).focus(); }); // КОНЕЦ $doc.off('click', '.mod_comment_edit') $doc.on('click', '.remove-existing-img', function() { var cid = $(this).data('id'); var imgPath = $(this).data('img-path'); var targetId = $(this).data('target'); // 1. Очищаем текст ошибки, так как место освободилось $('#file_error_' + cid).addClass('d-none').text(''); var $deleteInput = $('#delete_files_' + cid); var currentDeleteList = $deleteInput.val() ? $deleteInput.val().split(',') : []; if (currentDeleteList.indexOf(imgPath) === -1) { currentDeleteList.push(imgPath); $deleteInput.val(currentDeleteList.join(',')); } // 2. Скрываем и УДАЛЯЕМ элемент, чтобы счетчик .length его больше не видел $('#' + targetId).fadeOut(300, function() { $(this).remove(); }); }); // Обработка выбора НОВОГО файла при редактировании $doc.on('change', 'input[id^="new_file_"]', function() { var cid = $(this).attr('id').replace('new_file_', ''); var input = this; // 1. Сначала находим блок (БЕЗ ОШИБОК В ПЕРЕМЕННЫХ) var $errorBox = $('#file_error_' + cid); var $previewWrapper = $('#edit_preview_wrapper_' + cid); if (input.files && input.files.length > 0) { // 2. НЕ ОЧИЩАЕМ ТЕКСТ СРАЗУ, даем checkFileConsistency шанс вывести ошибку $previewWrapper.find('.preview-item-new').remove(); $previewWrapper.removeClass('d-none'); Array.from(input.files).forEach(function(file) { // 3. Передаем именно найденный объект if (checkFileConsistency(file, $errorBox)) { // Если файл прошел проверку - только тогда можно спрятать старую ошибку $errorBox.addClass('d-none').text(''); var reader = new FileReader(); reader.onload = function(e) { var item = `
`; $previewWrapper.append(item); } reader.readAsDataURL(file); } }); } }); // Удаление НОВОГО выбранного файла в режиме редактирования $doc.on('click', '.remove-edit-new-img', function() { var cid = $(this).data('id'); $('#new_file_' + cid).val(''); $('#edit_preview_wrapper_' + cid).addClass('d-none'); }); // Обработка кнопки "Отмена" при редактировании $doc.on('click', '.cancelButton', function() { var $container = $(this).closest('.edit-form-container'); // Находим главную обертку этого конкретного комментария var $wrapper = $container.closest('[id^="comment_wrapper_"]'); // 1. Возвращаем текст $wrapper.find('.mod_comment_text').show(); // 2. Возвращаем оригинальный блок с картинками // Ищем все возможные варианты названий блоков, которые мы скрывали $wrapper.find('.mod_comment_attached_image, .comment-files, .attached-images').show(); // 3. Если мы скрывали изображения напрямую через $foundImgs.hide(), показываем их $wrapper.find('img').show(); // 4. Удаляем форму редактирования $container.remove(); }); $doc.on('click', '.saveButton', function() { var $btn = $(this); var cid = $btn.data('id'); var $container = $btn.closest('.edit-form-container'); // Достаем наш накопительный массив файлов var pendingFiles = $container.data('pendingFiles') || []; var fd = new FormData(); fd.append('module', 'comment'); fd.append('action', 'edit'); fd.append('Id', cid); fd.append('text', $('#ta_' + cid).val()); var rInput = $('#rating_input_' + cid); if (rInput.length) fd.append('user_rating', rInput.val()); fd.append('delete_files', $('#delete_files_' + cid).val()); // --- ОБНОВЛЕННЫЙ БЛОК: берем файлы из массива, а не из инпута --- pendingFiles.forEach(function(file) { if (file !== null) { // Проверяем, что файл не был удален крестиком fd.append('comment_image[]', file); } }); // ------------------------------------ $.ajax({ url: aveabspath + 'index.php?ajax=1', type: 'POST', data: fd, processData: false, contentType: false, xhr: function() { var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener("progress", function(evt) { if (evt.lengthComputable) { var pct = Math.round((evt.loaded / evt.total) * 100); // Проверь, есть ли у тебя эти ID в HTML, если нет - прогресс-бар просто не покажется $('#edit_progress_container_' + cid).removeClass('d-none'); $('#edit_progress_bar_' + cid).css('width', pct + '%'); } }, false); return xhr; }, beforeSend: function() { $btn.prop('disabled', true).text('...'); }, success: function() { location.reload(); } }); }); // Глобальный массив для файлов НОВОГО комментария var newCommentPendingFiles = []; // Обработка выбора файлов в основной форме // ДОБАВИЛИ .off('change') чтобы не было дублей $doc.off('change', '#comment_image').on('change', '#comment_image', function() { var files = this.files; var $previewWrapper = $('#image_preview_wrapper'); var $errorDisplay = $('#file_error'); // 1. Лимит из настроек var maxLimit = parseInt(typeof MAX_FILES_COUNT !== 'undefined' ? MAX_FILES_COUNT : 5); if (files) { $errorDisplay.addClass('d-none').text(''); // Сбрасываем старые ошибки $.each(files, function(i, file) { // 2. Считаем, сколько сейчас РЕАЛЬНО файлов в очереди (не null) var currentInQueue = newCommentPendingFiles.filter(function(f) { return f !== null; }).length; // 3. ПРОВЕРКА ЛИМИТА: если уже достигли максимума if (currentInQueue >= maxLimit) { $errorDisplay.removeClass('d-none').text('Достигнут лимит (' + maxLimit + ' шт.). Лишние файлы проигнорированы.'); return false; // break - полностью выходим из цикла $.each } // 4. Твоя существующая валидация (размер, расширение) if (typeof checkFileConsistency === 'function') { if (!checkFileConsistency(file, $errorDisplay)) { return true; // continue - этот файл плохой, идем к следующему } } // Если прошли все проверки — добавляем в очередь newCommentPendingFiles.push(file); var currentIndex = newCommentPendingFiles.length - 1; var reader = new FileReader(); reader.onload = function(e) { if ($previewWrapper.find(`[data-index="${currentIndex}"]`).length > 0) return; $previewWrapper.removeClass('d-none'); $previewWrapper.append(`
`); }; reader.readAsDataURL(file); }); } // Очищаем инпут в любом случае, чтобы можно было выбрать те же файлы снова $(this).val(''); }); // Удаление выбранного файла из очереди в новой форме $doc.on('click', '.remove-new-comment-img', function() { var $item = $(this).closest('.new-comment-file-item'); var index = $item.data('index'); newCommentPendingFiles[index] = null; // Помечаем удаленным $('#file_error').addClass('d-none').text(''); $item.fadeOut(200, function() { $(this).remove(); if ($('#image_preview_wrapper').children().length === 0) { $('#image_preview_wrapper').addClass('d-none'); } }); }); // Очистка при нажатии кнопки "Сбросить" (reset) $doc.on('click', '#buttonReset', function() { newCommentPendingFiles = []; $('#image_preview_wrapper').empty().addClass('d-none'); // Добавляем вот эту строку, чтобы убрать текст ошибки $('#file_error').addClass('d-none').text(''); }); // Отправка новой формы (или ответа) $doc.on('submit', '#mod_comment_new form', function(e) { e.preventDefault(); if (!validate(this)) return false; var $form = $(this); var $btn = $form.find('[type="submit"]'); var originalBtnText = $btn.text(); // --- ВОТ ЭТОТ БЛОК МЫ ЗАМЕНИЛИ --- var formData = new FormData(this); // 1. Удаляем стандартные значения, чтобы они не дублировались из инпута formData.delete('comment_image'); formData.delete('comment_image[]'); // 2. Добавляем файлы из нашего накопленного массива newCommentPendingFiles if (newCommentPendingFiles && newCommentPendingFiles.length > 0) { newCommentPendingFiles.forEach(function(file) { if (file !== null) { formData.append('comment_image[]', file); } }); } // --------------------------------- $.ajax({ url: aveabspath + 'index.php?ajax=1', type: 'POST', data: formData, processData: false, contentType: false, xhr: function() { var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener("progress", function(evt) { if (evt.lengthComputable) { var pct = Math.round((evt.loaded / evt.total) * 100); $('#upload_progress_container').removeClass('d-none'); $('#upload_progress_bar').css('width', pct + '%'); $('#upload_status_text').text('Загрузка: ' + pct + '%'); } }, false); return xhr; }, beforeSend: function() { $btn.prop('disabled', true).text('Отправка...'); }, success: function(data) { if (data.includes('wrong_securecode')) { alert("Код капчи введен неверно!"); getCaptha(); $btn.prop('disabled', false).text(originalBtnText); $('#upload_progress_container').addClass('d-none'); } else { // Очищаем массив перед перезагрузкой newCommentPendingFiles = []; $form[0].reset(); // Чистим текст и инпуты $form.find('input[name="parent_id"]').val('0'); // Сбрасываем "режим ответа" location.reload(); } }, error: function() { alert("Ошибка связи с сервером"); $btn.prop('disabled', false).text(originalBtnText); $('#upload_progress_container').addClass('d-none'); } }); }); $doc.on('click', '#captcha img, #reload_captcha', function(e) { e.preventDefault(); getCaptha(); }); }); })(jQuery); } })();