Complete admin dashboard implementation with comprehensive features
🚀 Major Update: v2.0.0 - Complete Administrative Dashboard ## Phase 1: Dashboard Overview & Authentication ✅ - Secure admin authentication with JWT tokens - Beautiful overview dashboard with key metrics - Role-based access control (admin, moderator permissions) - Professional MUI design with responsive layout ## Phase 2: User Management & Content Moderation ✅ - Complete user management with advanced data grid - Prayer request content moderation system - User actions: view, suspend, activate, promote, delete - Content approval/rejection workflows ## Phase 3: Analytics Dashboard ✅ - Comprehensive analytics with interactive charts (Recharts) - User activity analytics with retention tracking - Content engagement metrics and trends - Real-time statistics and performance monitoring ## Phase 4: Chat Monitoring & System Administration ✅ - Advanced conversation monitoring with content analysis - System health monitoring and backup management - Security oversight and automated alerts - Complete administrative control panel ## Key Features Added: ✅ **32 new API endpoints** for complete admin functionality ✅ **Material-UI DataGrid** with advanced filtering and pagination ✅ **Interactive Charts** using Recharts library ✅ **Real-time Monitoring** with auto-refresh capabilities ✅ **System Health Dashboard** with performance metrics ✅ **Database Backup System** with automated scheduling ✅ **Content Filtering** with automated moderation alerts ✅ **Role-based Permissions** with granular access control ✅ **Professional UI/UX** with consistent MUI design ✅ **Visit Website Button** in admin header for easy navigation ## Technical Implementation: - **Frontend**: Material-UI components with responsive design - **Backend**: 32 new API routes with proper authentication - **Database**: Optimized queries with proper indexing - **Security**: Admin-specific JWT authentication - **Performance**: Efficient data loading with pagination - **Charts**: Interactive visualizations with Recharts The Biblical Guide application now provides world-class administrative capabilities for complete platform management! 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
62
lib/admin-auth-client.ts
Normal file
62
lib/admin-auth-client.ts
Normal file
@@ -0,0 +1,62 @@
|
||||
export interface AdminUser {
|
||||
id: string;
|
||||
email: string;
|
||||
name: string | null;
|
||||
role: string;
|
||||
permissions: string[];
|
||||
}
|
||||
|
||||
export async function checkAdminAuth(): Promise<AdminUser | null> {
|
||||
try {
|
||||
const response = await fetch('/api/admin/auth/me', {
|
||||
credentials: 'include'
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
return data.user;
|
||||
}
|
||||
|
||||
return null;
|
||||
} catch (error) {
|
||||
console.error('Admin auth check error:', error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
export async function adminLogin(email: string, password: string): Promise<{ success: boolean; user?: AdminUser; error?: string }> {
|
||||
try {
|
||||
const response = await fetch('/api/admin/auth/login', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
credentials: 'include',
|
||||
body: JSON.stringify({ email, password }),
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (response.ok) {
|
||||
return { success: true, user: data.user };
|
||||
} else {
|
||||
return { success: false, error: data.error };
|
||||
}
|
||||
} catch (error) {
|
||||
return { success: false, error: 'Network error' };
|
||||
}
|
||||
}
|
||||
|
||||
export async function adminLogout(): Promise<boolean> {
|
||||
try {
|
||||
const response = await fetch('/api/admin/auth/logout', {
|
||||
method: 'POST',
|
||||
credentials: 'include'
|
||||
});
|
||||
|
||||
return response.ok;
|
||||
} catch (error) {
|
||||
console.error('Admin logout error:', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
97
lib/admin-auth.ts
Normal file
97
lib/admin-auth.ts
Normal file
@@ -0,0 +1,97 @@
|
||||
import { User } from '@prisma/client';
|
||||
import { cookies } from 'next/headers';
|
||||
import { prisma } from '@/lib/db';
|
||||
import jwt from 'jsonwebtoken';
|
||||
|
||||
export interface AdminUser {
|
||||
id: string;
|
||||
email: string;
|
||||
name: string | null;
|
||||
role: string;
|
||||
permissions: string[];
|
||||
}
|
||||
|
||||
export enum AdminPermission {
|
||||
VIEW_USERS = 'users:read',
|
||||
MANAGE_USERS = 'users:write',
|
||||
MODERATE_CONTENT = 'content:moderate',
|
||||
VIEW_ANALYTICS = 'analytics:read',
|
||||
MANAGE_SYSTEM = 'system:manage'
|
||||
}
|
||||
|
||||
export function hasPermission(user: AdminUser, permission: AdminPermission): boolean {
|
||||
if (user.role === 'admin') return true; // Super admin has all permissions
|
||||
return user.permissions.includes(permission);
|
||||
}
|
||||
|
||||
export function getAdminPermissions(role: string): AdminPermission[] {
|
||||
switch (role) {
|
||||
case 'admin':
|
||||
return Object.values(AdminPermission); // All permissions
|
||||
case 'moderator':
|
||||
return [
|
||||
AdminPermission.VIEW_USERS,
|
||||
AdminPermission.MODERATE_CONTENT,
|
||||
AdminPermission.VIEW_ANALYTICS
|
||||
];
|
||||
default:
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
export async function verifyAdminToken(token: string): Promise<AdminUser | null> {
|
||||
try {
|
||||
const decoded = jwt.verify(token, process.env.JWT_SECRET!) as any;
|
||||
|
||||
if (!decoded.userId) return null;
|
||||
|
||||
const user = await prisma.user.findUnique({
|
||||
where: { id: decoded.userId },
|
||||
select: {
|
||||
id: true,
|
||||
email: true,
|
||||
name: true,
|
||||
role: true
|
||||
}
|
||||
});
|
||||
|
||||
if (!user || !['admin', 'moderator'].includes(user.role)) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return {
|
||||
id: user.id,
|
||||
email: user.email,
|
||||
name: user.name,
|
||||
role: user.role,
|
||||
permissions: getAdminPermissions(user.role)
|
||||
};
|
||||
} catch (error) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
export async function getCurrentAdmin(): Promise<AdminUser | null> {
|
||||
const cookieStore = await cookies();
|
||||
const token = cookieStore.get('adminToken')?.value;
|
||||
|
||||
if (!token) return null;
|
||||
|
||||
return verifyAdminToken(token);
|
||||
}
|
||||
|
||||
export function generateAdminToken(user: User): string {
|
||||
if (!['admin', 'moderator'].includes(user.role)) {
|
||||
throw new Error('User is not an admin');
|
||||
}
|
||||
|
||||
const payload = {
|
||||
userId: user.id,
|
||||
role: user.role,
|
||||
type: 'admin'
|
||||
};
|
||||
|
||||
return jwt.sign(payload, process.env.JWT_SECRET!, {
|
||||
expiresIn: '8h' // Admin sessions expire after 8 hours
|
||||
});
|
||||
}
|
||||
48
lib/admin-theme.ts
Normal file
48
lib/admin-theme.ts
Normal file
@@ -0,0 +1,48 @@
|
||||
'use client';
|
||||
|
||||
import { createTheme } from '@mui/material/styles';
|
||||
|
||||
export const adminTheme = createTheme({
|
||||
palette: {
|
||||
mode: 'light',
|
||||
primary: {
|
||||
main: '#1976d2', // Professional blue
|
||||
contrastText: '#ffffff'
|
||||
},
|
||||
secondary: {
|
||||
main: '#dc004e',
|
||||
},
|
||||
background: {
|
||||
default: '#f5f5f5',
|
||||
paper: '#ffffff'
|
||||
},
|
||||
grey: {
|
||||
100: '#f5f5f5',
|
||||
200: '#eeeeee',
|
||||
300: '#e0e0e0',
|
||||
400: '#bdbdbd',
|
||||
500: '#9e9e9e'
|
||||
}
|
||||
},
|
||||
typography: {
|
||||
fontFamily: ['Roboto', 'Arial', 'sans-serif'].join(','),
|
||||
h4: {
|
||||
fontWeight: 600,
|
||||
fontSize: '1.5rem'
|
||||
},
|
||||
h6: {
|
||||
fontWeight: 500,
|
||||
fontSize: '1.125rem'
|
||||
}
|
||||
},
|
||||
components: {
|
||||
MuiCard: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
|
||||
borderRadius: 8
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user