diff --git a/editors/demo/src/Editors.js b/editors/demo/src/Editors.js index abd0628fb70695fdd171c22a2956784070ef3345..d19991a2ed8613a7f85ed0fed95a7dc6ef294736 100644 --- a/editors/demo/src/Editors.js +++ b/editors/demo/src/Editors.js @@ -70,7 +70,7 @@ const Editors = () => { case 'ncbi': return <NCBI />; default: - return <Editoria />; + return <HHMI />; } }; diff --git a/editors/demo/src/HHMI/HHMI.js b/editors/demo/src/HHMI/HHMI.js index 39d314117da0ed7e2e749bbb6cd7f7a71f8ca965..a30b810a302078879a380f80c16f6861672f5585 100644 --- a/editors/demo/src/HHMI/HHMI.js +++ b/editors/demo/src/HHMI/HHMI.js @@ -15,7 +15,7 @@ const renderImage = file => { }); }; -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=""><p class="paragraph">answer 1</p></div><div class="multiple-choice-option" id="810bcf10-4fcb-4d1e-9dab-ce35cbd28527" correct="false" feedback=""><p class="paragraph">answer 2</p></div></div>`; +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=""><p class="paragraph">answer 1</p></div><div class="multiple-choice-option" id="810bcf10-4fcb-4d1e-9dab-ce35cbd28527" correct="true" feedback=""><p class="paragraph">answer 2</p></div></div>`; const Hhmi = () => { return ( @@ -25,7 +25,7 @@ const Hhmi = () => { autoFocus fileUpload={file => renderImage(file)} value={t} - // readonly + readonly layout={HhmiLayout} // onChange={source => console.log(source)} /> diff --git a/wax-prosemirror-services/src/MultipleChoiceQuestionService/components/SwitchComponent.js b/wax-prosemirror-services/src/MultipleChoiceQuestionService/components/SwitchComponent.js index 3e49b17a6db06d38fc2a7babce6e8b72edbfe40f..4cc9b34090340e0d0a6be893e93a140626f740f6 100644 --- a/wax-prosemirror-services/src/MultipleChoiceQuestionService/components/SwitchComponent.js +++ b/wax-prosemirror-services/src/MultipleChoiceQuestionService/components/SwitchComponent.js @@ -27,9 +27,16 @@ const CustomSwitch = ({ node, getPos }) => { const context = useContext(WaxContext); const [checked, setChecked] = useState(false); const { + view, view: { main }, } = context; + const isEditable = view.main.props.editable(editable => { + return editable; + }); + + console.log(isEditable); + useEffect(() => { const allNodes = getNodes(main); allNodes.forEach(singNode => { @@ -56,7 +63,7 @@ const CustomSwitch = ({ node, getPos }) => { return ( <StyledSwitch - checked={checked} + checked={isEditable ? checked : false} checkedChildren="YES" label="Correct?" labelPosition="left" diff --git a/wax-prosemirror-services/src/MultipleChoiceQuestionService/schema/multipleChoiceNode.js b/wax-prosemirror-services/src/MultipleChoiceQuestionService/schema/multipleChoiceNode.js index b828697d3612c41a0932212ed96a77e88e8321d8..9d1ff88675fc561093bc6fe927a8a419d8403f51 100644 --- a/wax-prosemirror-services/src/MultipleChoiceQuestionService/schema/multipleChoiceNode.js +++ b/wax-prosemirror-services/src/MultipleChoiceQuestionService/schema/multipleChoiceNode.js @@ -5,6 +5,7 @@ const multipleChoiceNode = { class: { default: 'multiple-choice-option' }, id: { default: uuidv4() }, correct: { default: false }, + correctAnswer: { default: false }, feedback: { default: '' }, }, group: 'block questions', diff --git a/wax-prosemirror-services/src/OverlayService/usePosition.js b/wax-prosemirror-services/src/OverlayService/usePosition.js index 5553fa494045cf2a90d87f359229d99b4fcd88c1..d5e63043f6901b59253228b90a30b28c49f96376 100644 --- a/wax-prosemirror-services/src/OverlayService/usePosition.js +++ b/wax-prosemirror-services/src/OverlayService/usePosition.js @@ -33,8 +33,8 @@ export default options => { const WaxSurface = focusedView.dom.getBoundingClientRect(); const start = focusedView.coordsAtPos(from); const end = focusedView.coordsAtPos(to); - const left = end.left - WaxSurface.left + 5; - const top = end.top - WaxSurface.top + 20; + const { left } = end; + const top = end.top + 20; return { top, left,