Feat: Ajout liste des sessions pour admin et coach
This commit is contained in:
@@ -1,13 +1,14 @@
|
||||
import { useState } from "react";
|
||||
import { useLocalData } from "../context/useLocalData";
|
||||
import { AthleteList, ActiviteList, CoachList} from "./ressourceList";
|
||||
import { Activite, Athlete, Coach } from "../classes";
|
||||
import { AthleteList, ActiviteList, CoachList, SessionList} from "./ressourceList";
|
||||
import { Activite, Athlete, Coach , Session } from "../classes";
|
||||
|
||||
export default function RessourcePanel() {
|
||||
const { user } = useLocalData();
|
||||
const [showAthletes, setShowAthletes] = useState(false);
|
||||
const [showActivites, setShowActivites] = useState(false);
|
||||
const [showCoach,setShowCoach] = useState(false);
|
||||
const [showCoachs,setShowCoachs] = useState(false);
|
||||
const [showSessions, setShowSessions] = useState(false);
|
||||
console.log("Rôle utilisateur:", user.role);
|
||||
if (user.role === "Athlete") return null;
|
||||
|
||||
@@ -33,21 +34,41 @@ export default function RessourcePanel() {
|
||||
|
||||
const allCoachs: Coach[] = Array.from(coachMap.values());
|
||||
|
||||
const sessionMap: Map<number, Session> = new Map();
|
||||
user.sessions.forEach(session => {
|
||||
sessionMap.set(session.id, session);
|
||||
});
|
||||
|
||||
const allSessions: Session[] = Array.from(sessionMap.values());
|
||||
|
||||
function onAthletesClick(): void {
|
||||
setShowAthletes(prev => !prev);
|
||||
setShowActivites(false);
|
||||
setShowCoach(false);
|
||||
setShowCoachs(false);
|
||||
setShowSessions(false);
|
||||
|
||||
}
|
||||
function onActivitiesClick(): void {
|
||||
setShowActivites(prev => !prev);
|
||||
setShowAthletes(false);
|
||||
setShowCoach(false);
|
||||
setShowCoachs(false);
|
||||
setShowSessions(false);
|
||||
|
||||
|
||||
}
|
||||
function onCoachClick(): void {
|
||||
setShowCoach(prev => !prev);
|
||||
setShowCoachs(prev => !prev);
|
||||
setShowActivites(false);
|
||||
setShowAthletes(false);
|
||||
setShowSessions(false);
|
||||
|
||||
}
|
||||
|
||||
function onSessionClick(): void {
|
||||
setShowSessions(prev => !prev);
|
||||
setShowActivites(false);
|
||||
setShowAthletes(false);
|
||||
setShowCoachs(false);
|
||||
|
||||
}
|
||||
|
||||
@@ -60,12 +81,13 @@ export default function RessourcePanel() {
|
||||
if (v === "athletes") onAthletesClick();
|
||||
else if (v === "activites") onActivitiesClick();
|
||||
else if (v === "coach") onCoachClick();
|
||||
else {setShowAthletes(false); setShowActivites(false); setShowCoach(false)}
|
||||
else if (v === "session") onSessionClick();
|
||||
else {setShowAthletes(false); setShowActivites(false); setShowCoachs(false); setShowSessions(false)}
|
||||
}}>
|
||||
<option>Choissisez la ressource</option>
|
||||
<option value="athletes">Athlètes</option>
|
||||
<option value="activites">Activités</option>
|
||||
{user.role === "Admin" && <option value="coach"> Coach</option>}
|
||||
<option value="session"> Session</option>
|
||||
</select>
|
||||
|
||||
{showAthletes && (
|
||||
@@ -82,13 +104,20 @@ export default function RessourcePanel() {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{showCoach && (
|
||||
<div className="edt_coach_panel">
|
||||
{showCoachs && (
|
||||
<div className="edt_coachs_panel">
|
||||
<h3>Liste des coachs</h3>
|
||||
<CoachList coachs={allCoachs} />
|
||||
</div>
|
||||
)}
|
||||
|
||||
{showSessions && (
|
||||
<div className="edt_sessions_panel">
|
||||
<h3>Liste des sessions</h3>
|
||||
<SessionList sessions={allSessions} />
|
||||
</div>
|
||||
)}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user