pikram/tasker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed input type to datetime-local fort task creation form

Browse Source
This commit is contained in:
Marcin-Ramotowski 2025-04-30 17:42:25 +00:00
parent 464dde127b
commit 0acde40aa3
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/pages/Tasks.tsx
View File

@ -15,6 +15,13 @@ interface Task {
done: boolean; done: boolean;
} }
const formatDateForApi = (dateStr: string): string => {
const [datePart, timePart] = dateStr.split('T');
const [year, month, day] = datePart.split('-');
const [hours, minutes] = timePart.split(':');
return `${day}-${month}-${year} ${hours}:${minutes}`;
}
const Tasks = () => { const Tasks = () => {
const [tasks, setTasks] = useState<Task[]>([]); const [tasks, setTasks] = useState<Task[]>([]);
const [newTask, setNewTask] = useState({ title: "", description: "", due_date: "", done: false }); const [newTask, setNewTask] = useState({ title: "", description: "", due_date: "", done: false });
@ -48,7 +55,13 @@ const Tasks = () => {
const handleCreateTask = async () => { const handleCreateTask = async () => {
try { try {
const task = await createTask(newTask); const payload = {
...newTask,
due_date: newTask.due_date
? formatDateForApi(newTask.due_date)
: "",
};
const task = await createTask(payload);
setTasks([...tasks, task]); // List update setTasks([...tasks, task]); // List update
setNewTask({ title: "", description: "", due_date: "", done: false }); // Form reset setNewTask({ title: "", description: "", due_date: "", done: false }); // Form reset
} catch (error) { } catch (error) {
@ -100,13 +113,6 @@ const Tasks = () => {
const handleSaveEdit = async (taskId: number) => { const handleSaveEdit = async (taskId: number) => {
try { try {
const formatDateForApi = (dateStr: string): string => {
const [datePart, timePart] = dateStr.split('T');
const [year, month, day] = datePart.split('-');
const [hours, minutes] = timePart.split(':');
return `${day}-${month}-${year} ${hours}:${minutes}`;
};
const payload = { const payload = {
...editedTask, ...editedTask,
due_date: editedTask.due_date due_date: editedTask.due_date
@ -152,7 +158,7 @@ const Tasks = () => {
className="border p-2 mr-2" className="border p-2 mr-2"
/> />
<input <input
type="text" placeholder="Termin (DD-MM-YYYY HH:MM)" value={newTask.due_date} type="datetime-local" placeholder="Termin" value={newTask.due_date}
onChange={(e) => setNewTask({ ...newTask, due_date: e.target.value })} onChange={(e) => setNewTask({ ...newTask, due_date: e.target.value })}
className="border p-2 mr-2" className="border p-2 mr-2"
/> />