Skip to content
Snippets Groups Projects
Commit 84b78aa5 authored by chris's avatar chris
Browse files

fix feedback insert

parent 459f1aa7
No related branches found
No related tags found
1 merge request!416fix feedback insert
Hide whitespace changes
Inline Side-by-side
Showing
with 13 additions and 176 deletions
editors/demo/src/HHMI/HHMI.js
+ 1
− 1
View file @ 84b78aa5
......@@ -170,7 +170,7 @@ const Hhmi = () => {
value={content}
readonly={readOnly}
layout={HhmiLayout}
// onChange={source => console.log(source)}
onChange={source => console.log(source)}
/>
</>
);
......
wax-prosemirror-services/src/FillTheGapQuestionService/components/FeedbackComponent.js
+ 2
− 42
View file @ 84b78aa5
......@@ -37,42 +37,11 @@ export default ({ node, view, getPos, readOnly }) => {
const {
pmViews: { main },
} = context;
const [feedBack, setFeedBack] = useState(' ');
const [isFirstRun, setFirstRun] = useState(true);
const [typing, setTyping] = useState(false);
const [feedBack, setFeedBack] = useState(node.attrs.feedback);
const feedBackRef = useRef(null);
useEffect(() => {
const allNodes = getNodes(main);
allNodes.forEach(singleNode => {
if (singleNode.node.attrs.id === node.attrs.id) {
if (!typing || context.transaction.meta.inputType === 'Redo') {
setFeedBack(singleNode.node.attrs.feedback);
}
if (!isFirstRun) {
if (singleNode.node.attrs.feedback === '')
setFeedBack(singleNode.node.attrs.feedback);
}
}
});
}, [getNodes(main)]);
const handleKeyDown = e => {
setTyping(true);
if (e.key === 'Backspace') {
main.dispatch(
main.state.tr.setSelection(
TextSelection.create(main.state.tr.doc, null),
),
);
}
};
const feedBackInput = () => {
setFeedBack(feedBackRef.current.value);
};
const saveFeedBack = () => {
const allNodes = getNodes(main);
allNodes.forEach(singleNode => {
if (singleNode.node.attrs.id === node.attrs.id) {
......@@ -82,27 +51,18 @@ export default ({ node, view, getPos, readOnly }) => {
feedback: feedBack,
}),
);
setFirstRun(false);
}
});
return false;
};
const onFocus = () => {
main.dispatch(
main.state.tr.setSelection(TextSelection.create(main.state.tr.doc, null)),
);
};
return (
<FeedBack>
<FeedBackLabel>Feedback</FeedBackLabel>
<FeedBackInput
autoFocus="autoFocus"
disabled={readOnly}
onBlur={saveFeedBack}
onChange={feedBackInput}
onFocus={onFocus}
onKeyDown={handleKeyDown}
placeholder="Insert feedback"
ref={feedBackRef}
type="text"
......
wax-prosemirror-services/src/MatchingService/components/FeedbackComponent.js
+ 3
− 44
View file @ 84b78aa5
/* eslint-disable react/prop-types */
import React, { useContext, useRef, useState, useEffect } from 'react';
import React, { useContext, useRef, useState } from 'react';
import styled from 'styled-components';
import { TextSelection } from 'prosemirror-state';
import { WaxContext } from 'wax-prosemirror-core';
import { DocumentHelpers } from 'wax-prosemirror-utilities';
......@@ -36,42 +35,11 @@ export default ({ node, view, getPos, readOnly }) => {
const {
pmViews: { main },
} = context;
const [feedBack, setFeedBack] = useState('');
const [isFirstRun, setFirstRun] = useState(true);
const [typing, setTyping] = useState(false);
const [feedBack, setFeedBack] = useState(node.attrs.feedback);
const feedBackRef = useRef(null);
useEffect(() => {
const allNodes = getNodes(main);
allNodes.forEach(singleNode => {
if (singleNode.node.attrs.id === node.attrs.id) {
if (!typing || context.transaction.meta.inputType === 'Redo') {
setFeedBack(singleNode.node.attrs.feedback);
}
if (!isFirstRun) {
if (singleNode.node.attrs.feedback === '')
setFeedBack(singleNode.node.attrs.feedback);
}
}
});
}, [getNodes(main)]);
const handleKeyDown = e => {
setTyping(true);
if (e.key === 'Backspace') {
main.dispatch(
main.state.tr.setSelection(
TextSelection.create(main.state.tr.doc, null),
),
);
}
};
const feedBackInput = () => {
setFeedBack(feedBackRef.current.value);
};
const saveFeedBack = () => {
const allNodes = getNodes(main);
allNodes.forEach(singleNode => {
if (singleNode.node.attrs.id === node.attrs.id) {
......@@ -81,27 +49,18 @@ export default ({ node, view, getPos, readOnly }) => {
feedback: feedBack,
}),
);
setFirstRun(false);
}
});
return false;
};
const onFocus = () => {
main.dispatch(
main.state.tr.setSelection(TextSelection.create(main.state.tr.doc, null)),
);
};
return (
<FeedBack>
<FeedBackLabel>Feedback</FeedBackLabel>
<FeedBackInput
autoFocus="autoFocus"
disabled={readOnly}
onBlur={saveFeedBack}
onChange={feedBackInput}
onFocus={onFocus}
onKeyDown={handleKeyDown}
placeholder="Insert feedback"
ref={feedBackRef}
type="text"
......
wax-prosemirror-services/src/MultipleChoiceQuestionService/components/FeedbackComponent.js
+ 3
− 44
View file @ 84b78aa5
/* eslint-disable react/prop-types */
import React, { useContext, useRef, useState, useEffect } from 'react';
import React, { useContext, useRef, useState } from 'react';
import styled from 'styled-components';
import { TextSelection } from 'prosemirror-state';
import { WaxContext } from 'wax-prosemirror-core';
import { DocumentHelpers } from 'wax-prosemirror-utilities';
......@@ -36,42 +35,11 @@ export default ({ node, view, getPos, readOnly }) => {
pmViews: { main },
} = context;
const [feedBack, setFeedBack] = useState(' ');
const [isFirstRun, setFirstRun] = useState(true);
const [typing, setTyping] = useState(false);
const [feedBack, setFeedBack] = useState(node.attrs.feedback);
const feedBackRef = useRef(null);
useEffect(() => {
const allNodes = getNodes(main);
allNodes.forEach(singleNode => {
if (singleNode.node.attrs.id === node.attrs.id) {
if (!typing || context.transaction.meta.inputType === 'Redo') {
setFeedBack(singleNode.node.attrs.feedback);
}
if (!isFirstRun) {
if (singleNode.node.attrs.feedback === '')
setFeedBack(singleNode.node.attrs.feedback);
}
}
});
}, [getNodes(main)]);
const handleKeyDown = e => {
setTyping(true);
if (e.key === 'Backspace') {
main.dispatch(
main.state.tr.setSelection(
TextSelection.create(main.state.tr.doc, null),
),
);
}
};
const feedBackInput = () => {
setFeedBack(feedBackRef.current.value);
};
const saveFeedBack = () => {
const allNodes = getNodes(main);
allNodes.forEach(singleNode => {
if (singleNode.node.attrs.id === node.attrs.id) {
......@@ -81,26 +49,17 @@ export default ({ node, view, getPos, readOnly }) => {
feedback: feedBack,
}),
);
setFirstRun(false);
}
});
return false;
};
const onFocus = () => {
main.dispatch(
main.state.tr.setSelection(TextSelection.create(main.state.tr.doc, null)),
);
};
return (
<FeedBack>
<FeedBackLabel>Feedback</FeedBackLabel>
<FeedBackInput
onBlur={saveFeedBack}
autoFocus="autoFocus"
onChange={feedBackInput}
onFocus={onFocus}
onKeyDown={handleKeyDown}
placeholder="Insert feedback"
readOnly={readOnly}
ref={feedBackRef}
......
wax-prosemirror-services/src/MultipleChoiceQuestionService/schema/multipleChoiceNode.js
+ 1
− 1
View file @ 84b78aa5
......@@ -7,7 +7,7 @@ const multipleChoiceNode = {
feedback: { default: '' },
},
group: 'block questions',
content: 'block+',
content: 'block*',
defining: true,
parseDOM: [
{
......
wax-prosemirror-services/src/MultipleDropDownService/components/FeedbackComponent.js
+ 3
− 44
View file @ 84b78aa5
/* eslint-disable react/prop-types */
import React, { useContext, useRef, useState, useEffect } from 'react';
import React, { useContext, useRef, useState } from 'react';
import styled from 'styled-components';
import { TextSelection } from 'prosemirror-state';
import { WaxContext } from 'wax-prosemirror-core';
import { DocumentHelpers } from 'wax-prosemirror-utilities';
......@@ -37,42 +36,11 @@ export default ({ node, view, getPos, readOnly }) => {
const {
pmViews: { main },
} = context;
const [feedBack, setFeedBack] = useState(' ');
const [isFirstRun, setFirstRun] = useState(true);
const [typing, setTyping] = useState(false);
const [feedBack, setFeedBack] = useState(node.attrs.feedback);
const feedBackRef = useRef(null);
useEffect(() => {
const allNodes = getNodes(main);
allNodes.forEach(singleNode => {
if (singleNode.node.attrs.id === node.attrs.id) {
if (!typing || context.transaction.meta.inputType === 'Redo') {
setFeedBack(singleNode.node.attrs.feedback);
}
if (!isFirstRun) {
if (singleNode.node.attrs.feedback === '')
setFeedBack(singleNode.node.attrs.feedback);
}
}
});
}, [getNodes(main)]);
const handleKeyDown = e => {
setTyping(true);
if (e.key === 'Backspace') {
main.dispatch(
main.state.tr.setSelection(
TextSelection.create(main.state.tr.doc, null),
),
);
}
};
const feedBackInput = () => {
setFeedBack(feedBackRef.current.value);
};
const saveFeedBack = () => {
const allNodes = getNodes(main);
allNodes.forEach(singleNode => {
if (singleNode.node.attrs.id === node.attrs.id) {
......@@ -82,27 +50,18 @@ export default ({ node, view, getPos, readOnly }) => {
feedback: feedBack,
}),
);
setFirstRun(false);
}
});
return false;
};
const onFocus = () => {
main.dispatch(
main.state.tr.setSelection(TextSelection.create(main.state.tr.doc, null)),
);
};
return (
<FeedBack>
<FeedBackLabel>Feedback</FeedBackLabel>
<FeedBackInput
autoFocus="autoFocus"
disabled={readOnly}
onBlur={saveFeedBack}
onChange={feedBackInput}
onFocus={onFocus}
onKeyDown={handleKeyDown}
placeholder="Insert feedback"
ref={feedBackRef}
type="text"
......
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