v2: EJS-шаблоны — user, admin, admin-audit, admin-entries

v2/src/admin/index.js

@@ -1,65 +1,51 @@
 // ═══════════════════════════════════════════════════════════════════════════════
-// V2 — Админка
+// V2 — Админка (Express + EJS)
 //
-// ЭТО: Express-роутер для администратора (isAdmin=true).
-// НЕ: доступно обычным юзерам (middleware проверяет req.isAdmin).
+// ЭТО: Express-роутер для админа, рендерит EJS-шаблоны.
+// НЕ: доступно обычным юзерам (middleware: req.isAdmin).
 //
-// ЗАЧЕМ:
-//   1. Видеть ВСЕ компании и их статистику (дашборд).
-//   2. Смотреть аудит любой компании.
-//   3. Устанавливать персональные лимиты.
-//   4. Просматривать записи любой компании.
-//
-// ДАННЫЕ:
-//   crud.list(clientId)   — записи компании (через API-слой)
-//   q.getAllCompanies()   — все компании со счётчиками
-//   q.getAudit(companyId) — аудит (null = все компании)
-//   q.setLimit(id, limit) — персональный лимит
-//
-// МАРШРУТЫ:
-//   GET  /admin             — дашборд: таблица всех компаний
-//   GET  /admin/audit       — аудит (?companyId=X — фильтр)
-//   POST /admin/limit       — установить лимит (body: companyId, limit)
-//   GET  /admin/entries     — записи компании (?companyId=X)
+// ШАБЛОНЫ:
+//   views/v2/admin.ejs         — дашборд (companies, user, version)
+//   views/v2/admin-audit.ejs   — аудит (audit, company, version)
+//   views/v2/admin-entries.ejs — записи (entries, company, used, limit, ...)
 // ═══════════════════════════════════════════════════════════════════════════════
 
 const express = require('express');
