From ebcdb1ccb173b6753fa130b56e6810767e221956 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CNaeel=E2=80=9D?= <tazet@narod.ru>
Date: Mon, 15 Jun 2026 13:57:48 +0400
Subject: [PATCH] =?UTF-8?q?v0.5.107:=20inline-=D1=80=D0=B5=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20?=
 =?UTF-8?q?=D0=B2=20=D1=82=D0=B0=D0=B1=D0=BB=D0=B8=D1=86=D0=B5,=20=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B4=D0=B8=D1=80=D0=B5=D0=BA=D1=82=20/=20=E2=86=92=20/v?=
 =?UTF-8?q?2/app?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json           |  2 +-
 server.js              |  2 ++
 v2/src/config/index.js |  2 +-
 views/v2/user.ejs      | 61 +++++++++++++++++++++++++++++++++---------
 4 files changed, 53 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 5109cf2..da091bf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ipwhitelist",
-  "version": "0.5.106",
+  "version": "0.5.107",
   "description": "IP WhiteList microservice for cloud provider",
   "main": "server.js",
   "scripts": {
diff --git a/server.js b/server.js
index 3264bc7..cd2804b 100644
--- a/server.js
+++ b/server.js
@@ -136,6 +136,8 @@ async function start() {
   // ── UI-слой: SSR через EJS, данные из /api/v1/* ───────────────────────────
   // Монтируется ПОСЛЕ /api/v1/ — не перехватывает API-запросы.
   // ── V2 — тестовый роутер (Keycloak → IAM → вывод) ─────────────────
+  // Редирект корня на V2
+  app.get('/', (req, res) => res.redirect('/v2/app'));
   const { createV2Router } = require('./v2/server');
   app.use('/v2', createV2Router());
   // Хранит Bearer token в сессии, рендерит те же views/*.ejs.
diff --git a/v2/src/config/index.js b/v2/src/config/index.js
index 8d36ca1..b40c9b3 100644
--- a/v2/src/config/index.js
+++ b/v2/src/config/index.js
@@ -9,7 +9,7 @@
 // ═══════════════════════════════════════════════════════════════════════════════
 
 module.exports = {
-  version: '0.5.103',
+  version: '0.5.104',
 
   // ── IAM ──────────────────────────────────────────────────────────────────
   iamUrl: process.env.V2_IAM_URL || 'https://auth-api.ngcloud.ru/api/v1/auth/user',
diff --git a/views/v2/user.ejs b/views/v2/user.ejs
index 014cb97..f07ca98 100644
--- a/views/v2/user.ejs
+++ b/views/v2/user.ejs
@@ -215,26 +215,34 @@
             <th>Комментарий</th>
             <th>Добавил</th>
             <th>Добавлена</th>
-            <th style="text-align:center;">Действия</th>
+            <th style="text-align:center;width:80px;">Действия</th>
           </tr>
         </thead>
         <tbody>
           <% entries.forEach(function(e) { %>
-          <tr style="<%= e.deleted_at ? 'opacity:.5;text-decoration:line-through;' : '' %>">
-            <td><code><%= e.value_cidr %></code><% if (e.deleted_at) { %> <span style="font-size:.7rem;color:var(--red);">удалена</span><% } %></td>
-            <td><%= e.comment || '—' %></td>
+          <tr id="row-<%= e.id %>" style="<%= e.deleted_at ? 'opacity:.5;text-decoration:line-through;' : '' %>">
+            <td>
+              <span class="view"><code><%= e.value_cidr %></code><% if (e.deleted_at) { %> <span style="font-size:.7rem;color:var(--red);">удалена</span><% } %></span>
+              <input class="edit" type="text" name="cidr" value="<%= e.value_cidr %>" size="18" style="display:none;padding:.3rem .5rem;border:1px solid var(--blue);border-radius:4px;font-size:.82rem;">
+            </td>
+            <td>
+              <span class="view"><%= e.comment || '—' %></span>
+              <input class="edit" type="text" name="comment" value="<%= e.comment || '' %>" size="20" style="display:none;padding:.3rem .5rem;border:1px solid var(--blue);border-radius:4px;font-size:.82rem;">
+            </td>
             <td><%= e.created_by %></td>
             <td><%= new Date(e.created_at).toLocaleString('ru') %></td>
             <td style="text-align:center;white-space:nowrap;">
               <% if (!e.deleted_at) { %>
-                <form method="POST" action="/v2/app/edit/<%= e.id %>" style="display:inline;">
-                  <input name="cidr" value="<%= e.value_cidr %>" size="18" style="padding:.3rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.82rem;">
-                  <input name="comment" value="<%= e.comment || '' %>" size="18" style="padding:.3rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.82rem;">
-                  <button class="btn btn-sm">изменить</button>
-                </form>
-                <form method="POST" action="/v2/app/delete/<%= e.id %>" style="display:inline;">
-                  <button class="btn btn-sm btn-danger" onclick="return confirm('Удалить?')">удалить</button>
-                </form>
+                <span class="view">
+                  <button class="btn btn-sm" onclick="editRow(<%= e.id %>)" title="Редактировать">✏️</button>
+                  <form method="POST" action="/v2/app/delete/<%= e.id %>" style="display:inline;">
+                    <button class="btn btn-sm btn-danger" onclick="return confirm('Удалить?')" title="Удалить">🗑️</button>
+                  </form>
+                </span>
+                <span class="edit" style="display:none;">
+                  <button class="btn btn-sm btn-primary" onclick="saveRow(<%= e.id %>)" title="Сохранить">✓</button>
+                  <button class="btn btn-sm" onclick="cancelEdit(<%= e.id %>)" title="Отмена">✕</button>
+                </span>
               <% } %>
             </td>
           </tr>
@@ -247,6 +255,35 @@
 
 </div>
 
+<script>
+function editRow(id) {
+  var row = document.getElementById('row-' + id);
+  row.querySelectorAll('.view').forEach(function(el) { el.style.display = 'none'; });
+  row.querySelectorAll('.edit').forEach(function(el) { el.style.display = ''; });
+  row.querySelector('input[name="cidr"]').focus();
+}
+
+function cancelEdit(id) {
+  var row = document.getElementById('row-' + id);
+  row.querySelectorAll('.view').forEach(function(el) { el.style.display = ''; });
+  row.querySelectorAll('.edit').forEach(function(el) { el.style.display = 'none'; });
+}
+
+function saveRow(id) {
+  var row = document.getElementById('row-' + id);
+  var cidr = row.querySelector('input[name="cidr"]').value;
+  var comment = row.querySelector('input[name="comment"]').value;
+  var form = document.createElement('form');
+  form.method = 'POST';
+  form.action = '/v2/app/edit/' + id;
+  form.style.display = 'none';
+  var c = document.createElement('input'); c.name = 'cidr'; c.value = cidr; form.appendChild(c);
+  var m = document.createElement('input'); m.name = 'comment'; m.value = comment; form.appendChild(m);
+  document.body.appendChild(form);
+  form.submit();
+}
+</script>
+
 <footer style="text-align:right;padding:.5rem 1.5rem;font-size:.72rem;color:var(--muted);">v<%= version %></footer>
 </body>
 </html>