From 410e46a4fbba587728e41ef110ffd6d2b8a36ccf Mon Sep 17 00:00:00 2001
From: Jukka Lampikoski <jukka@lampikoski.com>
Date: Wed, 11 Mar 2026 09:53:18 +0200
Subject: [PATCH] =?UTF-8?q?IPAM:=20vapaan=20lohkon=20klikkaus=20avaa=20lis?=
 =?UTF-8?q?=C3=A4=C3=A4-modaalin=20esit=C3=A4ytettyn=C3=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Vapaa-rivin klikkaus avaa "Lisää verkko / IP" -lomakkeen,
jossa verkko-osoite on esitäytetty klikatulla vapaalla lohkolla
ja fokus siirtyy nimi-kenttään.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 script.js | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/script.js b/script.js
index 3f9c32e..714a64f 100644
--- a/script.js
+++ b/script.js
@@ -3274,12 +3274,12 @@ function renderIpam() {
 
             // Vapaa-lohko (ei oikea entry, vaan laskettu vapaa tila)
             if (r.isFree) {
-                return `<tr class="ipam-tree-row ipam-free-row">
+                return `<tr class="ipam-tree-row ipam-free-row" onclick="ipamAddFromFree('${esc(e.verkko)}')" title="Klikkaa varataksesi tämä verkko" style="cursor:pointer;">
                     <td style="padding-left:${indent}rem;white-space:nowrap;">
                         <span class="ipam-toggle-placeholder"></span> <span class="ipam-type-free">Vapaa</span>
                     </td>
                     <td><code class="ipam-network ipam-network-free">${esc(e.verkko)}</code></td>
-                    <td colspan="4" style="color:#999;font-style:italic;">Käytettävissä</td>
+                    <td colspan="4" style="color:#999;font-style:italic;">Klikkaa varataksesi</td>
                 </tr>`;
             }
 
@@ -3383,6 +3383,19 @@ function ipamDrillTo(index) {
     renderIpam();
 }
 
+async function ipamAddFromFree(verkko) {
+    document.getElementById('ipam-form-id').value = '';
+    document.getElementById('ipam-form').reset();
+    document.getElementById('ipam-form-tyyppi').value = 'subnet';
+    document.getElementById('ipam-form-verkko').value = verkko;
+    document.getElementById('ipam-form-tila').value = 'varattu';
+    await loadIpamSitesDropdown();
+    document.getElementById('ipam-modal-title').textContent = 'Lisää verkko / IP';
+    document.getElementById('ipam-modal').style.display = 'flex';
+    // Fokusoi nimi-kenttään koska verkko on jo täytetty
+    document.getElementById('ipam-form-nimi')?.focus();
+}
+
 async function loadIpamSitesDropdown() {
     try {
         if (!sitesData || sitesData.length === 0) sitesData = await apiCall('sites');