feat: Page Structure : suppression de la possibilité de faire des actions d'admin [N3WTS-8]

Front-End/src/app/[locale]/admin/structure/page.js

@@ -52,7 +52,7 @@ export default function Page() {
   );
 
   const csrfToken = useCsrfToken();
-  const { selectedEstablishmentId } = useEstablishment();
+  const { selectedEstablishmentId, profileRole } = useEstablishment();
 
   useEffect(() => {
     if (selectedEstablishmentId) {
@@ -316,6 +316,8 @@ export default function Page() {
         </div>
       ),
     },
+    ...(profileRole !== 0
+      ? [
           {
             id: 'Fees',
             label: 'Tarifs',
@@ -345,6 +347,8 @@ export default function Page() {
               </div>
             ),
           },
+        ]
+      : []),
     {
       id: 'Files',
       label: 'Documents',
@@ -353,6 +357,7 @@ export default function Page() {
           <FilesGroupsManagement
             csrfToken={csrfToken}
             selectedEstablishmentId={selectedEstablishmentId}
+            profileRole={profileRole}
           />
         </div>
       ),

Front-End/src/components/Structure/Competencies/CompetenciesList.js

@@ -7,7 +7,6 @@ import CheckBox from '@/components/Form/CheckBox';
 import Button from '@/components/Form/Button';
 import { useEstablishment } from '@/context/EstablishmentContext';
 import {
-  fetchEstablishmentCompetencies,
   createEstablishmentCompetencies,
   deleteEstablishmentCompetencies,
 } from '@/app/actions/schoolAction';
@@ -44,7 +43,7 @@ export default function CompetenciesList({
     3: false,
     4: false,
   });
-  const { selectedEstablishmentId } = useEstablishment();
+  const { selectedEstablishmentId, profileRole } = useEstablishment();
   const csrfToken = useCsrfToken();
   const { showNotification } = useNotification();
 
@@ -280,6 +279,7 @@ export default function CompetenciesList({
       </div>
       {/* Bouton submit centré en bas */}
       <div className="flex justify-center mb-2 mt-6">
+        {profileRole !== 0 && (
           <Button
             text="Sauvegarder"
             className={`px-6 py-2 rounded-md shadow ${
@@ -291,6 +291,7 @@ export default function CompetenciesList({
             primary
             disabled={!hasSelection}
           />
+        )}
       </div>
       {/* Légende en dessous du bouton, alignée à gauche */}
       <div className="flex flex-row items-center gap-4 mb-4">

Front-End/src/components/Structure/Competencies/TreeView.js

@@ -5,6 +5,7 @@ import React, {
   useImperativeHandle,
 } from 'react';
 import { CheckCircle, Circle } from 'lucide-react';
+import { useEstablishment } from '@/context/EstablishmentContext';
 
 const TreeView = forwardRef(function TreeView(
   { data, expandAll, onSelectionChange },
@@ -72,6 +73,8 @@ const TreeView = forwardRef(function TreeView(
     clearSelection: () => setSelectedCompetencies({}),
   }));
 
+  const { profileRole } = useEstablishment();
+
   return (
     <div>
       {data.map((domaine) => (
@@ -112,12 +115,18 @@ const TreeView = forwardRef(function TreeView(
                                     ? 'text-emerald-600 font-semibold cursor-pointer'
                                     : 'text-gray-500 cursor-pointer hover:text-emerald-600'
                             }`}
-                            onClick={() => handleCompetenceClick(competence)}
+                            onClick={
+                              profileRole !== 0
+                                ? () => handleCompetenceClick(competence)
+                                : undefined
+                            }
                             style={{
                               cursor:
                                 competence.state === 'required'
                                   ? 'default'
-                                  : 'pointer',
+                                  : profileRole !== 0
+                                    ? 'pointer'
+                                    : 'default',
                               userSelect: 'none',
                             }}
                           >

Front-End/src/components/Structure/Configuration/ClassesSection.js

@@ -130,9 +130,7 @@ const ClassesSection = ({
   const [removePopupVisible, setRemovePopupVisible] = useState(false);
   const [removePopupMessage, setRemovePopupMessage] = useState('');
   const [removePopupOnConfirm, setRemovePopupOnConfirm] = useState(() => {});
-  const [detailsModalVisible, setDetailsModalVisible] = useState(false);
+  const { selectedEstablishmentId, profileRole } = useEstablishment();
-  const [selectedClass, setSelectedClass] = useState(null);
-  const { selectedEstablishmentId } = useEstablishment();
   const { addSchedule, reloadPlanning, reloadEvents } = usePlanning();
   const { getNiveauxLabels, allNiveaux } = useClasses();
   const router = useRouter();
@@ -449,6 +447,25 @@ const ClassesSection = ({
         case 'MISE A JOUR':
           return classe.updated_date_formatted;
         case 'ACTIONS':
+          // Affichage des actions en mode affichage (hors édition/création)
+          if (profileRole === 0) {
+            // Si professeur, uniquement le bouton ZoomIn
+            return (
+              <div className="flex justify-center space-x-2">
+                <button
+                  type="button"
+                  onClick={() => {
+                    const url = `${FE_ADMIN_STRUCTURE_SCHOOLCLASS_MANAGEMENT_URL}?schoolClassId=${classe.id}`;
+                    router.push(`${url}`);
+                  }}
+                  className="text-gray-500 hover:text-gray-700"
+                >
+                  <ZoomIn className="w-5 h-5" />
+                </button>
+              </div>
+            );
+          }
+          // Sinon, toutes les actions (admin)
           return (
             <div className="flex justify-center space-x-2">
               <button
@@ -534,7 +551,7 @@ const ClassesSection = ({
           icon={Users}
           title="Liste des classes"
           description="Gérez les classes de votre école"
-          button={true}
+          button={profileRole !== 0}
           onClick={handleAddClass}
         />
         <Table

Front-End/src/components/Structure/Configuration/SpecialitiesSection.js

@@ -29,7 +29,7 @@ const SpecialitiesSection = ({
   const [removePopupMessage, setRemovePopupMessage] = useState('');
   const [removePopupOnConfirm, setRemovePopupOnConfirm] = useState(() => {});
 
-  const { selectedEstablishmentId } = useEstablishment();
+  const { selectedEstablishmentId, profileRole } = useEstablishment();
 
   // Récupération des messages d'erreur
   const getError = (field) => {
@@ -239,7 +239,7 @@ const SpecialitiesSection = ({
   const columns = [
     { name: 'LIBELLE', label: 'Libellé' },
     { name: 'MISE A JOUR', label: 'Date mise à jour' },
-    { name: 'ACTIONS', label: 'Actions' },
+    ...(profileRole !== 0 ? [{ name: 'ACTIONS', label: 'Actions' }] : []),
   ];
 
   return (
@@ -249,7 +249,7 @@ const SpecialitiesSection = ({
           icon={BookOpen}
           title="Liste des spécialités"
           description="Gérez les spécialités de votre école"
-          button={true}
+          button={profileRole !== 0}
           onClick={handleAddSpeciality}
         />
         <Table

Front-End/src/components/Structure/Configuration/TeachersSection.js

@@ -3,8 +3,7 @@ import { Edit3, Trash2, GraduationCap, Check, X, Hand } from 'lucide-react';
 import Table from '@/components/Table';
 import Popup from '@/components/Popup';
 import ToggleSwitch from '@/components/Form/ToggleSwitch';
-import { useCsrfToken } from '@/context/CsrfContext';
+import { DndProvider, useDrop } from 'react-dnd';
-import { DndProvider, useDrag, useDrop } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import InputText from '@/components/Form/InputText';
 import SpecialityItem from '@/components/Structure/Configuration/SpecialityItem';
@@ -128,7 +127,6 @@ const TeachersSection = ({
   handleEdit,
   handleDelete,
 }) => {
-  const csrfToken = useCsrfToken();
   const [editingTeacher, setEditingTeacher] = useState(null);
   const [newTeacher, setNewTeacher] = useState(null);
   const [formData, setFormData] = useState({});
@@ -140,7 +138,7 @@ const TeachersSection = ({
   const [removePopupMessage, setRemovePopupMessage] = useState('');
   const [removePopupOnConfirm, setRemovePopupOnConfirm] = useState(() => {});
 
-  const { selectedEstablishmentId } = useEstablishment();
+  const { selectedEstablishmentId, profileRole } = useEstablishment();
 
   // --- UTILS ---
 
@@ -520,7 +518,7 @@ const TeachersSection = ({
     { name: 'SPECIALITES', label: 'Spécialités' },
     { name: 'ADMINISTRATEUR', label: 'Profil' },
     { name: 'MISE A JOUR', label: 'Mise à jour' },
-    { name: 'ACTIONS', label: 'Actions' },
+    ...(profileRole !== 0 ? [{ name: 'ACTIONS', label: 'Actions' }] : []),
   ];
 
   return (
@@ -530,7 +528,7 @@ const TeachersSection = ({
           icon={GraduationCap}
           title="Liste des enseignants.es"
           description="Gérez les enseignants.es de votre école"
-          button={true}
+          button={profileRole !== 0}
           onClick={handleAddTeacher}
         />
         <Table

Front-End/src/components/Structure/Files/FilesGroupsManagement.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect } from 'react';
 import {
   Edit,
   Trash2,
@@ -192,8 +192,8 @@ function SimpleList({
 export default function FilesGroupsManagement({
   csrfToken,
   selectedEstablishmentId,
+  profileRole
 }) {
-  const [showFilePreview, setShowFilePreview] = useState(false);
   const [schoolFileMasters, setSchoolFileMasters] = useState([]);
   const [parentFiles, setParentFileMasters] = useState([]);
   const [groups, setGroups] = useState([]);
@@ -211,7 +211,6 @@ export default function FilesGroupsManagement({
   const [selectedGroupId, setSelectedGroupId] = useState(null);
   const [showHelp, setShowHelp] = useState(false);
   const { showNotification } = useNotification();
-  const [isFileUploadOpen, setIsFileUploadOpen] = useState(false);
   const [isParentFileModalOpen, setIsParentFileModalOpen] = useState(false);
   const [editingParentFile, setEditingParentFile] = useState(null);
 
@@ -819,6 +818,7 @@ export default function FilesGroupsManagement({
             <div className="flex items-center mb-4">
               <SectionTitle title="Liste des dossiers d'inscriptions" />
               <div className="flex-1" />
+              {profileRole !== 0 && (
                 <button
                   className="flex items-center justify-center bg-emerald-500 hover:bg-emerald-600 text-white px-3 py-2 rounded-lg shadow transition text-base font-semibold"
                   onClick={() => setIsGroupModalOpen(true)}
@@ -826,6 +826,7 @@ export default function FilesGroupsManagement({
                 >
                   <Plus className="w-5 h-5" />
                 </button>
+              )}
             </div>
             <SimpleList
               items={groups}
@@ -866,6 +867,7 @@ export default function FilesGroupsManagement({
             <div className="flex items-center mb-4">
               <SectionTitle title="Liste des documents" />
                 <div className="flex-1" />
+                {profileRole !== 0 && (
                   <DropdownMenu
                     buttonContent={
                       <span className="flex items-center">
@@ -910,6 +912,7 @@ export default function FilesGroupsManagement({
                     dropdownOpen={isDocDropdownOpen}
                     setDropdownOpen={setIsDocDropdownOpen}
                   />
+                )}
               </div>
             {!selectedGroupId ? (
               <div className="flex items-center justify-center h-40 text-gray-400 text-lg italic border border-gray-200 rounded bg-white">