donpat1to/Schichtenplaner
1
0
Fork 0
mirror of https://github.com/donpat1to/Schichtenplaner.git synced 2025-11-30 22:45:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

more fancy excel export

Browse Source
This commit is contained in:
Patrick Mahnke-Hartmann
2025-11-05 08:31:39 +01:00
parent 9eb9afce1e
commit badccb4f55
1 changed files with 153 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

293
backend/src/controllers/shiftPlanController.ts
View File

@@ -1015,7 +1015,7 @@ function getTimetableDataForExport(plan: any): ExportTimetableData {
if (!acc[shift.dayOfWeek]) { if (!acc[shift.dayOfWeek]) {
acc[shift.dayOfWeek] = []; acc[shift.dayOfWeek] = [];
} }
const timeSlot = timeSlotMap.get(shift.timeSlotId); const timeSlot = timeSlotMap.get(shift.timeSlotId);
const enhancedShift = { const enhancedShift = {
...shift, ...shift,
@@ -1023,7 +1023,7 @@ function getTimetableDataForExport(plan: any): ExportTimetableData {
startTime: timeSlot?.startTime, startTime: timeSlot?.startTime,
endTime: timeSlot?.endTime endTime: timeSlot?.endTime
}; };
acc[shift.dayOfWeek].push(enhancedShift); acc[shift.dayOfWeek].push(enhancedShift);
return acc; return acc;
}, {}); }, {});
@@ -1081,20 +1081,17 @@ function getTimetableDataForExport(plan: any): ExportTimetableData {
return { days, allTimeSlots }; return { days, allTimeSlots };
} }
// Update the Excel export function with proper typing // Export shift plan to Excel
export const exportShiftPlanToExcel = async (req: Request, res: Response): Promise<void> => { export const exportShiftPlanToExcel = async (req: Request, res: Response): Promise<void> => {
try { try {
const { id } = req.params; const { id } = req.params;
console.log('📊 Starting Excel export for plan:', id); console.log('📊 Starting Excel export for plan:', id);
// Check if plan exists
const plan = await getShiftPlanById(id); const plan = await getShiftPlanById(id);
if (!plan) { if (!plan) {
res.status(404).json({ error: 'Shift plan not found' }); res.status(404).json({ error: 'Shift plan not found' });
return; return;
} }
if (plan.status !== 'published') { if (plan.status !== 'published') {
res.status(400).json({ error: 'Can only export published shift plans' }); res.status(400).json({ error: 'Can only export published shift plans' });
return; return;
@@ -1105,13 +1102,13 @@ export const exportShiftPlanToExcel = async (req: Request, res: Response): Promi
workbook.creator = 'Schichtplaner System'; workbook.creator = 'Schichtplaner System';
workbook.created = new Date(); workbook.created = new Date();
// Add Summary Sheet /* -------------------------------------------------------------------------- */
/* 🧾 1. Summary Sheet */
/* -------------------------------------------------------------------------- */
const summarySheet = workbook.addWorksheet('Planübersicht'); const summarySheet = workbook.addWorksheet('Planübersicht');
// Summary data
summarySheet.columns = [ summarySheet.columns = [
{ header: 'Eigenschaft', key: 'property', width: 20 }, { header: 'Eigenschaft', key: 'property', width: 25 },
{ header: 'Wert', key: 'value', width: 30 } { header: 'Wert', key: 'value', width: 35 }
]; ];
summarySheet.addRows([ summarySheet.addRows([
@@ -1120,98 +1117,81 @@ export const exportShiftPlanToExcel = async (req: Request, res: Response): Promi
{ property: 'Zeitraum', value: `${plan.startDate} bis ${plan.endDate}` }, { property: 'Zeitraum', value: `${plan.startDate} bis ${plan.endDate}` },
{ property: 'Status', value: plan.status }, { property: 'Status', value: plan.status },
{ property: 'Erstellt von', value: plan.created_by_name || 'Unbekannt' }, { property: 'Erstellt von', value: plan.created_by_name || 'Unbekannt' },
{ property: 'Erstellt am', value: plan.createdAt }, { property: 'Erstellt am', value: new Date(plan.createdAt).toLocaleString('de-DE') },
{ property: 'Anzahl Schichten', value: plan.scheduledShifts?.length || 0 }, { property: 'Anzahl Schichten', value: plan.scheduledShifts?.length || 0 },
{ property: 'Anzahl Mitarbeiter', value: plan.employees?.length || 0 } { property: 'Anzahl Mitarbeiter', value: plan.employees?.length || 0 }
]); ]);
// Style summary sheet // Style header
summarySheet.getRow(1).font = { bold: true }; const header1 = summarySheet.getRow(1);
summarySheet.getRow(1).fill = { header1.font = { bold: true, color: { argb: 'FFFFFFFF' } };
type: 'pattern', header1.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF2C3E50' } };
pattern: 'solid', summarySheet.columns.forEach(col => (col.alignment = { vertical: 'middle', wrapText: true }));
fgColor: { argb: 'FF2C3E50' }
};
summarySheet.getRow(1).font = { color: { argb: 'FFFFFFFF' }, bold: true };
// Add Timetable Sheet (matching React component visualization) /* -------------------------------------------------------------------------- */
/* 📅 2. Timetable / Schichtplan Sheet */
/* -------------------------------------------------------------------------- */
const timetableSheet = workbook.addWorksheet('Schichtplan'); const timetableSheet = workbook.addWorksheet('Schichtplan');
// Get timetable data structure similar to React component
const timetableData = getTimetableDataForExport(plan); const timetableData = getTimetableDataForExport(plan);
const { days, allTimeSlots } = timetableData; const { days, allTimeSlots } = timetableData;
// Create header row // Header
const headerRow = ['Schicht (Zeit)', ...days.map(day => day.name)]; const headerRow = ['Schicht (Zeit)', ...days.map(d => d.name)];
timetableSheet.addRow(headerRow); const header = timetableSheet.addRow(headerRow);
header.eachCell(cell => {
cell.font = { bold: true, color: { argb: 'FFFFFFFF' } };
cell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF2C3E50' } };
cell.alignment = { horizontal: 'center', vertical: 'middle' };
cell.border = {
top: { style: 'thin' },
left: { style: 'thin' },
bottom: { style: 'thin' },
right: { style: 'thin' }
};
});
// Add data rows for each time slot // Content rows
allTimeSlots.forEach(timeSlot => { for (const timeSlot of allTimeSlots) {
const rowData: any[] = [ const rowData: any[] = [`${timeSlot.name}\n${timeSlot.startTime} - ${timeSlot.endTime}`];
`${timeSlot.name}\n${timeSlot.startTime} - ${timeSlot.endTime}`
];
days.forEach(day => { for (const day of days) {
const shift = timeSlot.shiftsByDay[day.id]; const shift = timeSlot.shiftsByDay[day.id];
if (!shift) { if (!shift) {
rowData.push('Keine Schicht'); rowData.push('Keine Schicht');
return; continue;
} }
// Get assignments for this time slot and day const scheduledShift = plan.scheduledShifts?.find(
const scheduledShift = plan.scheduledShifts?.find((scheduled: any) => { (s: any) => getDayOfWeek(s.date) === day.id && s.timeSlotId === timeSlot.id
const scheduledDayOfWeek = getDayOfWeek(scheduled.date); );
return scheduledDayOfWeek === day.id &&
scheduled.timeSlotId === timeSlot.id;
});
if (scheduledShift && scheduledShift.assignedEmployees.length > 0) { if (scheduledShift && scheduledShift.assignedEmployees?.length > 0) {
const employeeNames = scheduledShift.assignedEmployees.map((empId: string) => { const employees = scheduledShift.assignedEmployees.map((empId: string) => {
const employee = plan.employees?.find((emp: any) => emp.id === empId); const emp = plan.employees?.find((e: any) => e.id === empId);
if (!employee) return 'Unbekannt'; if (!emp) return { text: 'Unbekannt', color: 'FF888888' };
// Add role indicator similar to React component if (emp.isTrainee)
let roleIndicator = ''; return { text: `${emp.firstname} ${emp.lastname} (T)`, color: 'FFCDA8F0' };
if (employee.isTrainee) { if (emp.employee_type === 'manager')
roleIndicator = ' (Trainee)'; return { text: `${emp.firstname} ${emp.lastname} (M)`, color: 'FFCC0000' };
} else if (employee.roles?.includes('manager')) { return { text: `${emp.firstname} ${emp.lastname}`, color: 'FF642AB5' };
roleIndicator = ' (Manager)'; });
} rowData.push(employees);
return `${employee.firstname} ${employee.lastname}${roleIndicator}`;
}).join('\n');
rowData.push(employeeNames);
} else { } else {
// Show required employees count like in React component const shiftsForSlot =
const shiftsForSlot = plan.shifts?.filter((s: any) => plan.shifts?.filter(
s.dayOfWeek === day.id && (s: any) => s.dayOfWeek === day.id && s.timeSlotId === timeSlot.id
s.timeSlotId === timeSlot.id ) || [];
) || []; const totalRequired = shiftsForSlot.reduce(
const totalRequired = shiftsForSlot.reduce((sum: number, s: any) => sum + s.requiredEmployees, 0); (sum: number, s: any) => sum + s.requiredEmployees,
0
);
rowData.push(totalRequired === 0 ? '-' : `0/${totalRequired}`); 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 };
} }
const row = timetableSheet.addRow(rowData);
row.eachCell((cell, colNumber) => { row.eachCell((cell, colNumber) => {
cell.border = { cell.border = {
top: { style: 'thin' }, top: { style: 'thin' },
@@ -1219,65 +1199,98 @@ export const exportShiftPlanToExcel = async (req: Request, res: Response): Promi
bottom: { style: 'thin' }, bottom: { style: 'thin' },
right: { style: 'thin' } right: { style: 'thin' }
}; };
cell.alignment = { vertical: 'top', wrapText: true };
if (rowNumber === 1) {
cell.alignment = { horizontal: 'center', vertical: 'middle' }; if (cell.value === 'Keine Schicht') {
} else if (colNumber === 1) { cell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFEDEDED' } };
cell.alignment = { vertical: 'middle' }; cell.font = { color: { argb: 'FF888888' }, italic: true };
} else { }
cell.alignment = { vertical: 'top', wrapText: true };
if (Array.isArray(cell.value)) {
cell.value = {
richText: cell.value.map((e: any) => ({
text: e.text + '\n',
font: { color: { argb: e.color } }
}))
};
}
if (colNumber === 1) {
cell.alignment = { horizontal: 'left', vertical: 'middle', wrapText: true };
} }
}); });
}
// Adjust layout
timetableSheet.eachRow((row, i) => (row.height = i === 1 ? 30 : 70));
timetableSheet.columns.forEach(col => {
let max = 12;
col.eachCell?.({ includeEmpty: true }, c => {
const len = typeof c.value === 'string' ? c.value.length : 10;
if (len > max) max = len;
});
col.width = Math.min(max + 5, 40);
}); });
// Auto-fit columns // Add legend row at bottom
timetableSheet.columns.forEach(column => { const legendRow = timetableSheet.addRow([
if (column.width) { 'Legende:',
column.width = Math.max(column.width, 12); '■ Manager',
} '■ Trainee',
'■ Mitarbeiter',
'■ Keine Schicht'
]);
// Style each square with its respective color
legendRow.getCell(1).font = { bold: true };
legendRow.getCell(2).font = { color: { argb: 'FFCC0000' } }; // Red = Manager
legendRow.getCell(3).font = { color: { argb: 'FFCDA8F0' } }; // Purple = Trainee
legendRow.getCell(4).font = { color: { argb: 'FF642AB5' } }; // Blue = Mitarbeiter
legendRow.getCell(5).font = { color: { argb: 'FF888888' } }; // Gray = Keine Schicht
legendRow.eachCell(cell => {
cell.alignment = { vertical: 'middle', horizontal: 'left' };
cell.font = { ...cell.font, italic: true };
}); });
// Add Employee Overview Sheet /* -------------------------------------------------------------------------- */
/* 👥 3. Employee Overview Sheet */
/* -------------------------------------------------------------------------- */
const employeeSheet = workbook.addWorksheet('Mitarbeiterübersicht'); const employeeSheet = workbook.addWorksheet('Mitarbeiterübersicht');
employeeSheet.columns = [ employeeSheet.columns = [
{ header: 'Name', key: 'name', width: 25 }, { header: 'Name', key: 'name', width: 25 },
{ header: 'E-Mail', key: 'email', width: 25 }, { header: 'E-Mail', key: 'email', width: 25 },
{ header: 'Rolle', key: 'role', width: 15 }, { header: 'Rolle', key: 'role', width: 18 },
{ header: 'Mitarbeiter Typ', key: 'type', width: 15 }, { header: 'Mitarbeiter Typ', key: 'type', width: 15 },
{ header: 'Vertragstyp', key: 'contract', width: 15 }, { header: 'Vertragstyp', key: 'contract', width: 18 },
{ header: 'Trainee', key: 'trainee', width: 10 } { header: 'Trainee', key: 'trainee', width: 10 }
]; ];
plan.employees?.forEach((employee: any) => { plan.employees?.forEach((e: any) =>
employeeSheet.addRow({ employeeSheet.addRow({
name: `${employee.firstname} ${employee.lastname}`, name: `${e.firstname} ${e.lastname}`,
email: employee.email, email: e.email,
role: employee.roles?.join(', ') || 'Benutzer', role: e.roles?.join(', ') || 'Benutzer',
type: employee.employeeType, type: e.employee_type || 'Unbekannt',
contract: employee.contractType || 'Nicht angegeben', contract: e.contractType || 'Nicht angegeben',
trainee: employee.isTrainee ? 'Ja' : 'Nein' trainee: e.isTrainee ? 'Ja' : 'Nein'
}); })
}); );
// Style employee sheet const empHeader = employeeSheet.getRow(1);
employeeSheet.getRow(1).font = { bold: true }; empHeader.font = { bold: true, color: { argb: 'FFFFFFFF' } };
employeeSheet.getRow(1).fill = { empHeader.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF34495E' } };
type: 'pattern', empHeader.alignment = { horizontal: 'center', vertical: 'middle' };
pattern: 'solid',
fgColor: { argb: 'FF34495E' }
};
employeeSheet.getRow(1).font = { color: { argb: 'FFFFFFFF' }, bold: true };
// Set response headers /* -------------------------------------------------------------------------- */
/* 📤 4. Send Response */
/* -------------------------------------------------------------------------- */
const fileName = `Schichtplan_${plan.name}_${new Date().toISOString().split('T')[0]}.xlsx`;
res.setHeader('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'); 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"`); res.setHeader('Content-Disposition', `attachment; filename="${fileName}"`);
// Write to response
await workbook.xlsx.write(res); await workbook.xlsx.write(res);
console.log('✅ Excel export completed for plan:', id); console.log('✅ Excel export completed for plan:', id);
} catch (error) { } catch (error) {
console.error('❌ Error exporting to Excel:', error); console.error('❌ Error exporting to Excel:', error);
res.status(500).json({ error: 'Internal server error during Excel export' }); res.status(500).json({ error: 'Internal server error during Excel export' });
@@ -1359,11 +1372,11 @@ export const exportShiftPlanToPDF = async (req: Request, res: Response): Promise
// Table headers // Table headers
doc.fontSize(10).font('Helvetica-Bold'); doc.fontSize(10).font('Helvetica-Bold');
// Time slot header // Time slot header
doc.rect(50, currentY, timeSlotColWidth, 20).fillAndStroke('#2c3e50', '#2c3e50'); doc.rect(50, currentY, timeSlotColWidth, 20).fillAndStroke('#2c3e50', '#2c3e50');
doc.fillColor('white').text('Schicht (Zeit)', 55, currentY + 5, { width: timeSlotColWidth - 10, align: 'left' }); doc.fillColor('white').text('Schicht (Zeit)', 55, currentY + 5, { width: timeSlotColWidth - 10, align: 'left' });
// Day headers // Day headers
days.forEach((day, index) => { days.forEach((day, index) => {
const xPos = 50 + timeSlotColWidth + (index * dayColWidth); const xPos = 50 + timeSlotColWidth + (index * dayColWidth);
@@ -1380,25 +1393,25 @@ export const exportShiftPlanToPDF = async (req: Request, res: Response): Promise
if (currentY > 650) { if (currentY > 650) {
doc.addPage(); doc.addPage();
currentY = 50; currentY = 50;
// Redraw headers on new page // Redraw headers on new page
doc.fontSize(10).font('Helvetica-Bold'); doc.fontSize(10).font('Helvetica-Bold');
doc.rect(50, currentY, timeSlotColWidth, 20).fillAndStroke('#2c3e50', '#2c3e50'); doc.rect(50, currentY, timeSlotColWidth, 20).fillAndStroke('#2c3e50', '#2c3e50');
doc.fillColor('white').text('Schicht (Zeit)', 55, currentY + 5, { width: timeSlotColWidth - 10, align: 'left' }); doc.fillColor('white').text('Schicht (Zeit)', 55, currentY + 5, { width: timeSlotColWidth - 10, align: 'left' });
days.forEach((day, index) => { days.forEach((day, index) => {
const xPos = 50 + timeSlotColWidth + (index * dayColWidth); const xPos = 50 + timeSlotColWidth + (index * dayColWidth);
doc.rect(xPos, currentY, dayColWidth, 20).fillAndStroke('#2c3e50', '#2c3e50'); 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('white').text(day.name, xPos + 5, currentY + 5, { width: dayColWidth - 10, align: 'center' });
}); });
doc.fillColor('black'); doc.fillColor('black');
currentY += 20; currentY += 20;
} }
// Alternate row background // Alternate row background
const rowBgColor = rowIndex % 2 === 0 ? '#f8f9fa' : 'white'; const rowBgColor = rowIndex % 2 === 0 ? '#f8f9fa' : 'white';
// Time slot cell // Time slot cell
doc.rect(50, currentY, timeSlotColWidth, 40).fillAndStroke(rowBgColor, '#dee2e6'); 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(9).font('Helvetica-Bold').text(timeSlot.name, 55, currentY + 5, { width: timeSlotColWidth - 10 });
@@ -1408,24 +1421,24 @@ export const exportShiftPlanToPDF = async (req: Request, res: Response): Promise
days.forEach((day, colIndex) => { days.forEach((day, colIndex) => {
const xPos = 50 + timeSlotColWidth + (colIndex * dayColWidth); const xPos = 50 + timeSlotColWidth + (colIndex * dayColWidth);
const shift = timeSlot.shiftsByDay[day.id]; const shift = timeSlot.shiftsByDay[day.id];
doc.rect(xPos, currentY, dayColWidth, 40).fillAndStroke(rowBgColor, '#dee2e6'); doc.rect(xPos, currentY, dayColWidth, 40).fillAndStroke(rowBgColor, '#dee2e6');
if (!shift) { if (!shift) {
doc.fontSize(8).font('Helvetica-Oblique').fillColor('#ccc').text('Keine Schicht', xPos + 5, currentY + 15, { doc.fontSize(8).font('Helvetica-Oblique').fillColor('#ccc').text('Keine Schicht', xPos + 5, currentY + 15, {
width: dayColWidth - 10, width: dayColWidth - 10,
align: 'center' align: 'center'
}); });
} else { } else {
// Get assignments for this time slot and day // Get assignments for this time slot and day
const scheduledShift = plan.scheduledShifts?.find((scheduled: any) => { const scheduledShift = plan.scheduledShifts?.find((scheduled: any) => {
const scheduledDayOfWeek = getDayOfWeek(scheduled.date); const scheduledDayOfWeek = getDayOfWeek(scheduled.date);
return scheduledDayOfWeek === day.id && return scheduledDayOfWeek === day.id &&
scheduled.timeSlotId === timeSlot.id; scheduled.timeSlotId === timeSlot.id;
}); });
doc.fillColor('black').fontSize(8).font('Helvetica'); doc.fillColor('black').fontSize(8).font('Helvetica');
if (scheduledShift && scheduledShift.assignedEmployees.length > 0) { if (scheduledShift && scheduledShift.assignedEmployees.length > 0) {
let textY = currentY + 5; let textY = currentY + 5;
scheduledShift.assignedEmployees.forEach((empId: string, empIndex: number) => { scheduledShift.assignedEmployees.forEach((empId: string, empIndex: number) => {
@@ -1436,13 +1449,13 @@ export const exportShiftPlanToPDF = async (req: Request, res: Response): Promise
if (employee.isTrainee) { if (employee.isTrainee) {
roleIndicator = ' (T)'; roleIndicator = ' (T)';
doc.fillColor('#cda8f0'); // Trainee color doc.fillColor('#cda8f0'); // Trainee color
} else if (employee.roles?.includes('manager')) { } else if (employee.employee_type === 'manager') {
roleIndicator = ' (M)'; roleIndicator = ' (M)';
doc.fillColor('#CC0000'); // Manager color doc.fillColor('#CC0000'); // Manager color
} else { } else {
doc.fillColor('#642ab5'); // Regular personnel color doc.fillColor('#642ab5'); // Regular personnel color
} }
const name = `${employee.firstname} ${employee.lastname}${roleIndicator}`; const name = `${employee.firstname} ${employee.lastname}${roleIndicator}`;
doc.text(name, xPos + 5, textY, { width: dayColWidth - 10, align: 'left' }); doc.text(name, xPos + 5, textY, { width: dayColWidth - 10, align: 'left' });
textY += 10; textY += 10;
@@ -1452,15 +1465,15 @@ export const exportShiftPlanToPDF = async (req: Request, res: Response): Promise
doc.fillColor('black'); doc.fillColor('black');
} else { } else {
// Show required count like in React component // Show required count like in React component
const shiftsForSlot = plan.shifts?.filter((s: any) => const shiftsForSlot = plan.shifts?.filter((s: any) =>
s.dayOfWeek === day.id && s.dayOfWeek === day.id &&
s.timeSlotId === timeSlot.id s.timeSlotId === timeSlot.id
) || []; ) || [];
const totalRequired = shiftsForSlot.reduce((sum: number, s: any) => sum + s.requiredEmployees, 0); const totalRequired = shiftsForSlot.reduce((sum: number, s: any) => sum + s.requiredEmployees, 0);
const displayText = totalRequired === 0 ? '-' : `0/${totalRequired}`; const displayText = totalRequired === 0 ? '-' : `0/${totalRequired}`;
doc.fillColor('#666').fontSize(9).font('Helvetica-Oblique') doc.fillColor('#666').fontSize(9).font('Helvetica-Oblique')
.text(displayText, xPos + 5, currentY + 15, { width: dayColWidth - 10, align: 'center' }); .text(displayText, xPos + 5, currentY + 15, { width: dayColWidth - 10, align: 'center' });
doc.fillColor('black'); doc.fillColor('black');
} }
} }