acasini/n3wt-school
1
0
Fork 0
mirror of https://git.v0id.ovh/n3wt-innov/n3wt-school.git synced 2026-01-29 16:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: application prettier

Browse Source
This commit is contained in:
Luc SORIGNET
2025-04-15 19:37:47 +02:00
parent dd0884bbce
commit f7666c894b
174 changed files with 10609 additions and 8760 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
Front-End/src/components/EventModal.js
View File

@ -2,16 +2,22 @@ import { usePlanning } from '@/context/PlanningContext';
import { format } from 'date-fns';
import React from 'react';
export default function EventModal({ isOpen, onClose, eventData, setEventData }) {
const { addEvent, handleUpdateEvent, handleDeleteEvent, schedules } = usePlanning();
export default function EventModal({
isOpen,
onClose,
eventData,
setEventData,
}) {
const { addEvent, handleUpdateEvent, handleDeleteEvent, schedules } =
usePlanning();
// S'assurer que planning est défini lors du premier rendu
React.useEffect(() => {
if (!eventData.planning && schedules.length > 0) {
setEventData(prev => ({
setEventData((prev) => ({
...prev,
planning: schedules[0].id,
color: schedules[0].color
color: schedules[0].color,
}));
}
}, [schedules, eventData.planning]);
@ -23,7 +29,7 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
{ value: 'daily', label: 'Quotidienne' },
{ value: 'weekly', label: 'Hebdomadaire' },
{ value: 'monthly', label: 'Mensuelle' },
{ value: 'custom', label: 'Personnalisée' } // Nouvelle option
{ value: 'custom', label: 'Personnalisée' }, // Nouvelle option
];
const daysOfWeek = [
@ -33,7 +39,7 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
{ value: 4, label: 'Jeu' },
{ value: 5, label: 'Ven' },
{ value: 6, label: 'Sam' },
{ value: 0, label: 'Dim' }
{ value: 0, label: 'Dim' },
];
const handleSubmit = (e) => {
@ -44,27 +50,30 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
return;
}
const selectedSchedule = schedules.find(s => s.id === eventData.planning);
const selectedSchedule = schedules.find((s) => s.id === eventData.planning);
if (eventData.id) {
handleUpdateEvent(eventData.id, {
...eventData,
planning: eventData.planning, // S'assurer que planning est bien défini
color: eventData.color || selectedSchedule?.color
color: eventData.color || selectedSchedule?.color,
});
} else {
addEvent({
...eventData,
id: `event-${Date.now()}`,
planning: eventData.planning, // S'assurer que planning est bien défini
color: eventData.color || selectedSchedule?.color
color: eventData.color || selectedSchedule?.color,
});
}
onClose();
};
const handleDelete = () => {
if (eventData.id && confirm('Êtes-vous sûr de vouloir supprimer cet événement ?')) {
if (
eventData.id &&
confirm('Êtes-vous sûr de vouloir supprimer cet événement ?')
) {
handleDeleteEvent(eventData.id);
onClose();
}
@ -74,7 +83,7 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
<div className="bg-white p-6 rounded-lg w-full max-w-md">
<h2 className="text-xl font-semibold mb-4">
{eventData.id ? 'Modifier l\'événement' : 'Nouvel événement'}
{eventData.id ? "Modifier l'événement" : 'Nouvel événement'}
</h2>
<form onSubmit={handleSubmit} className="space-y-4">
@ -86,7 +95,9 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
<input
type="text"
value={eventData.title || ''}
onChange={(e) => setEventData({ ...eventData, title: e.target.value })}
onChange={(e) =>
setEventData({ ...eventData, title: e.target.value })
}
className="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
required
/>
@ -99,7 +110,9 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
</label>
<textarea
value={eventData.description || ''}
onChange={(e) => setEventData({ ...eventData, description: e.target.value })}
onChange={(e) =>
setEventData({ ...eventData, description: e.target.value })
}
className="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
rows="3"
/>
@ -113,17 +126,19 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
<select
value={eventData.planning || schedules[0]?.id}
onChange={(e) => {
const selectedSchedule = schedules.find(s => s.id === e.target.value);
const selectedSchedule = schedules.find(
(s) => s.id === e.target.value
);
setEventData({
...eventData,
planning: e.target.value,
color: selectedSchedule?.color || '#10b981'
color: selectedSchedule?.color || '#10b981',
});
}}
className="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
required
>
{schedules.map(schedule => (
{schedules.map((schedule) => (
<option key={schedule.id} value={schedule.id}>
{schedule.name}
</option>
@ -138,8 +153,14 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
</label>
<input
type="color"
value={eventData.color || schedules.find(s => s.id === eventData.planning)?.color || '#10b981'}
onChange={(e) => setEventData({ ...eventData, color: e.target.value })}
value={
eventData.color ||
schedules.find((s) => s.id === eventData.planning)?.color ||
'#10b981'
}
onChange={(e) =>
setEventData({ ...eventData, color: e.target.value })
}
className="w-full h-10 p-1 rounded border"
/>
</div>
@ -151,10 +172,12 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
</label>
<select
value={eventData.recurrence || 'none'}
onChange={(e) => setEventData({ ...eventData, recurrence: e.target.value })}
onChange={(e) =>
setEventData({ ...eventData, recurrence: e.target.value })
}
className="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
>
{recurrenceOptions.map(option => (
{recurrenceOptions.map((option) => (
<option key={option.value} value={option.value}>
{option.label}
</option>
@ -174,18 +197,22 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
type="number"
min="1"
value={eventData.customInterval || 1}
onChange={(e) => setEventData({
...eventData,
customInterval: parseInt(e.target.value) || 1
})}
onChange={(e) =>
setEventData({
...eventData,
customInterval: parseInt(e.target.value) || 1,
})
}
className="w-20 p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
/>
<select
value={eventData.customUnit || 'days'}
onChange={(e) => setEventData({
...eventData,
customUnit: e.target.value
})}
onChange={(e) =>
setEventData({
...eventData,
customUnit: e.target.value,
})
}
className="flex-1 p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
>
<option value="days">Jours</option>
@ -204,14 +231,14 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
Jours de répétition
</label>
<div className="flex gap-2 flex-wrap">
{daysOfWeek.map(day => (
{daysOfWeek.map((day) => (
<button
key={day.value}
type="button"
onClick={() => {
const days = eventData.selectedDays || [];
const newDays = days.includes(day.value)
? days.filter(d => d !== day.value)
? days.filter((d) => d !== day.value)
: [...days, day.value];
setEventData({ ...eventData, selectedDays: newDays });
}}
@ -237,7 +264,9 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
<input
type="date"
value={eventData.recurrenceEnd || ''}
onChange={(e) => setEventData({ ...eventData, recurrenceEnd: e.target.value })}
onChange={(e) =>
setEventData({ ...eventData, recurrenceEnd: e.target.value })
}
className="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
/>
</div>
@ -252,7 +281,12 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
<input
type="datetime-local"
value={format(new Date(eventData.start), "yyyy-MM-dd'T'HH:mm")}
onChange={(e) => setEventData({ ...eventData, start: new Date(e.target.value).toISOString() })}
onChange={(e) =>
setEventData({
...eventData,
start: new Date(e.target.value).toISOString(),
})
}
className="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
required
/>
@ -264,7 +298,12 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
<input
type="datetime-local"
value={format(new Date(eventData.end), "yyyy-MM-dd'T'HH:mm")}
onChange={(e) => setEventData({ ...eventData, end: new Date(e.target.value).toISOString() })}
onChange={(e) =>
setEventData({
...eventData,
end: new Date(e.target.value).toISOString(),
})
}
className="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
required
/>
@ -279,7 +318,9 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
<input
type="text"
value={eventData.location || ''}
onChange={(e) => setEventData({ ...eventData, location: e.target.value })}
onChange={(e) =>
setEventData({ ...eventData, location: e.target.value })
}
className="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-emerald-500"
/>
</div>
@ -317,4 +358,4 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
</div>
</div>
);
}
}