From cb3068dd0adc9bf54f0d8a90f0d9f671b10dfcb6 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 14:17:40 +0400
Subject: [PATCH] =?UTF-8?q?v0.5.110:=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?=D1=87=D0=B5=D1=80=D0=B5=D0=B7=20=D0=BF=D1=80=D0=BE=D1=81=D1=82?=
 =?UTF-8?q?=D1=8B=D0=B5=20=D1=84=D0=BE=D1=80=D0=BC=D1=8B,=20=D0=B1=D0=B5?=
 =?UTF-8?q?=D0=B7=20JS=20innerHTML?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json      |  2 +-
 views/v2/user.ejs | 64 +++++++----------------------------------------
 2 files changed, 10 insertions(+), 56 deletions(-)

diff --git a/package.json b/package.json
index 25061b1..439c090 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ipwhitelist",
-  "version": "0.5.109",
+  "version": "0.5.110",
   "description": "IP WhiteList microservice for cloud provider",
   "main": "server.js",
   "scripts": {
diff --git a/views/v2/user.ejs b/views/v2/user.ejs
index 6c86364..11af65a 100644
--- a/views/v2/user.ejs
+++ b/views/v2/user.ejs
@@ -220,14 +220,18 @@
         </thead>
         <tbody>
           <% entries.forEach(function(e) { %>
-          <tr id="row-<%= e.id %>" data-cidr="<%= e.value_cidr %>" data-comment="<%= e.comment || '' %>" style="<%= e.deleted_at ? 'opacity:.5;text-decoration:line-through;' : '' %>">
-            <td id="cell-cidr-<%= e.id %>"><code><%= e.value_cidr %></code><% if (e.deleted_at) { %> <span style="font-size:.7rem;color:var(--red);">удалена</span><% } %></td>
-            <td id="cell-comment-<%= e.id %>"><%= e.comment || '—' %></td>
+          <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>
             <td><%= e.created_by %></td>
             <td><%= new Date(e.created_at).toLocaleString('ru') %></td>
-            <td id="cell-actions-<%= e.id %>" style="text-align:center;white-space:nowrap;">
+            <td style="text-align:center;white-space:nowrap;">
               <% if (!e.deleted_at) { %>
-                <button class="btn btn-sm" onclick="editRow(<%= e.id %>)" title="Редактировать">✏️</button>
+                <form method="POST" action="/v2/app/edit/<%= e.id %>" style="display:inline;">
+                  <input name="cidr" value="<%= e.value_cidr %>" size="18" style="padding:.2rem .4rem;border:1px solid var(--border);border-radius:4px;font-size:.82rem;">
+                  <input name="comment" value="<%= e.comment || '' %>" size="18" style="padding:.2rem .4rem;border:1px solid var(--border);border-radius:4px;font-size:.82rem;">
+                  <button class="btn btn-sm" title="Сохранить">✓</button>
+                </form>
                 <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>
@@ -243,56 +247,6 @@
 
 </div>
 
-<script>
-function editRow(id) {
-  var row = document.getElementById('row-' + id);
-  var cidr = row.getAttribute('data-cidr');
-  var comment = row.getAttribute('data-comment');
-
-  document.getElementById('cell-cidr-' + id).innerHTML =
-    '<input type="text" id="inp-cidr-' + id + '" value="' + escHtml(cidr) + '" size="18" style="padding:.3rem .5rem;border:1px solid var(--blue);border-radius:4px;font-size:.82rem;">';
-  document.getElementById('cell-comment-' + id).innerHTML =
-    '<input type="text" id="inp-comment-' + id + '" value="' + escHtml(comment) + '" size="20" style="padding:.3rem .5rem;border:1px solid var(--blue);border-radius:4px;font-size:.82rem;">';
-  document.getElementById('cell-actions-' + id).innerHTML =
-    '<button class="btn btn-sm btn-primary" onclick="saveRow(' + id + ')" title="Сохранить">✓</button> ' +
-    '<button class="btn btn-sm" onclick="cancelEdit(' + id + ')" title="Отмена">✕</button>';
-
-  setTimeout(function() {
-    var inp = document.getElementById('inp-cidr-' + id);
-    if (inp) inp.focus();
-  }, 0);
-}
-
-function cancelEdit(id) {
-  var row = document.getElementById('row-' + id);
-  document.getElementById('cell-cidr-' + id).innerHTML =
-    '<code>' + escHtml(row.getAttribute('data-cidr')) + '</code>';
-  document.getElementById('cell-comment-' + id).innerHTML =
-    row.getAttribute('data-comment') || '—';
-  document.getElementById('cell-actions-' + id).innerHTML =
-    '<button class="btn btn-sm" onclick="editRow(' + id + ')" title="Редактировать">✏️</button> ' +
-    '<form method="POST" action="/v2/app/delete/' + id + '" style="display:inline;">' +
-    '<button class="btn btn-sm btn-danger" onclick="return confirm(\'Удалить?\')" title="Удалить">🗑️</button></form>';
-}
-
-function saveRow(id) {
-  var cidr = document.getElementById('inp-cidr-' + id).value;
-  var comment = document.getElementById('inp-comment-' + id).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();
-}
-
-function escHtml(s) {
-  return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-}
-</script>
-
 <footer style="text-align:right;padding:.5rem 1.5rem;font-size:.72rem;color:var(--muted);">v<%= version %></footer>
 </body>
 </html>