Overview
Building each analytics dashboard from scratch means re-coding the same charts, date filters, currency formatting and dark-mode handling every time. AC Base Dashboard solves this by providing one reusable OWL component class, BaseDashboard, that all AlshayebCo dashboard modules extend. It bundles Chart.js, ready-made chart configurations, period-comparison date filters and theme-aware styling, so individual dashboards only define their own data and charts while inheriting a consistent, polished look.
Key Features
- Reusable BaseDashboard OWL component that other dashboard modules extend instead of rebuilding common logic.
- Bundles Chart.js 4.5.0 and ready-made chart builders for doughnut, line, horizontal-bar and vertical-bar charts.
- Optional comparison series on doughnut and horizontal-bar charts to show a current period against a prior one.
- Quick date-range presets (This Month, Last Month, Last 30 Days, This Quarter, This Year) that also pre-fill the matching prior comparison period.
- Dual date filters (main range plus compare range) with automatic from/to ordering and safe handling of cleared dates.
- Automatic dark-mode detection with two color palettes so charts stay readable in both light and dark themes.
- Helper to format and color period-over-period delta percentages (up, down or flat indicators).
- Built-in currency formatting and one-click navigation helpers to open filtered list or kanban views from a chart.
- Shared notification helpers (info, success, warning, error) for consistent user feedback across dashboards.
- Shared CSS plus a dedicated dark-mode stylesheet for cards, layout and the date-filter panel.