perco/camwatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve whitelist UX: inline label edit and label prompt from stats

Browse Source 
Whitelist page: each entry now shows an editable label field inline
(uses INSERT OR REPLACE so it acts as update). Stats page: the
whitelist button expands a small dropdown with a label input before
confirming.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
perco
2026-06-02 22:41:34 +02:00
co-authored by Claude Sonnet 4.6
parent ea58a860b8
commit 30561c44de
2 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/whitelist.html
+13 -3
View File
@@ -57,12 +57,22 @@
</thead>
<tbody>
{% for e in entries %}
<tr class="border-b border-slate-800 hover:bg-slate-800/40">
<tr class="border-b border-slate-700">
<td class="px-4 py-3">
<span class="plate font-bold px-3 py-1 rounded text-sm" style="background:#14532d;color:#4ade80;border:1px solid #16a34a;">{{ e.plate }}</span>
</td>
<td class="px-4 py-3 text-slate-300">{{ e.label or '—' }}</td>
<td class="px-4 py-3 text-slate-500 text-xs hidden sm:table-cell">{{ e.added_str }}</td>
<td class="px-4 py-3" colspan="2">
<form action="/whitelist/add" method="post" class="flex gap-2 items-center flex-wrap">
<input type="hidden" name="plate" value="{{ e.plate }}">
<input type="hidden" name="back" value="/whitelist">
<input type="text" name="label" value="{{ e.label or '' }}" placeholder="Libellé…"
class="flex-1 text-sm font-medium"
style="min-width:120px;background:#0f172a;border:1px solid #475569;color:#e2e8f0;border-radius:6px;padding:4px 8px;">
<button type="submit" class="text-xs px-3 py-1 rounded whitespace-nowrap"
style="background:#1e3a5f;color:#60a5fa;border:1px solid #2563eb;">✓ Sauvegarder</button>
</form>
</td>
<td class="px-4 py-3 text-slate-500 text-xs hidden sm:table-cell whitespace-nowrap">{{ e.added_str }}</td>
<td class="px-4 py-3 text-right">
<form action="/whitelist/remove/{{ e.plate }}" method="post" class="inline"
onsubmit="return confirm('Retirer {{ e.plate }} de la liste blanche ?')">