marcel/familienarchiv
1
0
Fork 0
Code Issues 114 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

feat(documents): restore sender/receiver grouping in document list

Browse Source 
When sort=SENDER, documents group under the sender's display name card.
When sort=RECEIVER, a document appears under each receiver's card
(with multi-receiver duplication). Falls back to i18n labels for unknown
sender/receiver. Passes sort prop from /documents page to DocumentList.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-20 09:45:46 +02:00
committed by marcel
parent 909041adbb
commit 33ada55f12
3 changed files with 169 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
frontend/src/routes/DocumentList.svelte
View File

@@ -12,28 +12,61 @@ let {
canWrite,
error,
total = 0,
q = ''
q = '',
sort = 'DATE'
}: {
items: DocumentSearchItem[];
canWrite: boolean;
error?: string | null;
total?: number;
q?: string;
sort?: string;
} = $props();
const yearGroups = $derived.by(() => {
const groups = $derived.by(() => {
if (sort === 'SENDER') return groupBySender(items);
if (sort === 'RECEIVER') return groupByReceiver(items);
return groupByYear(items);
});
function groupByYear(docItems: DocumentSearchItem[]) {
const map = new SvelteMap<string, DocumentSearchItem[]>();
for (const item of items) {
const year = item.document.documentDate?.substring(0, 4) ?? 'Ohne Datum';
const group = map.get(year);
if (group) {
group.push(item);
} else {
map.set(year, [item]);
for (const item of docItems) {
const label = item.document.documentDate?.substring(0, 4) ?? 'Ohne Datum';
const bucket = map.get(label);
if (bucket) bucket.push(item);
else map.set(label, [item]);
}
return Array.from(map.entries()).map(([label, groupItems]) => ({ label, items: groupItems }));
}
function groupBySender(docItems: DocumentSearchItem[]) {
const map = new SvelteMap<string, DocumentSearchItem[]>();
for (const item of docItems) {
const label = item.document.sender?.displayName ?? m.docs_group_unknown_sender();
const bucket = map.get(label);
if (bucket) bucket.push(item);
else map.set(label, [item]);
}
return Array.from(map.entries()).map(([label, groupItems]) => ({ label, items: groupItems }));
}
function groupByReceiver(docItems: DocumentSearchItem[]) {
const map = new SvelteMap<string, DocumentSearchItem[]>();
for (const item of docItems) {
const receivers = item.document.receivers ?? [];
const labels =
receivers.length > 0
? receivers.map((r) => r.displayName)
: [m.docs_group_unknown_receiver()];
for (const label of labels) {
const bucket = map.get(label);
if (bucket) bucket.push(item);
else map.set(label, [item]);
}
}
return Array.from(map.entries()).map(([year, groupItems]) => ({ year, items: groupItems }));
});
return Array.from(map.entries()).map(([label, groupItems]) => ({ label, items: groupItems }));
}
</script>
<!-- DOCUMENT LIST HEADER -->
@@ -67,19 +100,21 @@ const yearGroups = $derived.by(() => {
</div>
</div>
{:else if items.length > 0}
<!-- YEAR CARDS -->
{#each yearGroups as group (group.year)}
<!-- GROUP CARDS -->
{#each groups as group (group.label)}
<div
data-testid="year-card"
class="mb-4 overflow-hidden border border-line bg-surface shadow-sm"
>
<div class="border-b border-line bg-muted px-5 py-2">
<span class="font-sans text-xs font-bold tracking-widest text-ink-3 uppercase"
>{group.year}</span
<span
data-testid="group-header"
class="font-sans text-xs font-bold tracking-widest text-ink-3 uppercase"
>{group.label}</span
>
</div>
<ul class="divide-y divide-line">
{#each group.items as item (item.document.id)}
{#each group.items as item (group.label + '-' + item.document.id)}
<DocumentRow item={item} />
{/each}
</ul>