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.

Feature: Custom Reports

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