Some checks failed
CI / Unit & Component Tests (push) Failing after 3m7s
CI / OCR Service Tests (push) Successful in 34s
CI / Backend Unit Tests (push) Failing after 2m59s
CI / Unit & Component Tests (pull_request) Failing after 3m10s
CI / OCR Service Tests (pull_request) Successful in 34s
CI / Backend Unit Tests (pull_request) Failing after 3m1s
Frontend side of the /documents pagination work. The page.server.ts load reads ?page= from the URL, forwards page+size=50 to the backend, and exposes the new totalElements/pageNumber/pageSize/totalPages fields on `data`. +page.svelte renders a <Pagination> component below the result list; buildPageHref preserves every filter param and only updates page. The existing triggerSearch debounce flow intentionally drops `page` when any filter changes, so filter edits reset to page 0 automatically. <Pagination> uses plain <a href> links (not goto) so SvelteKit's default scroll restoration scrolls new pages to the top — the expected senior-UX behaviour. Decorative chevrons wrapped in aria-hidden spans, 44px touch targets, focus-visible ring, stacks vertically under 640px. The control hides itself when totalPages ≤ 1. Test coverage: 9 cases on Pagination (label, aria-current, prev/next enable/disable, makeHref invocation, decorative chevron, touch target), plus a filter-reset assertion on +page.svelte (page 5 → edit q → goto URL must drop page=). Adds i18n keys in de/en/es. Manual edit to api.ts pending a post-merge npm run generate:api against a rebuilt dev backend. (#315) Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
105 lines
2.8 KiB
TypeScript
105 lines
2.8 KiB
TypeScript
import { redirect } from '@sveltejs/kit';
|
|
import { createApiClient } from '$lib/api.server';
|
|
import { getErrorMessage } from '$lib/errors';
|
|
import type { components } from '$lib/generated/api';
|
|
|
|
type DocumentSearchItem = components['schemas']['DocumentSearchItem'];
|
|
|
|
const VALID_SORTS = ['DATE', 'TITLE', 'SENDER', 'RECEIVER', 'UPLOAD_DATE', 'RELEVANCE'] as const;
|
|
type ValidSort = (typeof VALID_SORTS)[number];
|
|
const VALID_DIRS = ['asc', 'desc'] as const;
|
|
type ValidDir = (typeof VALID_DIRS)[number];
|
|
|
|
const PAGE_SIZE = 50;
|
|
|
|
export async function load({ url, fetch }) {
|
|
const q = url.searchParams.get('q') || '';
|
|
const from = url.searchParams.get('from') || '';
|
|
const to = url.searchParams.get('to') || '';
|
|
const senderId = url.searchParams.get('senderId') || '';
|
|
const receiverId = url.searchParams.get('receiverId') || '';
|
|
const tags = url.searchParams.getAll('tag');
|
|
const rawSort = url.searchParams.get('sort') ?? 'DATE';
|
|
const sort: ValidSort = (VALID_SORTS as readonly string[]).includes(rawSort)
|
|
? (rawSort as ValidSort)
|
|
: 'DATE';
|
|
const rawDir = url.searchParams.get('dir') ?? 'desc';
|
|
const dir: ValidDir = (VALID_DIRS as readonly string[]).includes(rawDir)
|
|
? (rawDir as ValidDir)
|
|
: 'desc';
|
|
const tagQ = url.searchParams.get('tagQ') || '';
|
|
const tagOp = url.searchParams.get('tagOp') === 'OR' ? 'OR' : 'AND';
|
|
const page = Math.max(0, Number(url.searchParams.get('page') ?? '0') || 0);
|
|
|
|
const api = createApiClient(fetch);
|
|
|
|
let result;
|
|
try {
|
|
result = await api.GET('/api/documents/search', {
|
|
params: {
|
|
query: {
|
|
q: q || undefined,
|
|
from: from || undefined,
|
|
to: to || undefined,
|
|
senderId: senderId || undefined,
|
|
receiverId: receiverId || undefined,
|
|
tag: tags.length ? tags : undefined,
|
|
tagQ: tagQ && !tags.length ? tagQ : undefined,
|
|
tagOp: tagOp === 'OR' ? 'OR' : undefined,
|
|
sort,
|
|
dir: dir || undefined,
|
|
page,
|
|
size: PAGE_SIZE
|
|
}
|
|
}
|
|
});
|
|
} catch {
|
|
return {
|
|
items: [] as DocumentSearchItem[],
|
|
totalElements: 0,
|
|
pageNumber: 0,
|
|
pageSize: PAGE_SIZE,
|
|
totalPages: 0,
|
|
q,
|
|
from,
|
|
to,
|
|
senderId,
|
|
receiverId,
|
|
tags,
|
|
sort,
|
|
dir,
|
|
tagQ,
|
|
tagOp,
|
|
error: 'Daten konnten nicht geladen werden.' as string | null
|
|
};
|
|
}
|
|
|
|
if (result.response.status === 401) {
|
|
throw redirect(302, '/login');
|
|
}
|
|
|
|
const errorMessage: string | null = !result.response.ok
|
|
? (getErrorMessage((result.error as unknown as { code?: string })?.code) ??
|
|
'Daten konnten nicht geladen werden.')
|
|
: null;
|
|
|
|
return {
|
|
items: (result.data?.items ?? []) as DocumentSearchItem[],
|
|
totalElements: result.data?.totalElements ?? 0,
|
|
pageNumber: result.data?.pageNumber ?? page,
|
|
pageSize: result.data?.pageSize ?? PAGE_SIZE,
|
|
totalPages: result.data?.totalPages ?? 0,
|
|
q,
|
|
from,
|
|
to,
|
|
senderId,
|
|
receiverId,
|
|
tags,
|
|
sort,
|
|
dir,
|
|
tagQ,
|
|
tagOp,
|
|
error: errorMessage
|
|
};
|
|
}
|