Implement magazine reviews, label details, and year filtering

- Aggregate magazine references from all releases on the Entry detail page.
- Display country names and external links (Wikipedia/Website) on the Label detail page.
- Add a year filter to the ZXDB Explorer to search entries by release year.

Signed-off: junie@lucy.xalior.com
This commit is contained in:
2026-02-17 12:03:36 +00:00
parent 9807005305
commit 53eb9a1501
5 changed files with 274 additions and 7 deletions

View File

@@ -130,6 +130,26 @@ export type EntryDetailData = {
// Additional relationships
aliases?: { releaseSeq: number; languageId: string; title: string }[];
webrefs?: { link: string; languageId: string; website: { id: number; name: string; link?: string | null } }[];
magazineRefs?: {
id: number;
issueId: number;
magazineId: number | null;
magazineName: string | null;
referencetypeId: number;
referencetypeName: string | null;
page: number;
isOriginal: number;
scoreGroup: string;
issue: {
dateYear: number | null;
dateMonth: number | null;
dateDay: number | null;
volume: number | null;
number: number | null;
special: string | null;
supplement: string | null;
};
}[];
};
export default function EntryDetailClient({ data }: { data: EntryDetailData | null }) {
@@ -293,7 +313,52 @@ export default function EntryDetailClient({ data }: { data: EntryDetailData | nu
</div>
</div>
<div className="card shadow-sm">
<div className="card shadow-sm mb-3">
<div className="card-body">
<h5 className="card-title">Magazine References</h5>
{(!data.magazineRefs || data.magazineRefs.length === 0) && <div className="text-secondary">No magazine references recorded</div>}
{data.magazineRefs && data.magazineRefs.length > 0 && (
<div className="table-responsive">
<table className="table table-sm table-striped align-middle">
<thead>
<tr>
<th>Magazine</th>
<th style={{ width: 140 }}>Issue</th>
<th style={{ width: 140 }}>Type</th>
<th style={{ width: 120 }}>Page</th>
<th>Score</th>
</tr>
</thead>
<tbody>
{data.magazineRefs.map((m) => (
<tr key={m.id}>
<td>
{m.magazineId ? (
<Link href={`/zxdb/magazines/${m.magazineId}`}>{m.magazineName}</Link>
) : (
<span>{m.magazineName}</span>
)}
</td>
<td>
<Link href={`/zxdb/issues/${m.issueId}`}>
{m.issue.dateYear ? `${m.issue.dateYear} ` : ""}
{m.issue.number ? `#${m.issue.number}` : ""}
{m.issue.special ? ` (${m.issue.special})` : ""}
</Link>
</td>
<td>{m.referencetypeName}</td>
<td>{m.page > 0 ? m.page : "-"}</td>
<td>{m.scoreGroup || "-"}</td>
</tr>
))}
</tbody>
</table>
</div>
)}
</div>
</div>
<div className="card shadow-sm mb-3">
<div className="card-body d-flex flex-wrap gap-2">
<Link className="btn btn-sm btn-outline-secondary" href={`/zxdb/entries/${data.id}`}>Permalink</Link>
<Link className="btn btn-sm btn-outline-primary" href="/zxdb">Back to Explorer</Link>