domverse/crowdsec-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: initial scaffold of CrowdSec admin webapp
All checks were successful
Deploy / deploy (push) Successful in 39s
Details

Browse Source 
Flask + htmx mini-app to list and delete CrowdSec decisions from a browser,
gated behind Authentik. Talks to host LAPI via host.docker.internal:8080
using machine JWT auth (bouncer X-Api-Key is read-only).

Gitea Actions CI/CD on push to main: runner rebuilds image and brings the
stack up via docker compose on the host (same pattern as flight-radar).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
domverse
2026-06-16 23:39:20 +02:00
commit 9c8b4ca0cc
10 changed files with 416 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
app/templates/index.html Normal file
View File

@@ -0,0 +1,55 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CrowdSec Admin</title>
<script src="https://unpkg.com/htmx.org@1.9.12"></script>
<style>
:root { color-scheme: dark; }
body { font-family: system-ui, sans-serif; max-width: 1100px; margin: 2rem auto; padding: 0 1rem; background:#111; color:#ddd; }
h1 { margin-top: 0; }
table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
th, td { padding: .4rem .6rem; border-bottom: 1px solid #333; text-align: left; font-size: 0.9rem; }
th { background: #222; }
tr:hover { background: #1a1a1a; }
button, input[type=submit] { background:#3a6; color:#fff; border:0; padding:.4rem .7rem; border-radius:4px; cursor:pointer; }
button.danger { background:#c44; }
button.warn { background:#a82; }
input[type=text] { background:#222; color:#ddd; border:1px solid #444; padding:.4rem .6rem; border-radius:4px; }
.row { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; }
.pill { background:#333; padding:.15rem .5rem; border-radius:99px; font-size:.8rem; }
.me { background:#2a4; }
section { margin-top: 1.5rem; padding: 1rem; background:#181818; border-radius:6px; }
.err { color:#f88; }
code { background:#222; padding:.1rem .3rem; border-radius:3px; }
</style>
</head>
<body>
<h1>CrowdSec Admin</h1>
<div class="row">
<span class="pill me">Your IP: <code>{{ my_ip }}</code></span>
<form hx-post="/unban-me" hx-target="#unban-me-result" hx-swap="innerHTML" hx-confirm="Unban {{ my_ip }}?">
<button class="warn" type="submit">Unban my IP</button>
</form>
</div>
<div id="unban-me-result"></div>
<section>
<h2>Active decisions</h2>
<form hx-get="/decisions" hx-target="#decisions" hx-trigger="submit, load delay:200ms" hx-swap="innerHTML" class="row">
<input type="text" name="ip" placeholder="Filter by IP (optional)">
<button type="submit">Search</button>
<button type="button" hx-get="/decisions" hx-target="#decisions" hx-swap="innerHTML">Refresh all</button>
</form>
<div id="decisions">Loading…</div>
</section>
<section>
<h2>Unban by IP</h2>
<form hx-post="/unban" hx-target="#decisions" hx-swap="innerHTML" hx-confirm="Unban entered IP?" class="row">
<input type="text" name="ip" placeholder="e.g. 1.2.3.4" required>
<button class="danger" type="submit">Unban IP</button>
</form>
</section>
</body>
</html>