diff --git a/frontend/src/pages/ShiftTemplates/ShiftTemplateEditor.tsx b/frontend/src/pages/ShiftTemplates/ShiftTemplateEditor.tsx index 1ed6566..5b400a0 100644 --- a/frontend/src/pages/ShiftTemplates/ShiftTemplateEditor.tsx +++ b/frontend/src/pages/ShiftTemplates/ShiftTemplateEditor.tsx @@ -1,7 +1,7 @@ // frontend/src/pages/ShiftTemplates/ShiftTemplateEditor.tsx import React, { useState, useEffect } from 'react'; import { useParams, useNavigate } from 'react-router-dom'; -import { TemplateShiftSlot, TemplateShift, TemplateShiftTimeRange, DEFAULT_DAYS } from '../../types/shiftTemplate'; +import { TemplateShiftSlot, TemplateShift, TemplateShiftTimeSlot, DEFAULT_DAYS } from '../../types/shiftTemplate'; import { shiftTemplateService } from '../../services/shiftTemplateService'; import ShiftDayEditor from './components/ShiftDayEditor'; import DefaultTemplateView from './components/DefaultTemplateView'; @@ -14,7 +14,7 @@ interface ExtendedTemplateShift extends Omit { const defaultShift: ExtendedTemplateShift = { dayOfWeek: 1, // Montag - timeRange: { id: '', name: '', startTime: '', endTime: '' }, + timeSlot: { id: '', name: '', startTime: '', endTime: '' }, requiredEmployees: 1, color: '#3498db' }; @@ -85,7 +85,7 @@ const ShiftTemplateEditor: React.FC = () => { ...defaultShift, id: Date.now().toString(), dayOfWeek, - timeRange: { ...defaultShift.timeRange, id: Date.now().toString() }, + timeSlot: { ...defaultShift.timeSlot, id: Date.now().toString() }, requiredEmployees: defaultShift.requiredEmployees, color: defaultShift.color }; diff --git a/frontend/src/pages/ShiftTemplates/components/DefaultTemplateView.tsx b/frontend/src/pages/ShiftTemplates/components/DefaultTemplateView.tsx index ce211a9..2fec3ad 100644 --- a/frontend/src/pages/ShiftTemplates/components/DefaultTemplateView.tsx +++ b/frontend/src/pages/ShiftTemplates/components/DefaultTemplateView.tsx @@ -38,9 +38,9 @@ const DefaultTemplateView: React.FC = ({ template }) =
{shiftsByDay[dayIndex]?.map(shift => (
-

{shift.timeRange.name}

+

{shift.timeSlot.name}

- {formatTime(shift.timeRange.startTime)} - {formatTime(shift.timeRange.endTime)} + {formatTime(shift.timeSlot.startTime)} - {formatTime(shift.timeSlot.endTime)}

))} diff --git a/frontend/src/pages/ShiftTemplates/components/ShiftDayEditor.tsx b/frontend/src/pages/ShiftTemplates/components/ShiftDayEditor.tsx index 107efe9..135057b 100644 --- a/frontend/src/pages/ShiftTemplates/components/ShiftDayEditor.tsx +++ b/frontend/src/pages/ShiftTemplates/components/ShiftDayEditor.tsx @@ -55,8 +55,8 @@ const ShiftDayEditor: React.FC = ({
onUpdateShift(shift.id, { timeRange: { ...shift.timeRange, name: e.target.value } })} + value={shift.timeSlot.name} + onChange={(e) => onUpdateShift(shift.id, { timeSlot: { ...shift.timeSlot, name: e.target.value } })} placeholder="Schichtname" />
@@ -66,8 +66,8 @@ const ShiftDayEditor: React.FC = ({ onUpdateShift(shift.id, { timeRange: { ...shift.timeRange, startTime: e.target.value } })} + value={shift.timeSlot.startTime} + onChange={(e) => onUpdateShift(shift.id, { timeSlot: { ...shift.timeSlot, startTime: e.target.value } })} />
@@ -75,8 +75,8 @@ const ShiftDayEditor: React.FC = ({ onUpdateShift(shift.id, { timeRange: { ...shift.timeRange, endTime: e.target.value } })} + value={shift.timeSlot.endTime} + onChange={(e) => onUpdateShift(shift.id, { timeSlot: { ...shift.timeSlot, endTime: e.target.value } })} /> diff --git a/frontend/src/types/shiftTemplate.ts b/frontend/src/types/shiftTemplate.ts index a771cfe..4c226f9 100644 --- a/frontend/src/types/shiftTemplate.ts +++ b/frontend/src/types/shiftTemplate.ts @@ -13,19 +13,19 @@ export interface TemplateShiftSlot { id: string; templateId?: string; dayOfWeek: number; - timeRange: TemplateShiftTimeRange; + timeSlot: TemplateShiftTimeSlot; requiredEmployees: number; color?: string; } -export interface TemplateShiftTimeRange { +export interface TemplateShiftTimeSlot { id: string; name: string; // e.g., "Frühschicht", "Spätschicht" startTime: string; endTime: string; } -export const DEFAULT_TIME_SLOTS: TemplateShiftTimeRange[] = [ +export const DEFAULT_TIME_SLOTS: TemplateShiftTimeSlot[] = [ { id: 'morning', name: 'Vormittag', startTime: '08:00', endTime: '12:00' }, { id: 'afternoon', name: 'Nachmittag', startTime: '11:30', endTime: '15:30' }, ];