fix: Suppression event planning

feat: Planning mode SchoolClass

Back-End/Planning/views.py

@@ -147,7 +147,7 @@ class EventsWithIdView(APIView):
             return JsonResponse({'error': 'Event not found'}, status=404)
 
         event.delete()
-        return JsonResponse({'message': 'Event deleted'}, status=204)
+        return JsonResponse({'message': 'Event deleted'}, status=200)
 
 class UpcomingEventsView(APIView):
     def get(self, request):

Front-End/src/components/Calendar/Calendar.js

@@ -22,14 +22,14 @@ import { fr } from 'date-fns/locale';
 import { AnimatePresence, motion } from 'framer-motion'; // Ajouter cet import
 import logger from '@/utils/logger';
 
-const Calendar = ({ modeSet, onDateClick, onEventClick }) => {
+const Calendar = ({ modeSet, onDateClick, onEventClick, schoolClassMode=false }) => {
   const {
     currentDate,
     setCurrentDate,
     viewType,
     setViewType,
     events,
-    hiddenSchedules,
+    hiddenSchedules
   } = usePlanning();
   const [visibleEvents, setVisibleEvents] = useState([]);
   const [showDatePicker, setShowDatePicker] = useState(false);
@@ -90,79 +90,81 @@ const Calendar = ({ modeSet, onDateClick, onEventClick }) => {
   return (
     <div className="flex-1 flex flex-col">
       <div className="flex items-center justify-between p-4 bg-white sticky top-0 z-30 border-b shadow-sm h-[64px]">
-        {/* Navigation à gauche */}
-        <div className="flex items-center gap-4">
-          <button
-            onClick={() => setCurrentDate(new Date())}
-            className="px-3 py-1.5 text-sm font-medium text-gray-700 hover:text-gray-900 bg-gray-100 hover:bg-gray-200 rounded-md transition-colors"
-          >
-            Aujourd&apos;hui
-          </button>
-          <button
-            onClick={() => navigateDate('prev')}
-            className="p-2 hover:bg-gray-100 rounded-full"
-          >
-            <ChevronLeft className="w-5 h-5" />
-          </button>
-
-          {/* Menu déroulant pour le mois/année */}
-          <div className="relative">
+        {!schoolClassMode && (
+          <div className="flex items-center gap-4">
+            {/* Navigation à gauche */}
             <button
-              onClick={() => setShowDatePicker(!showDatePicker)}
-              className="flex items-center gap-1 px-2 py-1 hover:bg-gray-100 rounded-md"
+              onClick={() => setCurrentDate(new Date())}
+              className="px-3 py-1.5 text-sm font-medium text-gray-700 hover:text-gray-900 bg-gray-100 hover:bg-gray-200 rounded-md transition-colors"
             >
-              <h2 className="text-xl font-semibold">
-                {format(
-                  currentDate,
-                  viewType === 'year' ? 'yyyy' : 'MMMM yyyy',
-                  { locale: fr }
-                )}
-              </h2>
-              <ChevronDown className="w-4 h-4" />
+              Aujourd&apos;hui
+            </button>
+            <button
+              onClick={() => navigateDate('prev')}
+              className="p-2 hover:bg-gray-100 rounded-full"
+            >
+              <ChevronLeft className="w-5 h-5" />
             </button>
 
-            {/* Menu de sélection du mois/année */}
-            {showDatePicker && (
-              <div className="absolute top-full left-0 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg z-50 w-64">
-                {viewType !== 'year' && (
-                  <div className="p-2 border-b">
+            {/* Menu déroulant pour le mois/année */}
+            <div className="relative">
+              <button
+                onClick={() => setShowDatePicker(!showDatePicker)}
+                className="flex items-center gap-1 px-2 py-1 hover:bg-gray-100 rounded-md"
+              >
+                <h2 className="text-xl font-semibold">
+                  {format(
+                    currentDate,
+                    viewType === 'year' ? 'yyyy' : 'MMMM yyyy',
+                    { locale: fr }
+                  )}
+                </h2>
+                <ChevronDown className="w-4 h-4" />
+              </button>
+
+              {/* Menu de sélection du mois/année */}
+              {showDatePicker && (
+                <div className="absolute top-full left-0 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg z-50 w-64">
+                  {viewType !== 'year' && (
+                    <div className="p-2 border-b">
+                      <div className="grid grid-cols-3 gap-1">
+                        {months.map((month) => (
+                          <button
+                            key={month.value}
+                            onClick={() => handleMonthSelect(month.value)}
+                            className="p-2 text-sm hover:bg-gray-100 rounded-md"
+                          >
+                            {month.label}
+                          </button>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+                  <div className="p-2">
                     <div className="grid grid-cols-3 gap-1">
-                      {months.map((month) => (
+                      {years.map((year) => (
                         <button
-                          key={month.value}
-                          onClick={() => handleMonthSelect(month.value)}
+                          key={year.value}
+                          onClick={() => handleYearSelect(year.value)}
                           className="p-2 text-sm hover:bg-gray-100 rounded-md"
                         >
-                          {month.label}
+                          {year.label}
                         </button>
                       ))}
                     </div>
                   </div>
-                )}
-                <div className="p-2">
-                  <div className="grid grid-cols-3 gap-1">
-                    {years.map((year) => (
-                      <button
-                        key={year.value}
-                        onClick={() => handleYearSelect(year.value)}
-                        className="p-2 text-sm hover:bg-gray-100 rounded-md"
-                      >
-                        {year.label}
-                      </button>
-                    ))}
-                  </div>
                 </div>
-              </div>
-            )}
-          </div>
+              )}
+            </div>
 
-          <button
-            onClick={() => navigateDate('next')}
-            className="p-2 hover:bg-gray-100 rounded-full"
-          >
-            <ChevronRight className="w-5 h-5" />
-          </button>
-        </div>
+            <button
+              onClick={() => navigateDate('next')}
+              className="p-2 hover:bg-gray-100 rounded-full"
+            >
+              <ChevronRight className="w-5 h-5" />
+            </button>
+          </div>
+        )}
 
         {/* Numéro de semaine au centre */}
         {viewType === 'week' && (
@@ -176,11 +178,13 @@ const Calendar = ({ modeSet, onDateClick, onEventClick }) => {
 
         {/* Contrôles à droite */}
         <div className="flex items-center gap-4">
-          <ToggleView viewType={viewType} setViewType={setViewType} />
-          <button
-            onClick={onDateClick}
-            className="w-10 h-10 flex items-center justify-center bg-emerald-600 text-white rounded-full hover:bg-emerald-700 shadow-md transition-colors"
-          >
+          {!schoolClassMode && (
+            <ToggleView viewType={viewType} setViewType={setViewType} />
+          )}
+            <button
+              onClick={onDateClick}
+              className="w-10 h-10 flex items-center justify-center bg-emerald-600 text-white rounded-full hover:bg-emerald-700 shadow-md transition-colors"
+            >
             <Plus className="w-5 h-5" />
           </button>
         </div>

Front-End/src/components/Structure/Planning/ScheduleManagement.js

@@ -60,6 +60,7 @@ export default function ScheduleManagement({
           setEventData(event);
           setIsModalOpen(true);
         }}
+        schoolClassMode={true}
       />
       <ScheduleEventModal
         isOpen={isModalOpen}