Skip to content

feat(#178): Responsiveness & interactivity for PI Dashboard#180

Open
jimmysway wants to merge 2 commits intonerc-project:mainfrom
jimmysway:issue-178-responsive-interactive
Open

feat(#178): Responsiveness & interactivity for PI Dashboard#180
jimmysway wants to merge 2 commits intonerc-project:mainfrom
jimmysway:issue-178-responsive-interactive

Conversation

@jimmysway
Copy link

Builds on #176 to add interactive and responsive features:

  • Add custom external tooltip handler with missing data indicators
  • Add responsive tick intervals and font sizes based on viewport
  • Add low-data state handling with centered display
  • Add missing data interpolation and grayscale visualization
  • Add graph/table toggle view
  • Add cumulative/daily data mode toggle
  • Add CSV export functionality
  • Add DataTable integration for table view
  • Add chart_tooltip.css and chart_controls.css styling

Files:

  • patches/04_add_usage_chart.patch - Template modifications
  • src/static/chartjs/ - Chart.js library
  • src/static/css/ - Chart styling (controls, tooltips, variables)
  • src/static/js/ - Chart logic (utils, config, tooltip, allocation_detail)

Closes #178

@jimmysway jimmysway force-pushed the issue-178-responsive-interactive branch 2 times, most recently from 9398e38 to 9126988 Compare December 4, 2025 18:16
Builds on nerc-project#176 to add interactive and responsive features:

- Add custom external tooltip handler with missing data indicators
- Add responsive tick intervals and font sizes based on viewport
- Add low-data state handling with centered display
- Add missing data interpolation and grayscale visualization
- Add graph/table toggle view
- Add cumulative/daily data mode toggle
- Add CSV export functionality
- Add DataTable integration for table view
- Add chart_tooltip.css and chart_controls.css styling

Files:
- patches/04_add_usage_chart.patch - Template modifications
- src/static/chartjs/ - Chart.js library
- src/static/css/ - Chart styling (controls, tooltips, variables)
- src/static/js/ - Chart logic (utils, config, tooltip, allocation_detail)

Closes nerc-project#178
@jimmysway jimmysway force-pushed the issue-178-responsive-interactive branch from 9126988 to 8f89ba0 Compare December 4, 2025 18:40
Snapshots are needed as a baseline comparison for tests.

Tests cover UI states for different viewport sizes along with changes in data states

Unit tests cover handling of chart logic and calculations
@jimmysway jimmysway force-pushed the issue-178-responsive-interactive branch from 3223035 to c6787c2 Compare February 20, 2026 16:38
@jimmysway
Copy link
Author

Added tests for the frontend.

I do apologize for the absolutely monumental size of changes

@jimmysway jimmysway requested a review from knikolla February 20, 2026 17:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

PI Dashboard Development - Responsiveness & Interactivity - Breakpoints, Data States, Responsiveness and Interactivity

1 participant