From 96b8d449c9b32cd4c4184c2f46c6aa01da2e9ae9 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Mon, 26 Jul 2021 13:21:52 +0300
Subject: [PATCH] add option
---
.../MultipleChoiceQuestion.js | 8 +----
.../components/QuestionComponent.js | 34 ++++++++++++++++---
2 files changed, 31 insertions(+), 11 deletions(-)
diff --git a/editors/demo/src/HHMI/MultipleChoiceQuestionService/MultipleChoiceQuestion.js b/editors/demo/src/HHMI/MultipleChoiceQuestionService/MultipleChoiceQuestion.js
index 602452328..33e965293 100644
--- a/editors/demo/src/HHMI/MultipleChoiceQuestionService/MultipleChoiceQuestion.js
+++ b/editors/demo/src/HHMI/MultipleChoiceQuestionService/MultipleChoiceQuestion.js
@@ -16,15 +16,9 @@ const checkifEmpty = view => {
};
const createQuestion = (state, dispatch, tr) => {
- console.log(state.selection);
- const { empty, $from, $to } = state.selection;
- let content = Fragment.empty;
- if (!empty && $from.sameParent($to) && $from.parent.inlineContent)
- content = $from.parent.content.cut($from.parentOffset, $to.parentOffset);
-
const answerOption = state.config.schema.nodes.multiple_choice.create(
{ id: uuidv4() },
- content,
+ Fragment.empty,
);
dispatch(tr.replaceSelectionWith(answerOption));
};
diff --git a/editors/demo/src/HHMI/MultipleChoiceQuestionService/components/QuestionComponent.js b/editors/demo/src/HHMI/MultipleChoiceQuestionService/components/QuestionComponent.js
index f16d47f0c..8d684a0f8 100644
--- a/editors/demo/src/HHMI/MultipleChoiceQuestionService/components/QuestionComponent.js
+++ b/editors/demo/src/HHMI/MultipleChoiceQuestionService/components/QuestionComponent.js
@@ -11,6 +11,7 @@ import EditorComponent from './EditorComponent';
import FeedbackComponent from './FeedbackComponent';
import SwitchComponent from './SwitchComponent';
import Button from './Button';
+import { nodes } from 'prosemirror-schema-basic';
const Wrapper = styled.div`
display: flex;
@@ -115,12 +116,34 @@ export default ({ node, view, getPos }) => {
});
};
- const addOption = () => {
- console.log(node);
+ const addOption = nodeId => {
+ context.view.main.state.doc.descendants((editorNode, index) => {
+ if (editorNode.type.name === 'multiple_choice') {
+ if (editorNode.attrs.id === nodeId) {
+ context.view.main.dispatch(
+ context.view.main.state.tr.setSelection(
+ new TextSelection(
+ context.view.main.state.tr.doc.resolve(
+ editorNode.nodeSize + index,
+ ),
+ ),
+ ),
+ );
+
+ const answerOption = context.view.main.state.config.schema.nodes.multiple_choice.create(
+ { id: uuidv4() },
+ Fragment.empty,
+ );
+ context.view.main.dispatch(
+ context.view.main.state.tr.replaceSelectionWith(answerOption),
+ );
+ }
+ }
+ });
};
const questionNumber = 1;
- const readOnly = isEditable;
+ const readOnly = !isEditable;
const showAddIcon = true;
const showRemoveIcon = true;
@@ -152,7 +175,10 @@ export default ({ node, view, getPos }) => {
{showAddIcon && !readOnly && (
<Button
icon={
- <PlusSquareOutlined onClick={addOption} title="Add Option" />
+ <PlusSquareOutlined
+ onClick={() => addOption(node.attrs.id)}
+ title="Add Option"
+ />
}
/>
)}
--
GitLab