Files
bookhoard/templates/admin_archived.templ
T
John O'Keefe aac7c72900 feat(admin): archived-items page with purge dates, restore, and purge
Admins need to see what the archive lifecycle is holding: a dedicated
/admin/archived page listing every hidden item (archived or still in
the missing grace window) with library, file path, status, and - when
retention is enabled - the exact date it will be permanently deleted
(archived_at + ARCHIVE_RETENTION_DAYS).

Per row: Restore (POST /api/media-items/:id/unarchive, clears the
archive state so it reappears; if the file is still gone the next scan
hides it again) and Delete (existing DELETE endpoint for single-row
purge with its reading history). Purge All Archived reuses the existing
bulk button. The library admin banner links to the page and keeps its
purge button; row actions use data attributes with delegated listeners
in admin.ts since this templ version has no JSFunctionCall helper.

Verified live: page 200 with purge dates shown, unarchive returned 204
and reset the row, per-item delete and bulk purge ({purged:1}) both
removed their rows with no leftovers.
2026-09-13 12:01:05 -04:00

104 lines
3.9 KiB
Templ

package templates
templ AdminArchived(user User, items []ArchivedItem, retentionDays int) {
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Archived Items - Bookhoard</title>
<script src="/static/htmx.min.js"></script>
<link href="/static/style.css" rel="stylesheet"/>
<link rel="icon" type="image/svg+xml" href="/static/favicon.svg"/>
</head>
<body class="theme-{ user.Theme }">
@Header(user, "/admin/archived")
<main class="p-8">
<div class="max-w-5xl">
<div class="mb-8">
<div class="flex items-center justify-between gap-4 flex-wrap">
<div>
<div class="flex items-center gap-3 mb-1">
<span class="grid place-items-center h-10 w-10 rounded-xl" style="background-color: var(--accent-muted); color: var(--accent);">
@Icon("library", "h-5 w-5")
</span>
<h1 class="text-2xl font-bold tracking-tight" style="color: var(--text-primary)">Archived Items</h1>
</div>
<p class="text-sm" style="color: var(--text-secondary)">
Books hidden because their files are missing from disk. Reading history is
kept in case a file returns; moves are detected automatically.
if retentionDays > 0 {
Archived items are permanently deleted after { retentionDays } days
(ARCHIVE_RETENTION_DAYS).
} else {
Archived items are kept until manually purged (retention disabled).
}
</p>
</div>
if len(items) > 0 {
<button type="button" onclick="purgeArchivedItems()" class="btn btn-secondary">
@Icon("trash", "h-4 w-4")
Purge All Archived
</button>
}
</div>
</div>
if len(items) == 0 {
<div class="card p-8 text-center">
<p style="color: var(--text-secondary)">Nothing is archived or missing. All clear.</p>
</div>
} else {
<div class="card overflow-hidden">
<table class="w-full text-sm">
<thead>
<tr class="border-b text-left" style="border-color: var(--border); color: var(--text-secondary);">
<th class="px-4 py-3 font-semibold">Book</th>
<th class="px-4 py-3 font-semibold">Library</th>
<th class="px-4 py-3 font-semibold">Status</th>
<th class="px-4 py-3 font-semibold text-right">Actions</th>
</tr>
</thead>
<tbody>
for _, item := range items {
<tr class="border-b" style="border-color: color-mix(in srgb, var(--text-primary) 5%, transparent);">
<td class="px-4 py-3">
<p class="font-medium" style="color: var(--text-primary)">{ item.Title }</p>
if item.Author != "" {
<p style="color: var(--text-secondary)">{ item.Author }</p>
}
<p class="font-mono text-xs break-all" style="color: var(--text-secondary)">{ item.FilePath }</p>
</td>
<td class="px-4 py-3" style="color: var(--text-primary)">{ item.LibraryName }</td>
<td class="px-4 py-3" style="color: var(--text-secondary)">{ item.Status }</td>
<td class="px-4 py-3 text-right whitespace-nowrap">
<button
type="button"
data-unarchive={ item.ID }
class="btn btn-ghost text-xs"
title="Restore to libraries now; if the file is still gone the next scan hides it again"
>
@Icon("refresh", "h-3.5 w-3.5")
Restore
</button>
<button
type="button"
data-delete-archived={ item.ID }
class="btn btn-ghost text-xs"
title="Delete this item and its reading history permanently"
>
@Icon("trash", "h-3.5 w-3.5")
Delete
</button>
</td>
</tr>
}
</tbody>
</table>
</div>
}
</div>
</main>
</body>
</html>
}