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

Confusion avec la navigation dans les questions à rythme de l'enseignant

Browse source 
Fixes #145
This commit is contained in:
JubaAzul 2025-01-22 15:28:45 -05:00
parent 3e9152fa5c
commit 22f988f2ad
2 changed files with 21 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/Questions/MultipleChoiceQuestion/MultipleChoiceQuestion.tsx
View file

@ -23,7 +23,7 @@ interface Props {
}
const MultipleChoiceQuestion: React.FC<Props> = (props) => {
const { questionStem: questionContent, choices, showAnswer, handleOnSubmitAnswer, globalFeedback } = props;
const [answer, setAnswer] = useState<string>();

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

@ -261,16 +261,15 @@ const ManageRoom: React.FC = () => {
webSocketService.nextQuestion(roomName, quizQuestions[nextQuestionIndex]);
};
// const previousQuestion = () => {
// if (!quizQuestions || !currentQuestion || !quiz?.content) return;
const previousQuestion = () => {
if (!quizQuestions || !currentQuestion || !quiz?.content) return;
// const prevQuestionIndex = Number(currentQuestion?.question.id) - 2; // -2 because question.id starts at index 1
const prevQuestionIndex = Number(currentQuestion?.question.id) - 2; // -2 because question.id starts at index 1
// if (prevQuestionIndex === undefined || prevQuestionIndex < 0) return;
// setCurrentQuestion(quizQuestions[prevQuestionIndex]);
// webSocketService.nextQuestion(roomName, quizQuestions[prevQuestionIndex]);
// };
if (prevQuestionIndex === undefined || prevQuestionIndex < 0) return;
setCurrentQuestion(quizQuestions[prevQuestionIndex]);
webSocketService.nextQuestion(roomName, quizQuestions[prevQuestionIndex]);
};
const initializeQuizQuestion = () => {
const quizQuestionArray = quiz?.content;
@ -493,13 +492,23 @@ const ManageRoom: React.FC = () => {
</div>
{quizMode === 'teacher' && (
<div className="questionNavigationButtons" style={{ display: 'flex', justifyContent: 'center' }}>
<div className="previousQuestionButton">
<Button onClick={previousQuestion}
variant="contained"
disabled={Number(currentQuestion?.question.id) <= 1}>
Question précedente
</Button>
</div>
<div className="nextQuestionButton">
<Button onClick={nextQuestion} variant="contained" >
<Button onClick={nextQuestion}
variant="contained"
disabled={Number(currentQuestion?.question.id) >=quizQuestions.length}
>
Prochaine question
</Button>
</div>
)}
</div> )}
</div>