farther debugging for users

backend/src/controllers/employeeController.ts

@@ -7,6 +7,8 @@ import { AuthRequest } from '../middleware/auth.js';
 
 export const getEmployees = async (req: AuthRequest, res: Response): Promise<void> => {
   try {
+    console.log('🔍 Fetching employees - User:', req.user);
+    
     const employees = await db.all<any>(`
       SELECT 
         id, email, name, role, is_active as isActive, 
@@ -17,9 +19,12 @@ export const getEmployees = async (req: AuthRequest, res: Response): Promise<voi
       ORDER BY name
     `);
 
+    console.log('✅ Employees found:', employees.length);
+    console.log('📋 Employees data:', employees);
+
     res.json(employees);
   } catch (error) {
-    console.error('Error fetching employees:', error);
+    console.error('❌ Error fetching employees:', error);
     res.status(500).json({ error: 'Internal server error' });
   }
 };

frontend/src/contexts/AuthContext.tsx

@@ -129,8 +129,17 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
   };
 
   const hasRole = (roles: string[]): boolean => {
-    if (!user) return false;
+    console.log('🔐 Checking roles - User:', user, 'Required roles:', roles);
-    return roles.includes(user.role);
+    
+    if (!user) {
+      console.log('❌ No user found');
+      return false;
+    }
+    
+    const hasRequiredRole = roles.includes(user.role);
+    console.log('✅ User role:', user.role, 'Has required role:', hasRequiredRole);
+    
+    return hasRequiredRole;
   };
 
   useEffect(() => {

frontend/src/pages/Employees/EmployeeManagement.tsx

@@ -25,19 +25,19 @@ const EmployeeManagement: React.FC = () => {
   const loadEmployees = async () => {
     try {
       setLoading(true);
-      console.log('Fetching fresh employee list');
+      console.log('🔄 Loading employees...');
       
       // Add cache-busting parameter to prevent browser caching
       const data = await employeeService.getEmployees();
-      console.log('Received employees:', data.length);
+      console.log('✅ Employees loaded:', data);
       
       setEmployees(data);
     } catch (err: any) {
-      console.error('Error loading employees:', err);
+      console.error('❌ Error loading employees:', err);
       showNotification({
         type: 'error',
         title: 'Fehler',
-        message: 'Mitarbeiter konnten nicht geladen werden'
+        message: 'Mitarbeiter konnten nicht geladen werden: ' + err.message
       });
     } finally {
       setLoading(false);

frontend/src/services/employeeService.ts

@@ -13,15 +13,27 @@ const getAuthHeaders = () => {
 
 export class EmployeeService {
   async getEmployees(): Promise<Employee[]> {
+    console.log('🔄 Fetching employees from API...');
+    
+    const token = localStorage.getItem('token');
+    console.log('🔑 Token exists:', !!token);
+    
     const response = await fetch(`${API_BASE_URL}/employees`, {
       headers: getAuthHeaders(),
     });
     
+    console.log('📡 Response status:', response.status);
+    
     if (!response.ok) {
+      const errorText = await response.text();
+      console.error('❌ API Error:', errorText);
       throw new Error('Failed to fetch employees');
     }
     
-    return response.json();
+    const employees = await response.json();
+    console.log('✅ Employees received:', employees.length);
+    
+    return employees;
   }
 
   async getEmployee(id: string): Promise<Employee> {