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

feat: bulk unban via checkboxes
All checks were successful
Deploy / deploy (push) Successful in 23s
Details

Browse Source 
Adds per-row checkboxes, a select-all toggle, a live "N selected" counter,
and an /unban-bulk endpoint that DELETEs each chosen decision id. Single-row
Unban buttons still work via hx-vals so they don't accidentally submit the
bulk form.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
domverse
2026-06-17 00:02:59 +02:00
parent ffe08a3fc4
commit a324d5a68d
2 changed files with 64 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
app/templates/_decisions.html
View File

@@ -2,30 +2,51 @@
<p class="err">{{ error }}</p>
{% endif %}
{% if decisions %}
<table>
<thead>
<tr><th>ID</th><th>IP / value</th><th>Scope</th><th>Type</th><th>Reason</th><th>Until</th><th>Origin</th><th></th></tr>
</thead>
<tbody>
{% for d in decisions %}
<tr>
<td><code>{{ d.id }}</code></td>
<td><code>{{ d.value }}</code></td>
<td>{{ d.scope }}</td>
<td>{{ d.type }}</td>
<td>{{ d.scenario }}</td>
<td>{{ d.until }}</td>
<td>{{ d.origin }}</td>
<td>
<form hx-post="/unban" hx-target="#decisions" hx-swap="innerHTML" hx-confirm="Delete decision {{ d.id }} for {{ d.value }}?">
<input type="hidden" name="id" value="{{ d.id }}">
<button class="danger" type="submit">Unban</button>
</form>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<form hx-post="/unban-bulk" hx-target="#decisions" hx-swap="innerHTML"
hx-confirm="Unban all selected decisions?" id="bulk-form">
<div class="row" style="margin: .5rem 0;">
<button class="danger" type="submit">Unban selected</button>
<span class="pill"><span id="sel-count">0</span> selected of {{ decisions|length }}</span>
</div>
<table>
<thead>
<tr>
<th><input type="checkbox" id="sel-all" onclick="document.querySelectorAll('#bulk-form .sel').forEach(c=>{c.checked=this.checked});updateCount()"></th>
<th>ID</th><th>IP / value</th><th>Scope</th><th>Type</th><th>Reason</th><th>Until</th><th>Origin</th><th></th>
</tr>
</thead>
<tbody>
{% for d in decisions %}
<tr>
<td><input type="checkbox" class="sel" name="id" value="{{ d.id }}" onclick="updateCount()"></td>
<td><code>{{ d.id }}</code></td>
<td><code>{{ d.value }}</code></td>
<td>{{ d.scope }}</td>
<td>{{ d.type }}</td>
<td>{{ d.scenario }}</td>
<td>{{ d.until }}</td>
<td>{{ d.origin }}</td>
<td>
<button class="danger" type="button"
hx-post="/unban" hx-target="#decisions" hx-swap="innerHTML"
hx-vals='{"id": "{{ d.id }}"}'
hx-confirm="Delete decision {{ d.id }} for {{ d.value }}?">Unban</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</form>
<script>
function updateCount(){
const n = document.querySelectorAll('#bulk-form .sel:checked').length;
const total = document.querySelectorAll('#bulk-form .sel').length;
document.getElementById('sel-count').textContent = n;
const all = document.getElementById('sel-all');
if (all) all.checked = (n === total && total > 0);
}
updateCount();
</script>
{% else %}
{% if not error %}<p>No active decisions.</p>{% endif %}
{% endif %}