fixed klammer usage

backend/package.json

@@ -16,7 +16,7 @@
   "dependencies": {
     "@types/bcrypt": "^6.0.0",
     "@types/node": "24.9.2",
-    "vite": "7.1.12",
+    "vite":"7.1.12",
     "bcrypt": "^6.0.0",
     "bcryptjs": "^2.4.3",
     "express": "^4.18.2",
@@ -25,10 +25,7 @@
     "uuid": "^9.0.0",
     "express-rate-limit": "8.1.0",
     "helmet": "8.1.0",
-    "express-validator": "7.3.0",
-    "exceljs": "4.4.0",
-    "pdfkit": "0.12.3",
-    "@types/pdfkit": "^0.12.3"
+    "express-validator": "7.3.0"
   },
   "devDependencies": {
     "@types/bcryptjs": "^2.4.2",

backend/src/controllers/shiftPlanController.ts

@@ -2,14 +2,12 @@
 import { Request, Response } from 'express';
 import { v4 as uuidv4 } from 'uuid';
 import { db } from '../services/databaseService.js';
-import {
-  CreateShiftPlanRequest,
+import { 
+  CreateShiftPlanRequest, 
   UpdateShiftPlanRequest,
 } from '../models/ShiftPlan.js';
 import { AuthRequest } from '../middleware/auth.js';
 import { TEMPLATE_PRESETS } from '../models/defaults/shiftPlanDefaults.js';
-import ExcelJS from 'exceljs';
-import PDFDocument from 'pdfkit';
 
 async function getPlanWithDetails(planId: string) {
   const plan = await db.get<any>(`
@@ -184,7 +182,7 @@ export const getShiftPlan = async (req: Request, res: Response): Promise<void> =
 export const createDefaultTemplate = async (userId: string): Promise<string> => {
   try {
     const planId = uuidv4();
-
+    
     await db.run('BEGIN TRANSACTION');
 
     try {
@@ -280,7 +278,7 @@ export const createShiftPlan = async (req: Request, res: Response): Promise<void
            VALUES (?, ?, ?, ?, ?, ?)`,
           [timeSlotId, planId, timeSlot.name, timeSlot.startTime, timeSlot.endTime, timeSlot.description || '']
         );
-
+        
         // Store the mapping if the timeSlot had a temporary ID
         if ((timeSlot as any).id) {
           timeSlotIdMap.set((timeSlot as any).id, timeSlotId);
@@ -291,12 +289,12 @@ export const createShiftPlan = async (req: Request, res: Response): Promise<void
       for (const shift of shifts) {
         const shiftId = uuidv4();
         let finalTimeSlotId = shift.timeSlotId;
-
+        
         // If timeSlotId exists in mapping, use the new ID
         if (timeSlotIdMap.has(shift.timeSlotId)) {
           finalTimeSlotId = timeSlotIdMap.get(shift.timeSlotId)!;
         }
-
+        
         await db.run(
           `INSERT INTO shifts (id, plan_id, day_of_week, time_slot_id, required_employees, color) 
            VALUES (?, ?, ?, ?, ?, ?)`,
@@ -370,7 +368,7 @@ export const createFromPreset = async (req: Request, res: Response): Promise<voi
       // Insert time slots and create mapping
       for (const timeSlot of preset.timeSlots) {
         const timeSlotId = uuidv4();
-
+        
         await db.run(
           `INSERT INTO time_slots (id, plan_id, name, start_time, end_time, description) 
            VALUES (?, ?, ?, ?, ?, ?)`,
@@ -383,7 +381,7 @@ export const createFromPreset = async (req: Request, res: Response): Promise<voi
           timeSlotMap.set((timeSlot as any).timeSlotId, timeSlotId);
         }
         timeSlotMap.set(timeSlot.name, timeSlotId);
-
+        
         console.log(`✅ Created time slot: ${timeSlot.name} -> ${timeSlotId}`);
       }
 
@@ -393,14 +391,14 @@ export const createFromPreset = async (req: Request, res: Response): Promise<voi
       let shiftCount = 0;
       for (const shift of preset.shifts) {
         const shiftId = uuidv4();
-
+        
         // Try to find the timeSlotId using different strategies
         let timeSlotId = timeSlotMap.get(shift.timeSlotId);
-
+        
         if (!timeSlotId) {
           // Fallback: try to find by name or other properties
           console.warn(`⚠️ Time slot not found by ID: ${shift.timeSlotId}, trying fallback...`);
-
+          
           // Look for time slot by name or other matching logic
           for (const [key, value] of timeSlotMap.entries()) {
             if (key.includes(shift.timeSlotId) || shift.timeSlotId.includes(key)) {
@@ -423,7 +421,7 @@ export const createFromPreset = async (req: Request, res: Response): Promise<voi
            VALUES (?, ?, ?, ?, ?, ?)`,
           [shiftId, planId, shift.dayOfWeek, timeSlotId, shift.requiredEmployees, shift.color || '#3498db']
         );
-
+        
         shiftCount++;
         console.log(`✅ Created shift ${shiftCount}: day ${shift.dayOfWeek}, timeSlot ${timeSlotId}`);
       }
@@ -594,26 +592,6 @@ async function getShiftPlanById(planId: string): Promise<any> {
     `, [planId]);
   }
 
-  // Load employees without role column + join with employee_roles
-  const employees = await db.all<any>(`
-    SELECT 
-      e.id, 
-      e.firstname, 
-      e.lastname, 
-      e.email, 
-      e.employee_type,
-      e.contract_type,
-      e.can_work_alone,
-      e.is_trainee,
-      e.is_active as isActive,
-      GROUP_CONCAT(er.role) as roles
-    FROM employees e
-    LEFT JOIN employee_roles er ON e.id = er.employee_id
-    WHERE e.is_active = 1
-    GROUP BY e.id
-    ORDER BY e.firstname, e.lastname
-  `, []);
-
   return {
     ...plan,
     isTemplate: plan.is_template === 1,
@@ -651,28 +629,15 @@ async function getShiftPlanById(planId: string): Promise<any> {
       requiredEmployees: shift.required_employees,
       assignedEmployees: JSON.parse(shift.assigned_employees || '[]'),
       timeSlotName: shift.time_slot_name
-    })),
-    // Include employees with proper role handling
-    employees: employees.map(emp => ({
-      id: emp.id,
-      firstname: emp.firstname,
-      lastname: emp.lastname,
-      email: emp.email,
-      employeeType: emp.employee_type,
-      contractType: emp.contract_type,
-      canWorkAlone: emp.can_work_alone === 1,
-      isTrainee: emp.is_trainee === 1,
-      isActive: emp.isActive === 1,
-      roles: emp.roles ? emp.roles.split(',') : [] // Convert comma-separated roles to array
     }))
   };
 }
 
 // Helper function to generate scheduled shifts from template
-export const generateScheduledShifts = async (planId: string, startDate: string, endDate: string): Promise<void> => {
+export const generateScheduledShifts = async(planId: string, startDate: string, endDate: string): Promise<void> => {
   try {
     console.log(`🔄 Generating scheduled shifts for Plan ${planId} from ${startDate} to ${endDate}`);
-
+    
     // Get plan with shifts and time slots
     const plan = await getShiftPlanById(planId);
     if (!plan) {
@@ -696,7 +661,7 @@ export const generateScheduledShifts = async (planId: string, startDate: string,
 
       for (const shift of shiftsForDay) {
         const scheduledShiftId = uuidv4();
-
+        
         await db.run(
           `INSERT INTO scheduled_shifts (id, plan_id, date, time_slot_id, required_employees, assigned_employees) 
            VALUES (?, ?, ?, ?, ?, ?)`,
@@ -709,13 +674,13 @@ export const generateScheduledShifts = async (planId: string, startDate: string,
             JSON.stringify([]) // Start with empty assignments
           ]
         );
-
+        
         console.log(`✅ Created scheduled shift: ${scheduledShiftId}`);
       }
     }
 
     console.log(`✅ Scheduled shifts generated for Plan ${planId}`);
-
+    
   } catch (error) {
     console.error('❌ Error generating scheduled shifts:', error);
     throw error;
@@ -761,7 +726,7 @@ export const generateScheduledShiftsForPlan = async (req: Request, res: Response
 
     // Return updated plan
     const updatedPlan = await getShiftPlanById(id);
-
+    
     console.log('✅ Successfully generated scheduled shifts:', {
       scheduledShifts: updatedPlan.scheduledShifts?.length || 0
     });
@@ -795,7 +760,7 @@ export const regenerateScheduledShifts = async (req: Request, res: Response): Pr
     }
 
     console.log(`✅ Regenerated scheduled shifts for plan ${id}`);
-
+    
     // Return updated plan
     const updatedPlan = await getShiftPlanById(id);
     res.json(updatedPlan);
@@ -809,7 +774,7 @@ export const regenerateScheduledShifts = async (req: Request, res: Response): Pr
 export const getScheduledShiftsFromPlan = async (req: AuthRequest, res: Response): Promise<void> => {
   try {
     const { planId } = req.params;
-
+    
     const shifts = await db.all(
       `SELECT * FROM scheduled_shifts WHERE plan_id = ? ORDER BY date, time_slot_id`,
       [planId]
@@ -841,7 +806,7 @@ export const getScheduledShiftsFromPlan = async (req: AuthRequest, res: Response
 export const getScheduledShift = async (req: AuthRequest, res: Response): Promise<void> => {
   try {
     const { id } = req.params;
-
+    
     const shift = await db.get(
       'SELECT * FROM scheduled_shifts WHERE id = ?',
       [id]
@@ -869,10 +834,10 @@ export const updateScheduledShift = async (req: AuthRequest, res: Response): Pro
     const { id } = req.params;
     const { assignedEmployees } = req.body;
 
-    console.log('🔄 Updating scheduled shift:', {
-      id,
+    console.log('🔄 Updating scheduled shift:', { 
+      id, 
       assignedEmployees,
-      body: req.body
+      body: req.body 
     });
 
     if (!Array.isArray(assignedEmployees)) {
@@ -897,8 +862,8 @@ export const updateScheduledShift = async (req: AuthRequest, res: Response): Pro
     );
 
     console.log('✅ Scheduled shift updated successfully');
-
-    res.json({
+    
+    res.json({ 
       message: 'Scheduled shift updated successfully',
       id: id,
       assignedEmployees: assignedEmployees
@@ -953,9 +918,9 @@ export const clearAssignments = async (req: Request, res: Response): Promise<voi
 
       console.log(`✅ Successfully cleared all assignments for plan ${id}`);
 
-      res.json({
-        message: 'Assignments cleared successfully',
-        clearedShifts: scheduledShifts.length
+      res.json({ 
+        message: 'Assignments cleared successfully', 
+        clearedShifts: scheduledShifts.length 
       });
 
     } catch (error) {
@@ -967,582 +932,4 @@ export const clearAssignments = async (req: Request, res: Response): Promise<voi
     console.error('❌ Error clearing assignments:', error);
     res.status(500).json({ error: 'Internal server error' });
   }
-};
-
-
-// Helper interfaces for export
-interface ExportDay {
-  id: number;
-  name: string;
-}
-
-interface ExportTimeSlot {
-  id: string;
-  name: string;
-  startTime: string;
-  endTime: string;
-  shiftsByDay: { [dayId: number]: any };
-}
-
-interface ExportTimetableData {
-  days: ExportDay[];
-  allTimeSlots: ExportTimeSlot[];
-}
-
-function getTimetableDataForExport(plan: any): ExportTimetableData {
-  const weekdays = [
-    { id: 1, name: 'Montag' },
-    { id: 2, name: 'Dienstag' },
-    { id: 3, name: 'Mittwoch' },
-    { id: 4, name: 'Donnerstag' },
-    { id: 5, name: 'Freitag' },
-    { id: 6, name: 'Samstag' },
-    { id: 7, name: 'Sonntag' }
-  ];
-
-  if (!plan.shifts || !plan.timeSlots) {
-    return { days: [], allTimeSlots: [] };
-  }
-
-  // Create a map for quick time slot lookups with proper typing
-  const timeSlotMap = new Map<string, any>();
-  plan.timeSlots.forEach((ts: any) => {
-    timeSlotMap.set(ts.id, ts);
-  });
-
-  // Group shifts by day
-  const shiftsByDay: { [dayId: number]: any[] } = plan.shifts.reduce((acc: any, shift: any) => {
-    if (!acc[shift.dayOfWeek]) {
-      acc[shift.dayOfWeek] = [];
-    }
-    
-    const timeSlot = timeSlotMap.get(shift.timeSlotId);
-    const enhancedShift = {
-      ...shift,
-      timeSlotName: timeSlot?.name,
-      startTime: timeSlot?.startTime,
-      endTime: timeSlot?.endTime
-    };
-    
-    acc[shift.dayOfWeek].push(enhancedShift);
-    return acc;
-  }, {});
-
-  // Sort shifts within each day by start time
-  Object.keys(shiftsByDay).forEach(day => {
-    const dayNum = parseInt(day);
-    shiftsByDay[dayNum].sort((a: any, b: any) => {
-      const timeA = a.startTime || '';
-      const timeB = b.startTime || '';
-      return timeA.localeCompare(timeB);
-    });
-  });
-
-  // Get unique days that have shifts
-  const days: ExportDay[] = Array.from(new Set(plan.shifts.map((shift: any) => shift.dayOfWeek)))
-    .sort()
-    .map(dayId => {
-      return weekdays.find(day => day.id === dayId) || { id: dayId as number, name: `Tag ${dayId}` };
-    });
-
-  // Get all unique time slots (rows) by collecting from all shifts
-  const allTimeSlotsMap = new Map<string, ExportTimeSlot>();
-  days.forEach(day => {
-    shiftsByDay[day.id]?.forEach((shift: any) => {
-      const timeSlot = timeSlotMap.get(shift.timeSlotId);
-      if (timeSlot && !allTimeSlotsMap.has(timeSlot.id)) {
-        const exportTimeSlot: ExportTimeSlot = {
-          id: timeSlot.id,
-          name: timeSlot.name,
-          startTime: timeSlot.startTime,
-          endTime: timeSlot.endTime,
-          shiftsByDay: {}
-        };
-        allTimeSlotsMap.set(timeSlot.id, exportTimeSlot);
-      }
-    });
-  });
-
-  // Populate shifts for each time slot by day
-  days.forEach(day => {
-    shiftsByDay[day.id]?.forEach((shift: any) => {
-      const timeSlot = allTimeSlotsMap.get(shift.timeSlotId);
-      if (timeSlot) {
-        timeSlot.shiftsByDay[day.id] = shift;
-      }
-    });
-  });
-
-  // Convert to array and sort by start time
-  const allTimeSlots = Array.from(allTimeSlotsMap.values()).sort((a: ExportTimeSlot, b: ExportTimeSlot) => {
-    return (a.startTime || '').localeCompare(b.startTime || '');
-  });
-
-  return { days, allTimeSlots };
-}
-
-// Update the Excel export function with proper typing
-export const exportShiftPlanToExcel = async (req: Request, res: Response): Promise<void> => {
-  try {
-    const { id } = req.params;
-
-    console.log('📊 Starting Excel export for plan:', id);
-
-    // Check if plan exists
-    const plan = await getShiftPlanById(id);
-    if (!plan) {
-      res.status(404).json({ error: 'Shift plan not found' });
-      return;
-    }
-
-    if (plan.status !== 'published') {
-      res.status(400).json({ error: 'Can only export published shift plans' });
-      return;
-    }
-
-    // Create workbook
-    const workbook = new ExcelJS.Workbook();
-    workbook.creator = 'Schichtplaner System';
-    workbook.created = new Date();
-
-    // Add Summary Sheet
-    const summarySheet = workbook.addWorksheet('Planübersicht');
-
-    // Summary data
-    summarySheet.columns = [
-      { header: 'Eigenschaft', key: 'property', width: 20 },
-      { header: 'Wert', key: 'value', width: 30 }
-    ];
-
-    summarySheet.addRows([
-      { property: 'Plan Name', value: plan.name },
-      { property: 'Beschreibung', value: plan.description || 'Keine' },
-      { property: 'Zeitraum', value: `${plan.startDate} bis ${plan.endDate}` },
-      { property: 'Status', value: plan.status },
-      { property: 'Erstellt von', value: plan.created_by_name || 'Unbekannt' },
-      { property: 'Erstellt am', value: plan.createdAt },
-      { property: 'Anzahl Schichten', value: plan.scheduledShifts?.length || 0 },
-      { property: 'Anzahl Mitarbeiter', value: plan.employees?.length || 0 }
-    ]);
-
-    // Style summary sheet
-    summarySheet.getRow(1).font = { bold: true };
-    summarySheet.getRow(1).fill = {
-      type: 'pattern',
-      pattern: 'solid',
-      fgColor: { argb: 'FF2C3E50' }
-    };
-    summarySheet.getRow(1).font = { color: { argb: 'FFFFFFFF' }, bold: true };
-
-    // Add Timetable Sheet (matching React component visualization)
-    const timetableSheet = workbook.addWorksheet('Schichtplan');
-
-    // Get timetable data structure similar to React component
-    const timetableData = getTimetableDataForExport(plan);
-    const { days, allTimeSlots } = timetableData;
-
-    // Create header row
-    const headerRow = ['Schicht (Zeit)', ...days.map(day => day.name)];
-    timetableSheet.addRow(headerRow);
-
-    // Add data rows for each time slot
-    allTimeSlots.forEach(timeSlot => {
-      const rowData: any[] = [
-        `${timeSlot.name}\n${timeSlot.startTime} - ${timeSlot.endTime}`
-      ];
-
-      days.forEach(day => {
-        const shift = timeSlot.shiftsByDay[day.id];
-        if (!shift) {
-          rowData.push('Keine Schicht');
-          return;
-        }
-
-        // Get assignments for this time slot and day
-        const scheduledShift = plan.scheduledShifts?.find((scheduled: any) => {
-          const scheduledDayOfWeek = getDayOfWeek(scheduled.date);
-          return scheduledDayOfWeek === day.id && 
-                scheduled.timeSlotId === timeSlot.id;
-        });
-
-        if (scheduledShift && scheduledShift.assignedEmployees.length > 0) {
-          const employeeNames = scheduledShift.assignedEmployees.map((empId: string) => {
-            const employee = plan.employees?.find((emp: any) => emp.id === empId);
-            if (!employee) return 'Unbekannt';
-            
-            // Add role indicator similar to React component
-            let roleIndicator = '';
-            if (employee.isTrainee) {
-              roleIndicator = ' (Trainee)';
-            } else if (employee.roles?.includes('manager')) {
-              roleIndicator = ' (Manager)';
-            }
-            
-            return `${employee.firstname} ${employee.lastname}${roleIndicator}`;
-          }).join('\n');
-          
-          rowData.push(employeeNames);
-        } else {
-          // Show required employees count like in React component
-          const shiftsForSlot = plan.shifts?.filter((s: any) => 
-            s.dayOfWeek === day.id && 
-            s.timeSlotId === timeSlot.id
-          ) || [];
-          const totalRequired = shiftsForSlot.reduce((sum: number, s: any) => sum + s.requiredEmployees, 0);
-          rowData.push(totalRequired === 0 ? '-' : `0/${totalRequired}`);
-        }
-      });
-
-      timetableSheet.addRow(rowData);
-    });
-
-    // Style timetable sheet
-    timetableSheet.getRow(1).font = { bold: true };
-    timetableSheet.getRow(1).fill = {
-      type: 'pattern',
-      pattern: 'solid',
-      fgColor: { argb: 'FF2C3E50' }
-    };
-    timetableSheet.getRow(1).font = { color: { argb: 'FFFFFFFF' }, bold: true };
-
-    // Set row heights and wrap text
-    timetableSheet.eachRow((row, rowNumber) => {
-      if (rowNumber > 1) {
-        row.height = 60;
-        row.alignment = { vertical: 'top', wrapText: true };
-      }
-      
-      row.eachCell((cell, colNumber) => {
-        cell.border = {
-          top: { style: 'thin' },
-          left: { style: 'thin' },
-          bottom: { style: 'thin' },
-          right: { style: 'thin' }
-        };
-        
-        if (rowNumber === 1) {
-          cell.alignment = { horizontal: 'center', vertical: 'middle' };
-        } else if (colNumber === 1) {
-          cell.alignment = { vertical: 'middle' };
-        } else {
-          cell.alignment = { vertical: 'top', wrapText: true };
-        }
-      });
-    });
-
-    // Auto-fit columns
-    timetableSheet.columns.forEach(column => {
-      if (column.width) {
-        column.width = Math.max(column.width, 12);
-      }
-    });
-
-    // Add Employee Overview Sheet
-    const employeeSheet = workbook.addWorksheet('Mitarbeiterübersicht');
-
-    employeeSheet.columns = [
-      { header: 'Name', key: 'name', width: 25 },
-      { header: 'E-Mail', key: 'email', width: 25 },
-      { header: 'Rolle', key: 'role', width: 15 },
-      { header: 'Mitarbeiter Typ', key: 'type', width: 15 },
-      { header: 'Vertragstyp', key: 'contract', width: 15 },
-      { header: 'Trainee', key: 'trainee', width: 10 }
-    ];
-
-    plan.employees?.forEach((employee: any) => {
-      employeeSheet.addRow({
-        name: `${employee.firstname} ${employee.lastname}`,
-        email: employee.email,
-        role: employee.roles?.join(', ') || 'Benutzer',
-        type: employee.employeeType,
-        contract: employee.contractType || 'Nicht angegeben',
-        trainee: employee.isTrainee ? 'Ja' : 'Nein'
-      });
-    });
-
-    // Style employee sheet
-    employeeSheet.getRow(1).font = { bold: true };
-    employeeSheet.getRow(1).fill = {
-      type: 'pattern',
-      pattern: 'solid',
-      fgColor: { argb: 'FF34495E' }
-    };
-    employeeSheet.getRow(1).font = { color: { argb: 'FFFFFFFF' }, bold: true };
-
-    // Set response headers
-    res.setHeader('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
-    res.setHeader('Content-Disposition', `attachment; filename="Schichtplan_${plan.name}_${new Date().toISOString().split('T')[0]}.xlsx"`);
-
-    // Write to response
-    await workbook.xlsx.write(res);
-
-    console.log('✅ Excel export completed for plan:', id);
-
-  } catch (error) {
-    console.error('❌ Error exporting to Excel:', error);
-    res.status(500).json({ error: 'Internal server error during Excel export' });
-  }
-};
-
-export const exportShiftPlanToPDF = async (req: Request, res: Response): Promise<void> => {
-  try {
-    const { id } = req.params;
-
-    console.log('📄 Starting PDF export for plan:', id);
-
-    // Check if plan exists
-    const plan = await getShiftPlanById(id);
-    if (!plan) {
-      res.status(404).json({ error: 'Shift plan not found' });
-      return;
-    }
-
-    if (plan.status !== 'published') {
-      res.status(400).json({ error: 'Can only export published shift plans' });
-      return;
-    }
-
-    // Create PDF document
-    const doc = new PDFDocument({ margin: 50 });
-
-    // Set response headers
-    res.setHeader('Content-Type', 'application/pdf');
-    res.setHeader('Content-Disposition', `attachment; filename="Schichtplan_${plan.name}_${new Date().toISOString().split('T')[0]}.pdf"`);
-
-    // Pipe PDF to response
-    doc.pipe(res);
-
-    // Add title
-    doc.fontSize(20).font('Helvetica-Bold').text(`Schichtplan: ${plan.name}`, 50, 50);
-    doc.fontSize(12).font('Helvetica').text(`Erstellt am: ${new Date().toLocaleDateString('de-DE')}`, 50, 80);
-
-    // Plan summary
-    let yPosition = 120;
-    doc.fontSize(14).font('Helvetica-Bold').text('Plan Informationen', 50, yPosition);
-    yPosition += 30;
-
-    doc.fontSize(10).font('Helvetica');
-    doc.text(`Plan Name: ${plan.name}`, 50, yPosition);
-    yPosition += 20;
-
-    if (plan.description) {
-      doc.text(`Beschreibung: ${plan.description}`, 50, yPosition);
-      yPosition += 20;
-    }
-
-    doc.text(`Zeitraum: ${plan.startDate} bis ${plan.endDate}`, 50, yPosition);
-    yPosition += 20;
-    doc.text(`Status: ${plan.status}`, 50, yPosition);
-    yPosition += 20;
-    doc.text(`Erstellt von: ${plan.created_by_name || 'Unbekannt'}`, 50, yPosition);
-    yPosition += 20;
-    doc.text(`Erstellt am: ${plan.createdAt}`, 50, yPosition);
-    yPosition += 20;
-    doc.text(`Anzahl Schichten: ${plan.scheduledShifts?.length || 0}`, 50, yPosition);
-    yPosition += 20;
-    doc.text(`Anzahl Mitarbeiter: ${plan.employees?.length || 0}`, 50, yPosition);
-    yPosition += 40;
-
-    // Get timetable data for PDF
-    const timetableData = getTimetableDataForExport(plan);
-    const { days, allTimeSlots } = timetableData;
-
-    // Add timetable section
-    doc.addPage();
-    doc.fontSize(16).font('Helvetica-Bold').text('Schichtplan Timetable', 50, 50);
-
-    let currentY = 80;
-
-    // Define column widths
-    const timeSlotColWidth = 100;
-    const dayColWidth = (500 - timeSlotColWidth) / days.length;
-
-    // Table headers
-    doc.fontSize(10).font('Helvetica-Bold');
-    
-    // Time slot header
-    doc.rect(50, currentY, timeSlotColWidth, 20).fillAndStroke('#2c3e50', '#2c3e50');
-    doc.fillColor('white').text('Schicht (Zeit)', 55, currentY + 5, { width: timeSlotColWidth - 10, align: 'left' });
-    
-    // Day headers
-    days.forEach((day, index) => {
-      const xPos = 50 + timeSlotColWidth + (index * dayColWidth);
-      doc.rect(xPos, currentY, dayColWidth, 20).fillAndStroke('#2c3e50', '#2c3e50');
-      doc.fillColor('white').text(day.name, xPos + 5, currentY + 5, { width: dayColWidth - 10, align: 'center' });
-    });
-
-    doc.fillColor('black');
-    currentY += 20;
-
-    // Time slot rows
-    allTimeSlots.forEach((timeSlot, rowIndex) => {
-      // Check if we need a new page
-      if (currentY > 650) {
-        doc.addPage();
-        currentY = 50;
-        
-        // Redraw headers on new page
-        doc.fontSize(10).font('Helvetica-Bold');
-        doc.rect(50, currentY, timeSlotColWidth, 20).fillAndStroke('#2c3e50', '#2c3e50');
-        doc.fillColor('white').text('Schicht (Zeit)', 55, currentY + 5, { width: timeSlotColWidth - 10, align: 'left' });
-        
-        days.forEach((day, index) => {
-          const xPos = 50 + timeSlotColWidth + (index * dayColWidth);
-          doc.rect(xPos, currentY, dayColWidth, 20).fillAndStroke('#2c3e50', '#2c3e50');
-          doc.fillColor('white').text(day.name, xPos + 5, currentY + 5, { width: dayColWidth - 10, align: 'center' });
-        });
-        
-        doc.fillColor('black');
-        currentY += 20;
-      }
-
-      // Alternate row background
-      const rowBgColor = rowIndex % 2 === 0 ? '#f8f9fa' : 'white';
-      
-      // Time slot cell
-      doc.rect(50, currentY, timeSlotColWidth, 40).fillAndStroke(rowBgColor, '#dee2e6');
-      doc.fontSize(9).font('Helvetica-Bold').text(timeSlot.name, 55, currentY + 5, { width: timeSlotColWidth - 10 });
-      doc.fontSize(8).font('Helvetica').text(`${timeSlot.startTime} - ${timeSlot.endTime}`, 55, currentY + 18, { width: timeSlotColWidth - 10 });
-
-      // Day cells
-      days.forEach((day, colIndex) => {
-        const xPos = 50 + timeSlotColWidth + (colIndex * dayColWidth);
-        const shift = timeSlot.shiftsByDay[day.id];
-        
-        doc.rect(xPos, currentY, dayColWidth, 40).fillAndStroke(rowBgColor, '#dee2e6');
-        
-        if (!shift) {
-          doc.fontSize(8).font('Helvetica-Oblique').fillColor('#ccc').text('Keine Schicht', xPos + 5, currentY + 15, { 
-            width: dayColWidth - 10, 
-            align: 'center' 
-          });
-        } else {
-          // Get assignments for this time slot and day
-          const scheduledShift = plan.scheduledShifts?.find((scheduled: any) => {
-            const scheduledDayOfWeek = getDayOfWeek(scheduled.date);
-            return scheduledDayOfWeek === day.id && 
-                  scheduled.timeSlotId === timeSlot.id;
-          });
-
-          doc.fillColor('black').fontSize(8).font('Helvetica');
-          
-          if (scheduledShift && scheduledShift.assignedEmployees.length > 0) {
-            let textY = currentY + 5;
-            scheduledShift.assignedEmployees.forEach((empId: string, empIndex: number) => {
-              if (textY < currentY + 35) { // Don't overflow cell
-                const employee = plan.employees?.find((emp: any) => emp.id === empId);
-                if (employee) {
-                  let roleIndicator = '';
-                  if (employee.isTrainee) {
-                    roleIndicator = ' (T)';
-                    doc.fillColor('#cda8f0'); // Trainee color
-                  } else if (employee.roles?.includes('manager')) {
-                    roleIndicator = ' (M)';
-                    doc.fillColor('#CC0000'); // Manager color
-                  } else {
-                    doc.fillColor('#642ab5'); // Regular personnel color
-                  }
-                  
-                  const name = `${employee.firstname} ${employee.lastname}${roleIndicator}`;
-                  doc.text(name, xPos + 5, textY, { width: dayColWidth - 10, align: 'left' });
-                  textY += 10;
-                }
-              }
-            });
-            doc.fillColor('black');
-          } else {
-            // Show required count like in React component
-            const shiftsForSlot = plan.shifts?.filter((s: any) => 
-              s.dayOfWeek === day.id && 
-              s.timeSlotId === timeSlot.id
-            ) || [];
-            const totalRequired = shiftsForSlot.reduce((sum: number, s: any) => sum + s.requiredEmployees, 0);
-            const displayText = totalRequired === 0 ? '-' : `0/${totalRequired}`;
-            
-            doc.fillColor('#666').fontSize(9).font('Helvetica-Oblique')
-               .text(displayText, xPos + 5, currentY + 15, { width: dayColWidth - 10, align: 'center' });
-            doc.fillColor('black');
-          }
-        }
-      });
-
-      currentY += 40;
-    });
-
-    // Add employee overview page
-    doc.addPage();
-    doc.fontSize(16).font('Helvetica-Bold').text('Mitarbeiterübersicht', 50, 50);
-
-    currentY = 80;
-
-    // Table headers
-    doc.fontSize(10).font('Helvetica-Bold');
-    doc.text('Name', 50, currentY);
-    doc.text('E-Mail', 200, currentY);
-    doc.text('Rolle', 350, currentY);
-    doc.text('Typ', 450, currentY);
-    currentY += 15;
-
-    // Horizontal line
-    doc.moveTo(50, currentY).lineTo(550, currentY).stroke();
-    currentY += 10;
-
-    doc.fontSize(9).font('Helvetica');
-
-    plan.employees?.forEach((employee: any) => {
-      if (currentY > 700) {
-        doc.addPage();
-        currentY = 50;
-        // Re-add headers
-        doc.fontSize(10).font('Helvetica-Bold');
-        doc.text('Name', 50, currentY);
-        doc.text('E-Mail', 200, currentY);
-        doc.text('Rolle', 350, currentY);
-        doc.text('Typ', 450, currentY);
-        currentY += 25;
-      }
-
-      doc.text(`${employee.firstname} ${employee.lastname}`, 50, currentY);
-      doc.text(employee.email, 200, currentY, { width: 140 });
-      doc.text(employee.roles?.join(', ') || 'Benutzer', 350, currentY, { width: 90 });
-      doc.text(employee.employeeType, 450, currentY);
-
-      currentY += 20;
-    });
-
-    // Add footer to each page
-    const pages = doc.bufferedPageRange();
-    for (let i = 0; i < pages.count; i++) {
-      doc.switchToPage(i);
-
-      doc.fontSize(8).font('Helvetica');
-      doc.text(
-        `Seite ${i + 1} von ${pages.count} • Erstellt am: ${new Date().toLocaleString('de-DE')} • Schichtplaner System`,
-        50,
-        800,
-        { align: 'center', width: 500 }
-      );
-    }
-
-    // Finalize PDF
-    doc.end();
-
-    console.log('✅ PDF export completed for plan:', id);
-
-  } catch (error) {
-    console.error('❌ Error exporting to PDF:', error);
-    res.status(500).json({ error: 'Internal server error during PDF export' });
-  }
-};
-
-// Helper function to get day of week from date string
-function getDayOfWeek(dateString: string): number {
-  const date = new Date(dateString);
-  return date.getDay() === 0 ? 7 : date.getDay();
-}
-
-// Helper function to get German day names
-function getGermanDayName(dayIndex: number): string {
-  const days = ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'];
-  return days[dayIndex];
-}
+};

backend/src/routes/shiftPlans.ts

@@ -7,9 +7,7 @@ import {
   updateShiftPlan, 
   deleteShiftPlan,
   createFromPreset,
-  clearAssignments,
-  exportShiftPlanToExcel,
-  exportShiftPlanToPDF
+  clearAssignments
 } from '../controllers/shiftPlanController.js';
 import { 
   validateShiftPlan, 
@@ -32,7 +30,4 @@ router.put('/:id', validateId, validateShiftPlanUpdate, handleValidationErrors,
 router.delete('/:id', validateId, handleValidationErrors, requireRole(['admin', 'maintenance']), deleteShiftPlan);
 router.post('/:id/clear-assignments', validateId, handleValidationErrors, requireRole(['admin', 'maintenance']), clearAssignments);
 
-router.get('/:id/export/excel', validateId, handleValidationErrors, requireRole(['admin', 'maintenance']), exportShiftPlanToExcel);
-router.get('/:id/export/pdf', validateId, handleValidationErrors, requireRole(['admin', 'maintenance']), exportShiftPlanToPDF);
-
 export default router;

frontend/package.json

@@ -30,6 +30,7 @@
     "framer-motion": "12.23.24",
     "file-saver": "2.0.5",
     "@types/file-saver": "2.0.5"
+
   },
   "scripts": {
     "dev": "vite dev",