From 8de590c5d056527a170a66a3c8045405b4aee870 Mon Sep 17 00:00:00 2001
From: Ruslan <ruslan@ruslan.xyz>
Date: Tue, 14 Apr 2026 12:10:03 +0300
Subject: [PATCH] GUI: auto-fill split AllowedIPs in New Peer form

---
 gui/templates/new_peer.html | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/gui/templates/new_peer.html b/gui/templates/new_peer.html
index c15cdc6..0371d72 100644
--- a/gui/templates/new_peer.html
+++ b/gui/templates/new_peer.html
@@ -6,17 +6,41 @@
     <input name="name" required placeholder="astra" />
   </label>
   <label>Режим
-    <select name="mode">
+    <select name="mode" id="mode">
       <option value="full">full (весь трафик через VPN)</option>
       <option value="split">split (только выбранные сети)</option>
     </select>
   </label>
   <label>AllowedIPs (для split)
-    <input name="allowed_ips" placeholder="{{ meta.get('WG_NETWORK','10.66.66.0/24') }}" />
+    <input
+      id="allowed_ips"
+      name="allowed_ips"
+      placeholder="{{ meta.get('WG_NETWORK','10.66.66.0/24') }}"
+      data-default="{{ meta.get('WG_NETWORK','10.66.66.0/24') }}"
+    />
   </label>
   <label>Сети за клиентом (роуты)
     <input name="routes" placeholder="192.168.33.0/24,10.10.0.0/16" />
   </label>
   <button type="submit">Создать</button>
 </form>
+<script>
+(() => {
+  const mode = document.getElementById("mode");
+  const allowed = document.getElementById("allowed_ips");
+  const def = allowed.dataset.default || "10.66.66.0/24";
+
+  function syncAllowed() {
+    if (mode.value === "split") {
+      if (!allowed.value.trim()) allowed.value = def;
+      allowed.readOnly = false;
+    } else {
+      allowed.readOnly = true;
+    }
+  }
+
+  mode.addEventListener("change", syncAllowed);
+  syncAllowed();
+})();
+</script>
 {% endblock %}