From 4d03d027f4ed0c7e1c080364d6b0810b95480a0a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B3=D0=BE=D1=80=D1=8C=20=D0=9D=D0=B0=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=B8=D0=BD?= <nadein-igor-vladimirovich@05-04-1999.ru>
Date: Mon, 29 Dec 2025 09:28:47 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20JavaScript=20=D0=BE=D0=B1=D1=80=D0=B0?=
 =?UTF-8?q?=D0=B1=D0=BE=D1=82=D0=BA=D0=B0=20=D1=84=D0=BE=D1=80=D0=BC=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B5?=
 =?UTF-8?q?=20=D0=B7=D0=B0=D1=8F=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Форма добавления комментария теперь обрабатывается через AJAX
- Форма удаления комментария с подтверждением
- Форма изменения статуса с подтверждением
- После успешных операций страница перезагружается
- Отображение состояния загрузки (spinner) на кнопках
- Обработка ошибок с alert уведомлениями
---
 .../requests_app/request_detail.html          | 136 +++++++++++++++++-
 1 file changed, 132 insertions(+), 4 deletions(-)

diff --git a/backend/templates/requests_app/request_detail.html b/backend/templates/requests_app/request_detail.html
index e095ffcf..26fa5a7d 100644
--- a/backend/templates/requests_app/request_detail.html
+++ b/backend/templates/requests_app/request_detail.html
@@ -202,11 +202,139 @@
 
 {% block extra_js %}
 <script type="module">
-  import { initRequestDetailModal } from '{% static "js/modules/requestDetail.js" %}';
+  // Обработка формы добавления комментария
+  const commentForm = document.querySelector('.request-comment-form');
+  if (commentForm) {
+    commentForm.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      
+      const textarea = commentForm.querySelector('textarea[name="text"]');
+      const text = textarea.value.trim();
+      
+      if (!text) {
+        alert('Пожалуйста, введите текст комментария');
+        return;
+      }
+      
+      const submitBtn = commentForm.querySelector('button[type="submit"]');
+      const originalBtnContent = submitBtn.innerHTML;
+      submitBtn.disabled = true;
+      submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
+      
+      try {
+        const response = await fetch(commentForm.action, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'X-CSRFToken': commentForm.querySelector('[name="csrfmiddlewaretoken"]').value
+          },
+          body: JSON.stringify({ text: text })
+        });
+        
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}`);
+        }
+        
+        // Перезагрузить страницу для отображения нового комментария
+        window.location.reload();
+        
+      } catch (error) {
+        console.error('Error:', error);
+        alert('Ошибка при добавлении комментария: ' + error.message);
+        submitBtn.disabled = false;
+        submitBtn.innerHTML = originalBtnContent;
+      }
+    });
+  }
   
-  // Если это модальное окно, не инициализируем
-  if (!window.location.pathname.includes('/requests/')) {
-    // Страница используется в модальном окне
+  // Обработка форм удаления комментариев
+  document.querySelectorAll('form[action*="request_comment_delete"]').forEach(form => {
+    form.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      
+      if (!confirm('Вы уверены, что хотите удалить этот комментарий?')) {
+        return;
+      }
+      
+      try {
+        const response = await fetch(form.action, {
+          method: 'POST',
+          headers: {
+            'X-CSRFToken': form.querySelector('[name="csrfmiddlewaretoken"]').value
+          }
+        });
+        
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}`);
+        }
+        
+        // Перезагрузить страницу
+        window.location.reload();
+        
+      } catch (error) {
+        console.error('Error:', error);
+        alert('Ошибка при удалении комментария: ' + error.message);
+      }
+    });
+  });
+  
+  // Обработка формы изменения статуса
+  const statusForm = document.querySelector('.request-status-form');
+  if (statusForm) {
+    statusForm.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      
+      const selectField = statusForm.querySelector('select[name="status"]');
+      const newStatus = selectField.value;
+      
+      if (!newStatus) {
+        alert('Пожалуйста, выберите новый статус');
+        return;
+      }
+      
+      const confirmMsg = `Вы уверены, что хотите изменить статус?`;
+      if (!confirm(confirmMsg)) {
+        return;
+      }
+      
+      const submitBtn = statusForm.querySelector('button[type="submit"]');
+      const originalBtnContent = submitBtn.innerHTML;
+      submitBtn.disabled = true;
+      submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';
+      
+      try {
+        const action = newStatus === 'approved' ? 'approve' : 
+                       newStatus === 'rejected' ? 'reject' : 
+                       newStatus === 'cancelled' ? 'cancel' : null;
+        
+        if (!action) {
+          throw new Error('Неподдерживаемый статус');
+        }
+        
+        const requestId = window.location.pathname.split('/').filter(p => p)[1];
+        const response = await fetch(`/api/v1/requests/${requestId}/${action}/`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'X-CSRFToken': statusForm.querySelector('[name="csrfmiddlewaretoken"]').value
+          }
+        });
+        
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(errorData.detail || `HTTP ${response.status}`);
+        }
+        
+        // Перезагрузить страницу
+        window.location.reload();
+        
+      } catch (error) {
+        console.error('Error:', error);
+        alert('Ошибка при изменении статуса: ' + error.message);
+        submitBtn.disabled = false;
+        submitBtn.innerHTML = originalBtnContent;
+      }
+    });
   }
 </script>
 {% endblock %}