init: Node.js CRUD v1.0.0 — Express + PG, same table, Nubes design

2026-07-20 13:49:41 +04:00
commit 1c646c6937
8 changed files with 424 additions and 0 deletions
@@ -0,0 +1,90 @@
+<!---
+    index.ejs — Node.js CRUD (EJS + Nubes design)
+--->
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8" />
+    <title>CRUD Node.js Example — <%= table_name %></title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="stylesheet" href="/style.css" />
+</head>
+<body>
+<div class="container">
+
+    <div class="header">
+        <img src="/logo.svg" alt="Nubes" />
+        <h1>CRUD Node.js Example</h1>
+    </div>
+
+    <div class="card">
+        <div class="card-header">Записи</div>
+        <div class="card-body" style="padding: 0;">
+            <table>
+                <thead>
+                    <tr>
+                        <th>ID</th><th>VALUE</th>
+                        <th style="text-align:center;"></th>
+                        <th style="text-align:center;"></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <% rows.forEach(function(row) { %>
+                    <tr>
+                        <td><%= row.id %></td>
+                        <td><%= row.value %></td>
+                        <td style="text-align:center;">
+                            <a href="/?edit=<%= row.id %>" class="btn btn-sm">✏️</a>
+                        </td>
+                        <td style="text-align:center;">
+                            <form method="post" style="display:inline">
+                                <input type="hidden" name="action" value="delete" />
+                                <input type="hidden" name="id" value="<%= row.id %>" />
+                                <button type="submit" class="btn btn-sm" onclick="return confirm('Удалить <%= row.id %>?')">🗑️</button>
+                            </form>
+                        </td>
+                    </tr>
+                    <% }); %>
+                </tbody>
+            </table>
+            <% if (rows.length === 0) { %>
+            <div class="empty-cell">Нет записей. Создайте первую.</div>
+            <% } %>
+        </div>
+    </div>
+
+    <div class="card">
+        <% if (editRow) { %>
+        <div class="card-header">Редактировать #<%= editRow.id %></div>
+        <div class="card-body">
+            <form method="post" class="form-grid">
+                <input type="hidden" name="action" value="update" />
+                <input type="hidden" name="id" value="<%= editRow.id %>" />
+                <div class="form-row">
+                    <input type="text" name="value" value="<%= editRow.value %>" required placeholder="Значение" />
+                    <button type="submit" class="btn btn-primary">Сохранить</button>
+                    <a href="/" class="btn">Отмена</a>
+                </div>
+            </form>
+        </div>
+        <% } else { %>
+        <div class="card-header">Добавить</div>
+        <div class="card-body">
+            <form method="post" class="form-grid">
+                <input type="hidden" name="action" value="create" />
+                <div class="form-row">
+                    <input type="text" name="value" placeholder="Значение" required />
+                    <button type="submit" class="btn btn-primary">Добавить</button>
+                </div>
+            </form>
+        </div>
+        <% } %>
+    </div>
+
+</div>
+
+<div class="footer">
+    v<%= version %> &mdash; <%= table_name %>
+</div>
+</body>
+</html>