Skip to content
Snippets Groups Projects
Commit 8111186f authored by chris's avatar chris
Browse files

add answer option

parent 293fbf16
No related branches found
No related tags found
1 merge request!366Questions read only
......@@ -22,7 +22,7 @@ const SubmitButton = styled.button`
top: 16px;
`;
const t = `<p class="paragraph"></p><div id="84db3734-94ed-4dd0-82bb-15404854df0f" class="multiple-choice"><div class="multiple-choice-question" id="38de8538-647a-489d-8474-f92d0d256c32"><p class="paragraph">question</p></div><div class="multiple-choice-option" id="debb868e-bbfe-4ba2-bf93-c963153ff791" correct="false" feedback="feedback 1"><p class="paragraph">answer 1</p></div><div class="multiple-choice-option" id="810bcf10-4fcb-4d1e-9dab-ce35cbd28527" correct="true" feedback="feedback 2"><p class="paragraph">answer 2</p></div></div>`;
const t = `<p class="paragraph"></p><div id="" class="multiple-choice"><div class="multiple-choice-question" id="38de8538-647a-489d-8474-f92d0d256c32"><p class="paragraph">question </p></div><div class="multiple-choice-option" id="debb868e-bbfe-4ba2-bf93-c963153ff791" correct="false" correctanswer="false" feedback="feedback 1"><p class="paragraph">answer 1</p></div><div class="multiple-choice-option" id="810bcf10-4fcb-4d1e-9dab-ce35cbd28527" correct="true" correctanswer="false" feedback="feedback 2"><p class="paragraph">answer 2</p></div></div>`;
const Hhmi = () => {
const [submited, isSubmited] = useState(false);
......@@ -39,9 +39,9 @@ const Hhmi = () => {
customValues={{ showFeedBack: submited }}
fileUpload={file => renderImage(file)}
value={t}
readonly
// readonly
layout={HhmiLayout}
// onChange={source => console.log(source)}
onChange={source => console.log(source)}
/>
</>
);
......
......@@ -5,6 +5,7 @@ const multipleChoiceSingleCorrectNode = {
class: { default: 'multiple-choice-option-single-correct' },
id: { default: uuidv4() },
correct: { default: false },
answer: { default: false },
feedback: { default: '' },
},
group: 'block questions',
......@@ -19,6 +20,7 @@ const multipleChoiceSingleCorrectNode = {
id: dom.getAttribute('id'),
class: dom.getAttribute('class'),
correct: JSON.parse(dom.getAttribute('correct').toLowerCase()),
answer: JSON.parse(dom.getAttribute('answer').toLowerCase()),
feedback: dom.getAttribute('feedback'),
};
},
......
......@@ -5,6 +5,7 @@ const trueFalseNode = {
class: { default: 'true-false-option' },
id: { default: uuidv4() },
correct: { default: false },
answer: { default: false },
feedback: { default: '' },
},
group: 'block questions',
......@@ -19,6 +20,7 @@ const trueFalseNode = {
id: dom.getAttribute('id'),
class: dom.getAttribute('class'),
correct: JSON.parse(dom.getAttribute('correct').toLowerCase()),
answer: JSON.parse(dom.getAttribute('answer').toLowerCase()),
feedback: dom.getAttribute('feedback'),
};
},
......
......@@ -5,6 +5,7 @@ const trueFalseSingleCorrectNode = {
class: { default: 'true-false-single-correct-option' },
id: { default: uuidv4() },
correct: { default: false },
answer: { default: false },
feedback: { default: '' },
},
group: 'block questions',
......@@ -19,6 +20,7 @@ const trueFalseSingleCorrectNode = {
id: dom.getAttribute('id'),
class: dom.getAttribute('class'),
correct: JSON.parse(dom.getAttribute('correct').toLowerCase()),
answer: JSON.parse(dom.getAttribute('answer').toLowerCase()),
feedback: dom.getAttribute('feedback'),
};
},
......
......@@ -62,7 +62,7 @@ const CustomSwitch = ({ node, getPos }) => {
main.dispatch(
main.state.tr.setNodeMarkup(getPos(), undefined, {
...singleNode.node.attrs,
correctAnswer: !checkedAnswerMode,
answer: !checkedAnswerMode,
}),
);
}
......
......@@ -5,15 +5,12 @@ const multipleChoiceNode = {
class: { default: 'multiple-choice-option' },
id: { default: uuidv4() },
correct: { default: false },
correctAnswer: { default: false },
answer: { default: false },
feedback: { default: '' },
},
group: 'block questions',
content: 'block*',
defining: true,
// selectable: true,
// draggable: true,
// atom: true,
parseDOM: [
{
tag: 'div.multiple-choice-option',
......@@ -22,6 +19,7 @@ const multipleChoiceNode = {
id: dom.getAttribute('id'),
class: dom.getAttribute('class'),
correct: JSON.parse(dom.getAttribute('correct').toLowerCase()),
answer: JSON.parse(dom.getAttribute('answer').toLowerCase()),
feedback: dom.getAttribute('feedback'),
};
},
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment