Replace all mock data with real backend integration

- Add database tables for email configs, settings, and activity logs - Create backend endpoints for dashboard stats, analytics, archives, email config, and settings - Create frontend service layer (admin, archive, email, settings services) - Update AdminDashboard to use real statistics and activity data - Update AnalyticsPage to fetch real analytics from backend - Update ArchivesPage with pagination and real archive operations - Update EmailConfigPage to manage real SMTP config and templates - Remove all mock data and replace with API calls throughout admin interface 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-06 22:46:24 +02:00
parent 3470120a0d
commit 932e5e137c
15 changed files with 1998 additions and 356 deletions
@@ -0,0 +1,95 @@
+import { api } from '../config/api';
+
+export interface DashboardStats {
+  activeEvents: number;
+  expiringEvents: number;
+  totalPhotos: number;
+  storageUsed: number;
+  totalViews: number;
+  totalDownloads: number;
+  viewsTrend: number;
+  downloadsTrend: number;
+}
+
+export interface Activity {
+  id: number;
+  type: string;
+  actorType: string;
+  actorName: string;
+  eventName?: string;
+  metadata: Record<string, any>;
+  createdAt: string;
+}
+
+export interface AnalyticsData {
+  chartData: Array<{
+    date: string;
+    views: number;
+    downloads: number;
+    uniqueVisitors: number;
+  }>;
+  topGalleries: Array<{
+    event_name: string;
+    slug: string;
+    views: number;
+  }>;
+  devices: {
+    desktop: number;
+    mobile: number;
+    tablet: number;
+  };
+}
+
+export const adminService = {
+  // Dashboard statistics
+  async getDashboardStats(): Promise<DashboardStats> {
+    const response = await api.get<DashboardStats>('/api/admin/dashboard/stats');
+    return response.data;
+  },
+
+  // Recent activity
+  async getRecentActivity(limit: number = 10): Promise<Activity[]> {
+    const response = await api.get<Activity[]>('/api/admin/dashboard/activity', {
+      params: { limit }
+    });
+    return response.data;
+  },
+
+  // Analytics data
+  async getAnalytics(days: number = 7): Promise<AnalyticsData> {
+    const response = await api.get<AnalyticsData>('/api/admin/dashboard/analytics', {
+      params: { days }
+    });
+    return response.data;
+  },
+
+  // Format activity message
+  formatActivityMessage(activity: Activity): string {
+    const messages: Record<string, string> = {
+      'event_created': `New event created: ${activity.eventName || 'Unknown'}`,
+      'photos_uploaded': `${activity.metadata.count || 0} photos uploaded to ${activity.eventName || 'Unknown'}`,
+      'event_archived': `Event archived: ${activity.eventName || 'Unknown'}`,
+      'archive_restored': `Archive restored: ${activity.eventName || 'Unknown'}`,
+      'archive_deleted': `Archive deleted: ${activity.metadata.event_name || 'Unknown'}`,
+      'archive_downloaded': `Archive downloaded: ${activity.eventName || 'Unknown'}`,
+      'email_config_updated': 'Email configuration updated',
+      'email_template_updated': `Email template updated: ${activity.metadata.template_key || ''}`,
+      'branding_updated': 'Branding settings updated',
+      'theme_updated': 'Theme settings updated',
+      'bulk_download': `${activity.metadata.photo_count || 0} photos downloaded from ${activity.eventName || 'Unknown'}`,
+      'gallery_password_entry': `Password entered for ${activity.eventName || 'Unknown'}`,
+      'expiration_warning_viewed': `Expiration warning viewed for ${activity.eventName || 'Unknown'}`
+    };
+
+    return messages[activity.type] || activity.type;
+  },
+
+  // Format bytes to human readable
+  formatBytes(bytes: number): string {
+    if (bytes === 0) return '0 Bytes';
+    const k = 1024;
+    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+  }
+};