8971fee75e
- /stammbaum: drop the global py-6 top gap so the page header butts up against the navbar, matching its full-bleed canvas layout - person detail: add mt-6 around the document lists so they don't sit flush against the Beziehungen card - person edit: add mt-6 to PersonMergePanel so the merge box doesn't collide with the StammbaumCard above it Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
98 lines
2.6 KiB
Svelte
98 lines
2.6 KiB
Svelte
<script lang="ts">
|
|
import { m } from '$lib/paraglide/messages.js';
|
|
import { SvelteMap } from 'svelte/reactivity';
|
|
import BackButton from '$lib/components/BackButton.svelte';
|
|
import PersonCard from './PersonCard.svelte';
|
|
import NameHistoryCard from './NameHistoryCard.svelte';
|
|
import CoCorrespondentsList from './CoCorrespondentsList.svelte';
|
|
import PersonDocumentList from './PersonDocumentList.svelte';
|
|
import PersonRelationshipsCard from './PersonRelationshipsCard.svelte';
|
|
|
|
let { data } = $props();
|
|
|
|
const person = $derived(data.person);
|
|
const sentDocuments = $derived(data.sentDocuments);
|
|
const receivedDocuments = $derived(data.receivedDocuments);
|
|
|
|
const coCorrespondents = $derived.by(() => {
|
|
const freq = new SvelteMap<string, { id: string; name: string; count: number }>();
|
|
|
|
for (const doc of sentDocuments) {
|
|
for (const receiver of doc.receivers ?? []) {
|
|
const key = receiver.id;
|
|
const existing = freq.get(key);
|
|
if (existing) existing.count++;
|
|
else
|
|
freq.set(key, {
|
|
id: receiver.id,
|
|
name: receiver.displayName,
|
|
count: 1
|
|
});
|
|
}
|
|
}
|
|
|
|
for (const doc of receivedDocuments) {
|
|
if (doc.sender && doc.sender.id !== person.id) {
|
|
const key = doc.sender.id;
|
|
const existing = freq.get(key);
|
|
if (existing) existing.count++;
|
|
else
|
|
freq.set(key, {
|
|
id: doc.sender.id,
|
|
name: doc.sender.displayName,
|
|
count: 1
|
|
});
|
|
}
|
|
}
|
|
|
|
return [...freq.values()].sort((a, b) => b.count - a.count).slice(0, 5);
|
|
});
|
|
</script>
|
|
|
|
<div class="mx-auto max-w-6xl px-4 py-10">
|
|
<!-- Back Link -->
|
|
<div class="mb-6">
|
|
<BackButton />
|
|
</div>
|
|
|
|
<!-- 2-column layout on large screens -->
|
|
<div class="lg:grid lg:grid-cols-[35%_65%] lg:gap-8">
|
|
<!-- Left column: Person card + name history -->
|
|
<div>
|
|
<PersonCard person={person} canWrite={data.canWrite} />
|
|
<div class="mt-6">
|
|
<NameHistoryCard aliases={data.aliases} personFirstName={person.firstName} />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right column: correspondents + relationships + documents -->
|
|
<div>
|
|
<CoCorrespondentsList coCorrespondents={coCorrespondents} personId={person.id} />
|
|
|
|
<div class="mt-6">
|
|
<PersonRelationshipsCard
|
|
personId={person.id}
|
|
relationships={data.relationships}
|
|
inferredRelationships={data.inferredRelationships}
|
|
/>
|
|
</div>
|
|
|
|
<div class="mt-6">
|
|
<PersonDocumentList
|
|
documents={sentDocuments}
|
|
heading={m.person_docs_heading()}
|
|
emptyMessage={m.person_no_docs()}
|
|
/>
|
|
</div>
|
|
|
|
<div class="mt-6">
|
|
<PersonDocumentList
|
|
documents={receivedDocuments}
|
|
heading={m.person_received_docs_heading()}
|
|
emptyMessage={m.person_no_received_docs()}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|