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

feat(admin): OCR admin pages — overview & model detail #265

Merged
marcel merged 53 commits from feat/issue-264-ocr-admin-pages into main 2026-04-18 12:38:42 +02:00
Conversation 34 Commits 53 Files Changed 38 +88 -72
3 changed files with 88 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8128769feb - Show all commits

4
frontend/src/routes/admin/ocr/+page.svelte
View File

@@ -9,7 +9,8 @@ let { data }: { data: PageData } = $props();
const { trainingInfo } = $derived(data); const { trainingInfo } = $derived(data);
</script> </script>
<div class="flex flex-col gap-6 p-6"> <div class="flex-1 overflow-y-auto p-6">
<div class="mx-auto flex max-w-4xl flex-col gap-6">
<!-- Page title + health bar --> <!-- Page title + health bar -->
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h1 class="font-sans text-lg font-bold tracking-widest text-brand-navy uppercase"> <h1 class="font-sans text-lg font-bold tracking-widest text-brand-navy uppercase">
@@ -44,4 +45,5 @@ const { trainingInfo } = $derived(data);
personNames={trainingInfo.personNames ?? {}} personNames={trainingInfo.personNames ?? {}}
/> />
</div> </div>
</div>
</div> </div>

11
frontend/src/routes/admin/ocr/[personId]/+page.svelte
View File

@@ -7,7 +7,8 @@ let { data }: { data: PageData } = $props();
const personName = $derived(data.history.personNames?.[data.personId] ?? 'Unknown'); const personName = $derived(data.history.personNames?.[data.personId] ?? 'Unknown');
</script> </script>
<div class="flex flex-col gap-6 p-6"> <div class="flex-1 overflow-y-auto p-6">
<div class="mx-auto flex max-w-4xl flex-col gap-6">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<a <a
href="/admin/ocr" href="/admin/ocr"
@@ -28,5 +29,11 @@ const personName = $derived(data.history.personNames?.[data.personId] ?? 'Unknow
</h1> </h1>
</div> </div>
<TrainingHistory runs={data.history.runs ?? []} personNames={data.history.personNames ?? {}} /> <div class="border-brand-sand rounded-sm border bg-white p-6 shadow-sm">
<TrainingHistory
runs={data.history.runs ?? []}
personNames={data.history.personNames ?? {}}
/>
</div>
</div>
</div> </div>

11
frontend/src/routes/admin/ocr/global/+page.svelte
View File

@@ -6,7 +6,8 @@ import * as m from '$lib/paraglide/messages.js';
let { data }: { data: PageData } = $props(); let { data }: { data: PageData } = $props();
</script> </script>
<div class="flex flex-col gap-6 p-6"> <div class="flex-1 overflow-y-auto p-6">
<div class="mx-auto flex max-w-4xl flex-col gap-6">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<a <a
href="/admin/ocr" href="/admin/ocr"
@@ -27,5 +28,11 @@ let { data }: { data: PageData } = $props();
</h1> </h1>
</div> </div>
<TrainingHistory runs={data.history.runs ?? []} personNames={data.history.personNames ?? {}} /> <div class="border-brand-sand rounded-sm border bg-white p-6 shadow-sm">
<TrainingHistory
runs={data.history.runs ?? []}
personNames={data.history.personNames ?? {}}
/>
</div>
</div>
</div> </div>