123

frontend/src/pages/login.js

@@ -0,0 +1,27 @@
+export function renderLoginPage(state) {
+  return `
+    <div class="login-page">
+      <section class="login-panel">
+        <div class="login-copy">
+          <span class="hero-kicker">Secure Admin Access</span>
+          <h1>Production-grade PostgreSQL admin panel</h1>
+          <p>
+            Session-based auth, RBAC по группам таблиц, аудит действий, безопасный SQL console и контейнерные логи.
+          </p>
+        </div>
+        <form id="loginForm" class="login-form">
+          <label>
+            <span>Логин</span>
+            <input name="username" value="root" required />
+          </label>
+          <label>
+            <span>Пароль</span>
+            <input name="password" type="password" value="ChangeMe123!" required />
+          </label>
+          <button class="primary-button" type="submit">Войти</button>
+          ${state.error ? `<div class="error-banner">${state.error}</div>` : ""}
+        </form>
+      </section>
+    </div>
+  `;
+}