feat(dashboard): load tag tree for both reader and editor dashboard
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -12,6 +12,7 @@ type IncompleteDocumentDTO = components['schemas']['IncompleteDocumentDTO'];
|
|||||||
type PersonSummaryDTO = components['schemas']['PersonSummaryDTO'];
|
type PersonSummaryDTO = components['schemas']['PersonSummaryDTO'];
|
||||||
type DocumentListItem = components['schemas']['DocumentListItem'];
|
type DocumentListItem = components['schemas']['DocumentListItem'];
|
||||||
type Geschichte = components['schemas']['Geschichte'];
|
type Geschichte = components['schemas']['Geschichte'];
|
||||||
|
type TagTreeNodeDTO = components['schemas']['TagTreeNodeDTO'];
|
||||||
|
|
||||||
function settled<T>(res: PromiseSettledResult<unknown> | undefined): T | null {
|
function settled<T>(res: PromiseSettledResult<unknown> | undefined): T | null {
|
||||||
if (res?.status !== 'fulfilled') return null;
|
if (res?.status !== 'fulfilled') return null;
|
||||||
@@ -40,7 +41,8 @@ export async function load({ fetch, parent }) {
|
|||||||
api.GET('/api/documents/search', {
|
api.GET('/api/documents/search', {
|
||||||
params: { query: { sort: 'UPDATED_AT', dir: 'DESC', size: 5 } }
|
params: { query: { sort: 'UPDATED_AT', dir: 'DESC', size: 5 } }
|
||||||
}),
|
}),
|
||||||
api.GET('/api/geschichten', { params: { query: { status: 'PUBLISHED', limit: 3 } } })
|
api.GET('/api/geschichten', { params: { query: { status: 'PUBLISHED', limit: 3 } } }),
|
||||||
|
api.GET('/api/tags/tree')
|
||||||
];
|
];
|
||||||
if (canBlogWrite) {
|
if (canBlogWrite) {
|
||||||
readerFetches.push(
|
readerFetches.push(
|
||||||
@@ -48,7 +50,7 @@ export async function load({ fetch, parent }) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
const [statsRes, topPersonsRes, recentDocsRes, recentStoriesRes, draftsRes] =
|
const [statsRes, topPersonsRes, recentDocsRes, recentStoriesRes, tagTreeRes, draftsRes] =
|
||||||
await Promise.allSettled(readerFetches);
|
await Promise.allSettled(readerFetches);
|
||||||
|
|
||||||
const readerStats = settled<StatsDTO>(statsRes);
|
const readerStats = settled<StatsDTO>(statsRes);
|
||||||
@@ -56,6 +58,7 @@ export async function load({ fetch, parent }) {
|
|||||||
const searchData = settled<{ items: DocumentListItem[] }>(recentDocsRes);
|
const searchData = settled<{ items: DocumentListItem[] }>(recentDocsRes);
|
||||||
const recentDocs = searchData?.items ?? [];
|
const recentDocs = searchData?.items ?? [];
|
||||||
const recentStories = settled<Geschichte[]>(recentStoriesRes) ?? [];
|
const recentStories = settled<Geschichte[]>(recentStoriesRes) ?? [];
|
||||||
|
const tagTree = settled<TagTreeNodeDTO[]>(tagTreeRes) ?? [];
|
||||||
const drafts = settled<Geschichte[]>(draftsRes) ?? [];
|
const drafts = settled<Geschichte[]>(draftsRes) ?? [];
|
||||||
|
|
||||||
return {
|
return {
|
||||||
@@ -65,6 +68,7 @@ export async function load({ fetch, parent }) {
|
|||||||
topPersons,
|
topPersons,
|
||||||
recentDocs,
|
recentDocs,
|
||||||
recentStories,
|
recentStories,
|
||||||
|
tagTree,
|
||||||
drafts,
|
drafts,
|
||||||
error: null as string | null
|
error: null as string | null
|
||||||
};
|
};
|
||||||
@@ -80,7 +84,8 @@ export async function load({ fetch, parent }) {
|
|||||||
readyResult,
|
readyResult,
|
||||||
weeklyStatsResult,
|
weeklyStatsResult,
|
||||||
incompleteResult,
|
incompleteResult,
|
||||||
incompleteCountResult
|
incompleteCountResult,
|
||||||
|
tagTreeResult
|
||||||
] = await Promise.allSettled([
|
] = await Promise.allSettled([
|
||||||
api.GET('/api/stats'),
|
api.GET('/api/stats'),
|
||||||
api.GET('/api/dashboard/resume'),
|
api.GET('/api/dashboard/resume'),
|
||||||
@@ -91,7 +96,8 @@ export async function load({ fetch, parent }) {
|
|||||||
api.GET('/api/transcription/ready-to-read'),
|
api.GET('/api/transcription/ready-to-read'),
|
||||||
api.GET('/api/transcription/weekly-stats'),
|
api.GET('/api/transcription/weekly-stats'),
|
||||||
api.GET('/api/documents/incomplete', { params: { query: { size: 5 } } }),
|
api.GET('/api/documents/incomplete', { params: { query: { size: 5 } } }),
|
||||||
api.GET('/api/documents/incomplete-count')
|
api.GET('/api/documents/incomplete-count'),
|
||||||
|
api.GET('/api/tags/tree')
|
||||||
]);
|
]);
|
||||||
|
|
||||||
let stats: StatsDTO | null = null;
|
let stats: StatsDTO | null = null;
|
||||||
@@ -104,6 +110,7 @@ export async function load({ fetch, parent }) {
|
|||||||
let weeklyStats: TranscriptionWeeklyStatsDTO | null = null;
|
let weeklyStats: TranscriptionWeeklyStatsDTO | null = null;
|
||||||
let incompleteDocs: IncompleteDocumentDTO[] = [];
|
let incompleteDocs: IncompleteDocumentDTO[] = [];
|
||||||
let incompleteTotal = 0;
|
let incompleteTotal = 0;
|
||||||
|
let tagTree: TagTreeNodeDTO[] = [];
|
||||||
|
|
||||||
if (statsResult.status === 'fulfilled' && statsResult.value.response.ok) {
|
if (statsResult.status === 'fulfilled' && statsResult.value.response.ok) {
|
||||||
stats = statsResult.value.data ?? null;
|
stats = statsResult.value.data ?? null;
|
||||||
@@ -135,6 +142,9 @@ export async function load({ fetch, parent }) {
|
|||||||
if (incompleteCountResult.status === 'fulfilled' && incompleteCountResult.value.response.ok) {
|
if (incompleteCountResult.status === 'fulfilled' && incompleteCountResult.value.response.ok) {
|
||||||
incompleteTotal = (incompleteCountResult.value.data?.count as number | undefined) ?? 0;
|
incompleteTotal = (incompleteCountResult.value.data?.count as number | undefined) ?? 0;
|
||||||
}
|
}
|
||||||
|
if (tagTreeResult.status === 'fulfilled' && tagTreeResult.value.response.ok) {
|
||||||
|
tagTree = (tagTreeResult.value.data as TagTreeNodeDTO[]) ?? [];
|
||||||
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
isReader: false as const,
|
isReader: false as const,
|
||||||
@@ -148,6 +158,7 @@ export async function load({ fetch, parent }) {
|
|||||||
weeklyStats,
|
weeklyStats,
|
||||||
incompleteDocs,
|
incompleteDocs,
|
||||||
incompleteTotal,
|
incompleteTotal,
|
||||||
|
tagTree,
|
||||||
error: null as string | null
|
error: null as string | null
|
||||||
};
|
};
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
@@ -169,6 +180,7 @@ export async function load({ fetch, parent }) {
|
|||||||
topPersons: [] as PersonSummaryDTO[],
|
topPersons: [] as PersonSummaryDTO[],
|
||||||
recentDocs: [] as DocumentListItem[],
|
recentDocs: [] as DocumentListItem[],
|
||||||
recentStories: [] as Geschichte[],
|
recentStories: [] as Geschichte[],
|
||||||
|
tagTree: [] as TagTreeNodeDTO[],
|
||||||
drafts: [] as Geschichte[],
|
drafts: [] as Geschichte[],
|
||||||
error: 'Daten konnten nicht geladen werden.' as string | null
|
error: 'Daten konnten nicht geladen werden.' as string | null
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -108,7 +108,8 @@ describe('home page load — dashboard', () => {
|
|||||||
data: { segmentationCount: 0, transcriptionCount: 0, readyCount: 0 }
|
data: { segmentationCount: 0, transcriptionCount: 0, readyCount: 0 }
|
||||||
}) // weekly-stats
|
}) // weekly-stats
|
||||||
.mockResolvedValueOnce({ response: { ok: true }, data: [] }) // incomplete
|
.mockResolvedValueOnce({ response: { ok: true }, data: [] }) // incomplete
|
||||||
.mockResolvedValueOnce({ response: { ok: true }, data: { count: 0 } }); // incomplete-count
|
.mockResolvedValueOnce({ response: { ok: true }, data: { count: 0 } }) // incomplete-count
|
||||||
|
.mockResolvedValueOnce({ response: { ok: true }, data: [] }); // tags/tree
|
||||||
vi.mocked(createApiClient).mockReturnValue({ GET: mockGet } as ReturnType<
|
vi.mocked(createApiClient).mockReturnValue({ GET: mockGet } as ReturnType<
|
||||||
typeof createApiClient
|
typeof createApiClient
|
||||||
>);
|
>);
|
||||||
@@ -146,7 +147,8 @@ describe('home page load — dashboard', () => {
|
|||||||
data: { segmentationCount: 0, transcriptionCount: 0, readyCount: 0 }
|
data: { segmentationCount: 0, transcriptionCount: 0, readyCount: 0 }
|
||||||
}) // weekly-stats
|
}) // weekly-stats
|
||||||
.mockResolvedValueOnce({ response: { ok: true }, data: [] }) // incomplete
|
.mockResolvedValueOnce({ response: { ok: true }, data: [] }) // incomplete
|
||||||
.mockResolvedValueOnce({ response: { ok: true }, data: { count: 0 } }); // incomplete-count
|
.mockResolvedValueOnce({ response: { ok: true }, data: { count: 0 } }) // incomplete-count
|
||||||
|
.mockResolvedValueOnce({ response: { ok: true }, data: [] }); // tags/tree
|
||||||
vi.mocked(createApiClient).mockReturnValue({ GET: mockGet } as ReturnType<
|
vi.mocked(createApiClient).mockReturnValue({ GET: mockGet } as ReturnType<
|
||||||
typeof createApiClient
|
typeof createApiClient
|
||||||
>);
|
>);
|
||||||
@@ -458,7 +460,8 @@ describe('home page load — reader branch (isReader = !canWrite && !canAnnotate
|
|||||||
.mockResolvedValueOnce(okStats)
|
.mockResolvedValueOnce(okStats)
|
||||||
.mockReturnValueOnce(failPersons)
|
.mockReturnValueOnce(failPersons)
|
||||||
.mockResolvedValueOnce(okSearch)
|
.mockResolvedValueOnce(okSearch)
|
||||||
.mockResolvedValueOnce(okStories);
|
.mockResolvedValueOnce(okStories)
|
||||||
|
.mockResolvedValueOnce({ response: { ok: true, status: 200 }, data: [] }); // tags/tree
|
||||||
vi.mocked(createApiClient).mockReturnValue({ GET: mockGet } as ReturnType<
|
vi.mocked(createApiClient).mockReturnValue({ GET: mockGet } as ReturnType<
|
||||||
typeof createApiClient
|
typeof createApiClient
|
||||||
>);
|
>);
|
||||||
|
|||||||
Reference in New Issue
Block a user