mirror of
https://github.com/donpat1to/Schichtenplaner.git
synced 2025-12-01 06:55:45 +01:00
added init files
This commit is contained in:
56
frontend/src/pages/ShiftPlans/ShiftPlanCreate.tsx
Normal file
56
frontend/src/pages/ShiftPlans/ShiftPlanCreate.tsx
Normal file
@@ -0,0 +1,56 @@
|
||||
// frontend/src/pages/ShiftPlans/ShiftPlanCreate.tsx
|
||||
import React, { useState } from 'react';
|
||||
|
||||
const ShiftPlanCreate: React.FC = () => {
|
||||
const [planName, setPlanName] = useState('');
|
||||
const [startDate, setStartDate] = useState('');
|
||||
const [endDate, setEndDate] = useState('');
|
||||
const [selectedTemplate, setSelectedTemplate] = useState('');
|
||||
|
||||
const handleCreate = async () => {
|
||||
// API Call zum Erstellen
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h1>Neuen Schichtplan erstellen</h1>
|
||||
|
||||
<div>
|
||||
<label>Plan Name:</label>
|
||||
<input
|
||||
type="text"
|
||||
value={planName}
|
||||
onChange={(e) => setPlanName(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label>Von:</label>
|
||||
<input
|
||||
type="date"
|
||||
value={startDate}
|
||||
onChange={(e) => setStartDate(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label>Bis:</label>
|
||||
<input
|
||||
type="date"
|
||||
value={endDate}
|
||||
onChange={(e) => setEndDate(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label>Vorlage verwenden:</label>
|
||||
<select value={selectedTemplate} onChange={(e) => setSelectedTemplate(e.target.value)}>
|
||||
<option value="">Keine Vorlage</option>
|
||||
{/* Vorlagen laden */}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button onClick={handleCreate}>Schichtplan erstellen</button>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user