diff --git a/frontend/src/ServerManager.jsx b/frontend/src/ServerManager.jsx index f735a9f..3ccb232 100644 --- a/frontend/src/ServerManager.jsx +++ b/frontend/src/ServerManager.jsx @@ -1446,24 +1446,30 @@ function ServerManager() { function EditServerModal({ show, server, onChange, onSave, onClose }) { const modalRef = useRef(null); // Локальное состояние для формы - const [localServer, setLocalServer] = useState(server || {}); + const [localServer, setLocalServer] = useState({}); + // Функция для создания сервера с гарантированными gateways const ensureGateways = (srv) => { - if (!srv) return {}; + if (!srv) return { gateways: [] }; const needs = NEEDS_GATEWAYS(srv.type); - let gateways = needs ? normalizeGateways(srv.gateways, srv.gateway || srv.dns || srv.ip) : []; - if (needs && gateways.length === 0) { - gateways = [makeGateway({ primary: true })]; + let gateways = []; + if (needs) { + gateways = normalizeGateways(srv.gateways, srv.gateway || srv.dns || srv.ip); + if (gateways.length === 0) { + gateways = [makeGateway({ primary: true })]; + } } return { ...srv, gateways }; }; - // Синхронизируем локальное состояние с пропсами + // Синхронизируем локальное состояние с пропсами при открытии модалки useEffect(() => { - setLocalServer(ensureGateways(server || {})); - }, [server]); - - const gateways = Array.isArray(localServer?.gateways) ? localServer.gateways : []; + if (show && server) { + const prepared = ensureGateways(server); + console.log('[EditServerModal] Инициализация с сервером:', prepared); + setLocalServer(prepared); + } + }, [show, server]); useEffect(() => { if (window.Tabler && window.Tabler.Modal && modalRef.current) { @@ -1484,12 +1490,80 @@ function EditServerModal({ show, server, onChange, onSave, onClose }) { } }, [show, onClose]); - const handleChange = (field, value) => { - const updated = { ...localServer, [field]: value }; - setLocalServer(updated); - onChange && onChange(updated); + // Универсальная функция обновления поля + const handleFieldChange = (field, value) => { + setLocalServer(prev => { + const updated = { ...prev, [field]: value }; + onChange && onChange(updated); + return updated; + }); }; + // Функция обновления шлюза по индексу + const handleGatewayChange = (idx, field, value) => { + setLocalServer(prev => { + const currentGateways = Array.isArray(prev.gateways) ? prev.gateways : []; + const updatedGateways = currentGateways.map((gw, i) => + i === idx ? { ...gw, [field]: value } : gw + ); + const updated = { ...prev, gateways: updatedGateways }; + onChange && onChange(updated); + return updated; + }); + }; + + // Функция переключения primary шлюза + const handlePrimaryChange = (idx, checked) => { + setLocalServer(prev => { + const currentGateways = Array.isArray(prev.gateways) ? prev.gateways : []; + const updatedGateways = currentGateways.map((gw, i) => ({ + ...gw, + primary: i === idx ? checked : false + })); + // Убедимся, что хотя бы один primary + if (!updatedGateways.some(g => g.primary) && updatedGateways.length > 0) { + updatedGateways[idx].primary = true; + } + const updated = { ...prev, gateways: updatedGateways }; + onChange && onChange(updated); + return updated; + }); + }; + + // Функция добавления нового шлюза + const handleAddGateway = () => { + console.log('[EditServerModal] handleAddGateway вызвана, текущий localServer:', localServer); + setLocalServer(prev => { + const currentGateways = Array.isArray(prev.gateways) ? prev.gateways : []; + const newGw = makeGateway({ primary: currentGateways.length === 0 }); + const updatedGateways = [...currentGateways, newGw]; + const updated = { ...prev, gateways: updatedGateways }; + console.log('[EditServerModal] Новый localServer после добавления шлюза:', updated); + onChange && onChange(updated); + return updated; + }); + }; + + // Функция удаления шлюза + const handleRemoveGateway = (idx) => { + setLocalServer(prev => { + const currentGateways = Array.isArray(prev.gateways) ? prev.gateways : []; + if (currentGateways.length <= 1) return prev; // Не удаляем последний + const updatedGateways = currentGateways.filter((_, i) => i !== idx); + // Убедимся, что есть primary + if (!updatedGateways.some(g => g.primary) && updatedGateways.length > 0) { + updatedGateways[0].primary = true; + } + const updated = { ...prev, gateways: updatedGateways }; + onChange && onChange(updated); + return updated; + }); + }; + + // Получаем текущие шлюзы для рендера + const currentGateways = Array.isArray(localServer.gateways) ? localServer.gateways : []; + const showGateways = NEEDS_GATEWAYS(localServer.type); + return (