jbergner
b142a0b1a5
All checks were successful
release-tag / release-image (push) Successful in 1m33s
40 lines
2.1 KiB
HTML
40 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
|
<title>Admin</title>
|
|
<script src="https://unpkg.com/htmx.org@1.9.12"></script>
|
|
<style>
|
|
:root { --bg:#0b1220; --card:#121a2b; --muted:#94a3b8; --text:#e5e7eb; --accent:#4f46e5; }
|
|
html,body { margin:0; background:var(--bg); color:var(--text); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu; }
|
|
.wrap { max-width: 1200px; margin: 40px auto; padding: 0 16px; }
|
|
.nav { display:flex; gap:12px; margin-bottom:16px; }
|
|
.btn { background:var(--card); border:1px solid #243044; padding:8px 12px; border-radius:10px; color:var(--text); cursor:pointer; }
|
|
.btn:hover { border-color:#3b4a66; }
|
|
.btn-primary { background: var(--accent); border-color: var(--accent); color:white; }
|
|
.card { background:var(--card); border:1px solid #1f2937; border-radius:16px; padding:16px; box-shadow: 0 6px 30px rgba(0,0,0,.25); }
|
|
.row { display:flex; gap:16px; flex-wrap:wrap; }
|
|
table { width:100%; border-collapse: collapse; }
|
|
th, td { border-bottom: 1px solid #1f2937; padding:10px; text-align:left; }
|
|
input[type="text"] { background:#0f1626; border:1px solid #263246; color:var(--text); padding:8px 10px; border-radius:10px; width:100%; }
|
|
small { color: var(--muted); }
|
|
.muted { color: var(--muted); }
|
|
.pill { font-size: 12px; padding: 2px 8px; border:1px solid #2b364b; border-radius:999px; background:#0f1626; color:#bcd; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<h1 style="margin:0 0 10px 0;">Unified Admin</h1>
|
|
<div class="nav">
|
|
<button class="btn" hx-get="/admin/items" hx-target="#main" hx-swap="innerHTML">Dateien</button>
|
|
<button class="btn" hx-get="/admin/peers" hx-target="#main" hx-swap="innerHTML">Mesh</button>
|
|
</div>
|
|
<div id="main" class="card" hx-get="{{.Init}}" hx-trigger="load" hx-swap="innerHTML">
|
|
<div class="muted">Lade…</div>
|
|
</div>
|
|
<div style="margin-top:14px"><small>© Admin UI</small></div>
|
|
</div>
|
|
</body>
|
|
</html>
|