From 44429d74043dcbf6803d66990bac28a35bd932e0 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Thu, 22 Jun 2023 16:33:31 +0300
Subject: [PATCH] show error/correct answer
---
.../components/EditorComponent.js | 12 +++++++++++-
1 file changed, 11 insertions(+), 1 deletion(-)
diff --git a/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js b/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js
index 9ed73a364..4cf2038ef 100644
--- a/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js
+++ b/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js
@@ -45,6 +45,7 @@ const EditorWrapper = styled.span`
const StudentAnswer = styled.span`
border-bottom: 1px solid black;
margin-right: 5px;
+ color: ${props => (props.isCorrect ? ' #008000' : 'red')};
`;
const CorrectAnswers = styled.span`
@@ -168,6 +169,15 @@ const EditorComponent = ({ node, view, getPos }) => {
}
};
+ let isCorrect = false;
+ if (
+ node.textContent
+ .split(';')
+ .find(element => element === node.attrs.answer.trim())
+ ) {
+ isCorrect = true;
+ }
+
return (
(isEditable && !testMode && !showFeedBack && (
<EditorWrapper>
@@ -181,7 +191,7 @@ const EditorComponent = ({ node, view, getPos }) => {
)) ||
(showFeedBack && !testMode && (
<>
- <StudentAnswer>{node.attrs.answer}</StudentAnswer>
+ <StudentAnswer isCorrect={isCorrect}>{node.attrs.answer}</StudentAnswer>
<CorrectAnswers>{`(Aceepted Answers : ${node.textContent.replaceAll(';', ' -')})`}</CorrectAnswers>
</>
)) || <InputComponent getPos={getPos} node={node} view={view} />
--
GitLab