-const q = require('../db/queries');   // admin-specific: аудит, лимиты, все компании
-const crud = require('../crud');       // CRUD для просмотра записей
+const q = require('../db/queries');
+const crud = require('../crud');
+const config = require('../config');
 
 function createAdminRouter() {
   const router = express.Router();
 
-  // ── middleware: только админы ───────────────────────────────────────
   router.use((req, res, next) => {
     if (!req.isAdmin) return res.redirect('/v2/app');
     next();
   });
 
-  // ── GET / — дашборд: все компании ──────────────────────────────────
+  // ── GET / — дашборд ─────────────────────────────────────────────────
   router.get('/', async (req, res) => {
     try {
       const companies = await q.getAllCompanies();
-      const version = require('../config').version;
-      res.send(renderDashboard({ companies, user: req.user || {}, version }));
+      res.render('v2/admin', { companies, user: req.user || {}, version: config.version });
     } catch (e) {
       res.status(500).send('<h2>Ошибка</h2><pre>' + e.message + '</pre>');
     }
   });
 
-  // ── GET /audit?companyId=X — журнал действий ───────────────────────
+  // ── GET /audit ──────────────────────────────────────────────────────
   router.get('/audit', async (req, res) => {
     try {
       const companyId = req.query.companyId ? parseInt(req.query.companyId) : null;
       const audit = await q.getAudit(companyId);
       const company = companyId ? await q.getCompanyById(companyId) : null;
-      res.send(renderAudit({ audit, company, version: require('../config').version }));
+      res.render('v2/admin-audit', { audit, company, version: config.version });
     } catch (e) {
       res.status(500).send('<h2>Ошибка</h2><pre>' + e.message + '</pre>');
     }
   });
 
-  // ── POST /limit — установить персональный лимит ────────────────────
+  // ── POST /limit ─────────────────────────────────────────────────────
   router.post('/limit', async (req, res) => {
     try {
       const companyId = parseInt(req.body.companyId);
@@ -72,16 +58,15 @@ function createAdminRouter() {
     }
   });
 
-  // ── GET /entries?companyId=X — записи любой компании ───────────────
+  // ── GET /entries ────────────────────────────────────────────────────
   router.get('/entries', async (req, res) => {
     try {
       const companyId = parseInt(req.query.companyId);
       const company = companyId ? await q.getCompanyById(companyId) : null;
       if (!company) return res.redirect('/v2/admin');
-      // crud.list принимает clientId (W-номер), не внутренний id
-      const { entries, used, limit } = await crud.list(company.client_id, req.query.deleted === '1');
-      const version = require('../config').version;
-      res.send(renderEntries({ entries, company, used, limit, includeDeleted: req.query.deleted === '1', version }));
+      const includeDeleted = req.query.deleted === '1';
+      const { entries, used, limit } = await crud.list(company.client_id, includeDeleted);
+      res.render('v2/admin-entries', { entries, company, used, limit, includeDeleted, version: config.version });
     } catch (e) {
       res.status(500).send('<h2>Ошибка</h2><pre>' + e.message + '</pre>');
     }
@@ -90,126 +75,4 @@ function createAdminRouter() {
   return router;
 }
 
-// ═══════════════════════════════════════════════════════════════════════════
-// HTML-рендеринг (временный, будет заменён на EJS)
-// ═══════════════════════════════════════════════════════════════════════════
-
-function renderDashboard({ companies, user, version }) {
-  const rows = companies.map(c => `
-    <tr>
-      <td>${c.name || c.client_id}</td>
-      <td><code>${c.client_id}</code></td>
-      <td><strong>${c.active_count}</strong> / ${c.custom_limit != null ? c.custom_limit : 15}</td>
-      <td>${c.custom_limit != null ? c.custom_limit : '—'}</td>
-      <td>
-        <a href="/v2/admin/audit?companyId=${c.id}">аудит</a> |
-        <a href="/v2/admin/entries?companyId=${c.id}">записи</a>
-      </td>
-      <td>
-        <form method="POST" action="/v2/admin/limit" style="display:inline">
-          <input type="hidden" name="companyId" value="${c.id}">
-          <input name="limit" value="${c.custom_limit || 15}" size="3">
-          <button>установить</button>
-        </form>
-      </td>
-    </tr>`).join('');
-
-  return `<!DOCTYPE html>
-<html><head><meta charset="utf-8"><title>Admin — IP WhiteList v${version}</title>
-<style>
-  body{font-family:sans-serif;max-width:1100px;margin:20px auto;color:#222}
-  table{width:100%;border-collapse:collapse;margin:10px 0}
-  th,td{border:1px solid #ccc;padding:6px;text-align:left}
-  th{background:#263238;color:#fff}
-  .bar{display:flex;justify-content:space-between;align-items:center;background:#263238;color:#fff;padding:10px;margin-bottom:15px}
-  .bar a{color:#80cbc4}
-  button,input,select{padding:4px 8px}
-  .msg{background:#4caf50;color:#fff;padding:8px;margin-bottom:10px}
-  .err{background:#f44336;color:#fff;padding:8px;margin-bottom:10px}
-</style></head><body>
-<div class="bar">
-  <span><strong>🛡️ ADMIN</strong> v${version}</span>
-  <span>${user.email || '—'} | <a href="/v2/app">← Пользовательский</a> | <a href="/v2/logout">Выйти</a></span>
-</div>
-${msgHtml()}
-<h2>Компании (${companies.length})</h2>
-<table>
-  <tr><th>Компания</th><th>Client ID</th><th>Записей</th><th>Лимит</th><th></th><th>Новый лимит</th></tr>
-  ${rows || '<tr><td colspan="6">Нет компаний</td></tr>'}
-</table>
-</body></html>`;
-}
-
-function renderAudit({ audit, company, version }) {
-  const rows = audit.map(a => `
-    <tr>
-      <td>${new Date(a.created_at).toLocaleString('ru')}</td>
-      <td><strong>${a.action}</strong></td>
-      <td>${a.user_email}</td>
-      <td>${a.impersonated_by || '—'}</td>
-      <td>${a.company_name || '—'}</td>
-      <td>${a.old_value || '—'} → ${a.new_value || '—'}</td>
-    </tr>`).join('');
-
-  return `<!DOCTYPE html>
-<html><head><meta charset="utf-8"><title>Аудит — ${company ? company.client_id : 'Все'} — v${version}</title>
-<style>
-  body{font-family:sans-serif;max-width:1200px;margin:20px auto;color:#222}
-  table{width:100%;border-collapse:collapse;margin:10px 0}
-  th,td{border:1px solid #ccc;padding:6px;text-align:left;font-size:13px}
-  th{background:#263238;color:#fff}
-  .bar{display:flex;justify-content:space-between;align-items:center;background:#263238;color:#fff;padding:10px;margin-bottom:15px}
-  .bar a{color:#80cbc4}
-</style></head><body>
-<div class="bar">
-  <span><strong>📋 Аудит</strong> ${company ? company.client_id : 'Все компании'}</span>
-  <span><a href="/v2/admin">← Админка</a> | <a href="/v2/app">Пользовательский</a></span>
-</div>
-<table>
-  <tr><th>Дата</th><th>Действие</th><th>Кто</th><th>От имени</th><th>Компания</th><th>Значения</th></tr>
-  ${rows || '<tr><td colspan="6">Нет записей</td></tr>'}
-</table>
-<p>Показано: ${audit.length} (макс 500)</p>
-</body></html>`;
-}
-
-function renderEntries({ entries, company, used, limit, includeDeleted, version }) {
-  const rows = entries.map(e => {
-    const del = e.deleted_at;
-    const style = del ? 'text-decoration:line-through;opacity:0.5' : '';
-    return `<tr style="${style}"><td>${e.value_cidr}</td><td>${e.comment || ''}</td><td>${e.created_by}</td><td>${new Date(e.created_at).toLocaleString('ru')}</td><td>${del ? 'удалено' : 'активна'}</td></tr>`;
-  }).join('');
-
-  return `<!DOCTYPE html>
-<html><head><meta charset="utf-8"><title>Записи — ${company.client_id} — v${version}</title>
-<style>
-  body{font-family:sans-serif;max-width:1000px;margin:20px auto;color:#222}
-  table{width:100%;border-collapse:collapse;margin:10px 0}
-  th,td{border:1px solid #ccc;padding:6px;text-align:left}
-  th{background:#263238;color:#fff}
-  .bar{display:flex;justify-content:space-between;align-items:center;background:#263238;color:#fff;padding:10px;margin-bottom:15px}
-  .bar a{color:#80cbc4}
-</style></head><body>
-<div class="bar">
-  <span><strong>📋 Записи</strong> ${company.client_id} — ${company.name || company.client_id}</span>
-  <span><a href="/v2/admin">← Админка</a></span>
-</div>
-<p>Записей: <strong>${used}</strong> из ${limit} ${includeDeleted ? '(с удалёнными: ' + entries.length + ')' : ''}</p>
-<table>
-  <tr><th>CIDR</th><th>Комментарий</th><th>Кто</th><th>Когда</th><th>Статус</th></tr>
-  ${rows || '<tr><td colspan="5">Нет записей</td></tr>'}
-</table>
-<p><a href="?companyId=${company.id}&deleted=${includeDeleted ? '0' : '1'}">${includeDeleted ? 'Скрыть удалённые' : 'Показать удалённые'}</a></p>
-</body></html>`;
-}
-
-// ── msgHtml() — скрипт для показа зелёных/красных плашек ──────────────
-function msgHtml() {
-  return `<script>
-    const p=new URLSearchParams(location.search);
-    if(p.get('msg')){document.write('<div class="msg">'+p.get('msg')+'</div>');history.replaceState(null,'','/v2/admin');}
-    if(p.get('error')){document.write('<div class="err">'+p.get('error')+'</div>');history.replaceState(null,'','/v2/admin');}
-  </script>`;
-}
-
 module.exports = { createAdminRouter };