34f87476ff
Full DashboardPage rewrite with: - 5-KPI row (total/active schools, expiring licenses, open tickets, SMS today) - 30-day SMS volume bar chart (reuses SmsPage chart pattern) - Revenue snapshot: MRR, paid this month, outstanding + overdue invoices - School health table: status, tier, credit balance with LOW badge, license expiry countdown, last-seen relative time — sortable + search + status filter - Quick actions panel with open-ticket badge counter - Mini stats: SMS queue depth, suspended school count - Refresh button with last-updated timestamp - api.ts: getDashboardSchoolHealth + getDashboardRevenue
1.3 KiB
1.3 KiB
Phase 06: Super Admin Dashboard UI
Status: Complete Completed: 2026-03-16
Goal
Replace the minimal DashboardPage skeleton with a rich, data-driven super admin dashboard.
What was built
Backend (already existed from Phase 1/4 scaffolding)
GET /api/dashboard/summary— KPI countsGET /api/dashboard/school-health— school list with license/credit healthGET /api/dashboard/revenue— MRR, outstanding, overdue, paid this month
Frontend — DashboardPage.vue (full rewrite)
- KPI row (5 cards): Total Schools, Active, Expiring Licenses, Open Tickets, SMS Today
- School Health Table: name, status badge, tier, SMS credits (with low-credit warning), license expiry countdown, last seen timestamp — sortable columns, status filter, search
- SMS Volume Chart: 30-day bar chart (sent/failed), reused from SmsPage pattern
- Revenue Snapshot panel: MRR, Paid This Month, Outstanding (count), Overdue (count + red highlight)
- Quick Actions: Add School (→ /schools), SMS Gateway (→ /sms), Billing (→ /billing)
- Refresh button with last-updated timestamp
api.ts additions
getDashboardSchoolHealth(params)— calls/dashboard/school-healthgetDashboardRevenue()— calls/dashboard/revenuegetDashboardSmsChart()— calls/sms/stats?days=30(reuse existing)