Add unqueue (delete) button to web reading view

Adds a delete route and handler to the web UI so documents can be
removed directly from the reading page. Uses CSRF-protected POST with a
browser confirmation dialog. Styled with a danger accent.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 00:08:45 -07:00
parent 940993a2e3
commit ed3a547e54
3 changed files with 22 additions and 0 deletions

View File

@@ -252,6 +252,14 @@ button:hover, .btn:hover {
padding: 0.1875rem 0.625rem;
font-size: 0.75rem;
}
.btn-danger {
color: var(--accent);
border-color: var(--accent);
}
.btn-danger:hover {
background: var(--accent);
color: var(--bg);
}
/* ===========================
Forms

View File

@@ -18,6 +18,11 @@
<button type="submit" class="btn-ghost btn btn-sm">Mark read</button>
</form>
{{end}}
<form method="POST" action="/d/{{.Doc.Slug}}/delete" style="display:inline"
onsubmit="return confirm('Delete this document?')">
{{csrfField}}
<button type="submit" class="btn-ghost btn btn-sm btn-danger">Unqueue</button>
</form>
<a href="/" class="btn-ghost btn btn-sm">Back to queue</a>
</div>
</div>