Custom Report Builder
Component Detail
User Interface
high complexity
frontend
0
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Next.js client-rendered page presenting a form-based query builder. Users select dimensions (activity_type, local_association, user_role, time period) and metrics (count, duration sum, expense total) from dropdowns. Renders results in a paginated, sortable HTML table and provides CSV export and print actions.
custom-report-builder
Responsibilities
- Render dimension and metric selector dropdowns populated from REST API
- Submit query parameters to Custom Report Service and display paginated results
- Allow users to save the current report configuration as a named template
- Trigger CSV export and browser print of the current report view
Interfaces
buildQuery(dimensions: string[], metrics: string[], filters: ReportFilter[]): void
loadSavedTemplate(templateId: string): void
saveTemplate(name: string): Promise<ReportTemplate>
exportCsv(): void
printReport(): void