91 lines
3.4 KiB
Plaintext
91 lines
3.4 KiB
Plaintext
<!---
|
|
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 %> — <%= table_name %>
|
|
</div>
|
|
</body>
|
|
</html>
|