gmatte/EvalueTonSavoir
1
0
Fork 0
mirror of https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git synced 2025-08-11 21:23:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed question display during quiz

Browse source
This commit is contained in:
KenChanA 2025-04-05 23:10:46 -04:00
parent 0f23620513
commit 7abd8b8019
3 changed files with 46 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/LiveResults/LiveResults.tsx
View file

@ -33,7 +33,7 @@ const LiveResults: React.FC<LiveResultsProps> = ({ questions, showSelectedQuesti
<Accordion defaultActiveKey="0" alwaysOpen>
<Accordion.Item eventKey="0">
<Accordion.Header onClick={() => setIsOpen(!isOpen)}>
<div className="text-2xl text-bold">Résultats du quiz</div>
<div className="text-2xl text-bold">{isOpen ? 'Résultats du quiz' : 'Masquer les résultats'}</div>
</Accordion.Header>
<Accordion.Body>
<div className="action-bar mb-1">

72
client/src/components/QuestionsDisplay/QuestionDisplay.tsx
View file

@ -19,6 +19,7 @@ interface QuestionProps {
showAnswer?: boolean;
students?: StudentType[];
showResults?: boolean;
showAnswerToggle?: boolean;
answer?: AnswerType;
}
@ -26,6 +27,7 @@ const QuestionDisplay: React.FC<QuestionProps> = ({
question,
handleOnSubmitAnswer,
showAnswer,
showAnswerToggle = false,
students,
answer,
}) => {
@ -92,35 +94,49 @@ const QuestionDisplay: React.FC<QuestionProps> = ({
break;
}
return (
<Accordion defaultActiveKey="0" alwaysOpen>
<Accordion.Item eventKey="0">
<Accordion.Header onClick={() => setIsOpen(!isOpen)}>
{isOpen ? 'Masquer les questions' : 'Afficher les questions'}
</Accordion.Header>
<Accordion.Body>
<FormControlLabel
label={<div className="text-sm">Afficher les résultats</div>}
control={
<Switch
value={showResults}
onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
setShowResults(e.target.checked)
}
<>
{showAnswerToggle ? (
<Accordion defaultActiveKey="0" alwaysOpen>
<Accordion.Item eventKey="0">
<Accordion.Header onClick={() => setIsOpen(!isOpen)}>
{isOpen ? 'Afficher les questions' : 'Masquer les questions'}
</Accordion.Header>
<Accordion.Body>
<FormControlLabel
label={<div className="text-sm">Afficher les résultats</div>}
control={
<Switch
value={showResults}
onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
setShowResults(e.target.checked)
}
/>
}
/>
}
/>
<div className="question-container">
{questionTypeComponent ? (
<>
{questionTypeComponent}
</>
) : (
<div>Question de type inconnue</div>
)}
</div>
</Accordion.Body>
</Accordion.Item>
</Accordion>
<div className="question-container">
{questionTypeComponent ? (
<>
{questionTypeComponent}
</>
) : (
<div>Question de type inconnue</div>
)}
</div>
</Accordion.Body>
</Accordion.Item>
</Accordion>
) : (
<div className="question-container">
{questionTypeComponent ? (
<>
{questionTypeComponent}
</>
) : (
<div>Question de type inconnue</div>
)}
</div>
)}
</>
);
};

1
client/src/pages/Teacher/ManageRoom/ManageRoom.tsx
View file

@ -423,6 +423,7 @@ const ManageRoom: React.FC = () => {
{currentQuestion && (
<QuestionDisplay
showAnswer={false}
showAnswerToggle={true}
question={currentQuestion?.question as Question}
students={students}
/>