📊 Organization Analytics APIs

Analytics Frontend Data Flow ═══════════════════════════════════════════════════════════════════════════════ Angular Dashboard (home.component.ts) ─────────────────────────────────────────────────────────────────────────────── ngOnInit() { // 1. Load dashboard KPIs this.analyticsService.getOrganizationOverview() .subscribe(data => this.overview = data); // 2. Load trends for charts this.analyticsService.getTrends({ fromDate: this.startDate, toDate: this.endDate }).subscribe(data => this.chartData = data); // 3. Load top users list this.analyticsService.getTopUsers({ limit: 10 }) .subscribe(data => this.topUsers = data); } Service Layer (analytics.service.ts) ─────────────────────────────────────────────────────────────────────────────── @Injectable() export class AnalyticsService { private apiUrl = '/api/analytics'; getOrganizationOverview(): Observable { const orgId = this.authService.getCurrentOrgId(); return this.http.get(`${this.apiUrl}/organization/${orgId}`); } getTrends(params: DateRange): Observable { return this.http.get(`${this.apiUrl}/trends`, { params }); } getTopUsers(options: { limit: number }): Observable { return this.http.get(`${this.apiUrl}/top-users`, { params: { limit: options.limit.toString() } }); } } Caching Strategy: • Component-level: 5-minute cache for KPIs • HTTP-level: No browser caching (Cache-Control not set) • Opportunity: Add Redis caching for API responses