From 270407abf96a786e428e586be773111995ff8396 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?= <igor_26reg@mail.ru>
Date: Tue, 2 Dec 2025 11:01:42 +0300
Subject: [PATCH] =?UTF-8?q?AJAX=20submit=20=D0=B4=D0=BB=D1=8F=20=D1=84?=
 =?UTF-8?q?=D0=BE=D1=80=D0=BC=D1=8B=20=D1=80=D0=B5=D0=B4=D0=B0=D0=BA=D1=82?=
 =?UTF-8?q?=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=20=D1=81=D0=BE?=
 =?UTF-8?q?=D1=82=D1=80=D1=83=D0=B4=D0=BD=D0=B8=D0=BA=D0=B0,=20=D0=BE?=
 =?UTF-8?q?=D1=88=D0=B8=D0=B1=D0=BA=D0=B8=20=D0=BF=D0=BE=D0=BA=D0=B0=D0=B7?=
 =?UTF-8?q?=D1=8B=D0=B2=D0=B0=D1=8E=D1=82=D1=81=D1=8F=20inline?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/components/employeeFormHandler.js      | 68 +++++++++++++++++--
 1 file changed, 64 insertions(+), 4 deletions(-)

diff --git a/backend/static/js/components/employeeFormHandler.js b/backend/static/js/components/employeeFormHandler.js
index 1781bbc3..bb7341b3 100644
--- a/backend/static/js/components/employeeFormHandler.js
+++ b/backend/static/js/components/employeeFormHandler.js
@@ -8,17 +8,77 @@
 export function initEmployeeForm(options = {}) {
   const formId = options.formId || 'apiEditForm';
   const form = document.getElementById(formId);
-
   if (!form) {
     console.warn('[EmployeeForm] Форма не найдена, инициализация пропущена');
     return null;
   }
 
-  console.info('[EmployeeForm] JS-обработчик отключён, используется нативная отправка формы');
+  // Новый обработчик: submit через fetch
+  form.addEventListener('submit', async function (e) {
+    e.preventDefault();
+    // Очищаем старые ошибки
+    form.querySelectorAll('.is-invalid').forEach(el => el.classList.remove('is-invalid'));
+    form.querySelectorAll('.invalid-feedback').forEach(el => el.textContent = '');
+
+    const endpoint = form.dataset.endpoint || form.action;
+    const formData = new FormData(form);
+    let payload = {};
+    formData.forEach((value, key) => {
+      if (payload[key]) {
+        if (!Array.isArray(payload[key])) payload[key] = [payload[key]];
+        payload[key].push(value);
+      } else {
+        payload[key] = value;
+      }
+    });
+
+    // Если есть файл, отправляем multipart, иначе json
+    let fetchOptions = {
+      method: 'POST',
+      headers: {
+        'X-CSRFToken': form.querySelector('[name=csrfmiddlewaretoken]')?.value || ''
+      }
+    };
+    if (form.enctype === 'multipart/form-data') {
+      fetchOptions.body = formData;
+      delete fetchOptions.headers['Content-Type'];
+    } else {
+      fetchOptions.headers['Content-Type'] = 'application/json';
+      fetchOptions.body = JSON.stringify(payload);
+    }
+
+    try {
+      const response = await fetch(endpoint, fetchOptions);
+      const data = await response.json();
+      if (response.ok) {
+        // Успех: можно обновить данные или закрыть форму
+        if (options.onSuccess) options.onSuccess(data);
+        else location.reload();
+      } else {
+        // Ошибки: показываем в форме
+        if (data && typeof data === 'object') {
+          for (const [field, errors] of Object.entries(data)) {
+            const input = form.querySelector(`[name="${field}"]`);
+            if (input) {
+              input.classList.add('is-invalid');
+              let feedback = input.parentElement.querySelector('.invalid-feedback');
+              if (!feedback) {
+                feedback = document.createElement('div');
+                feedback.className = 'invalid-feedback';
+                input.parentElement.appendChild(feedback);
+              }
+              feedback.textContent = Array.isArray(errors) ? errors.join(' ') : errors;
+            }
+          }
+        }
+      }
+    } catch (err) {
+      alert('Ошибка отправки формы: ' + err);
+    }
+  });
 
-  const noop = () => {};
   return {
-    setSubmitting: noop,
+    setSubmitting: (v) => {},
     refresh: () => location.reload()
   };
 }