From 450e11cf512ff04f7d57e2e14cd72810d034d88f Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Thu, 3 Mar 2022 12:00:40 +0200 Subject: [PATCH] essay readOnly --- editors/demo/src/Editors.js | 2 +- wax-prosemirror-components/src/ui/tabs/BlockLevelTools.js | 2 +- wax-prosemirror-core/src/Wax.js | 1 - wax-prosemirror-core/src/WaxView.js | 2 +- .../src/EssayService/components/EssayAnswerComponent.js | 6 ++++-- 5 files changed, 7 insertions(+), 6 deletions(-) diff --git a/editors/demo/src/Editors.js b/editors/demo/src/Editors.js index abd0628fb..d19991a2e 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/wax-prosemirror-components/src/ui/tabs/BlockLevelTools.js b/wax-prosemirror-components/src/ui/tabs/BlockLevelTools.js index 1597c036c..4da9fb35f 100644 --- a/wax-prosemirror-components/src/ui/tabs/BlockLevelTools.js +++ b/wax-prosemirror-components/src/ui/tabs/BlockLevelTools.js @@ -22,8 +22,8 @@ const BlockLevelTools = props => { groups.map(group => ( <BlockElementGroup groupName={group.groupName} - key={group.groupName} items={group.items} + key={group.groupName} view={view} /> ))} diff --git a/wax-prosemirror-core/src/Wax.js b/wax-prosemirror-core/src/Wax.js index 1aa1373a3..b94cde27f 100644 --- a/wax-prosemirror-core/src/Wax.js +++ b/wax-prosemirror-core/src/Wax.js @@ -2,7 +2,6 @@ import React, { useEffect, useState, forwardRef } from 'react'; import { DOMSerializer } from 'prosemirror-model'; import { DefaultSchema } from 'wax-prosemirror-utilities'; - import WaxProvider from './WaxContext'; import PortalProvider from './PortalContext'; import Application from './Application'; diff --git a/wax-prosemirror-core/src/WaxView.js b/wax-prosemirror-core/src/WaxView.js index 7ff86c91d..6f51fe61b 100644 --- a/wax-prosemirror-core/src/WaxView.js +++ b/wax-prosemirror-core/src/WaxView.js @@ -11,7 +11,7 @@ import React, { } from 'react'; import applyDevTools from 'prosemirror-dev-tools'; -import { EditorState, TextSelection } from 'prosemirror-state'; +import { EditorState } from 'prosemirror-state'; import { EditorView } from 'prosemirror-view'; import { trackedTransaction } from 'wax-prosemirror-services'; import { WaxContext } from './WaxContext'; diff --git a/wax-prosemirror-services/src/EssayService/components/EssayAnswerComponent.js b/wax-prosemirror-services/src/EssayService/components/EssayAnswerComponent.js index ac28f3602..68e48c726 100644 --- a/wax-prosemirror-services/src/EssayService/components/EssayAnswerComponent.js +++ b/wax-prosemirror-services/src/EssayService/components/EssayAnswerComponent.js @@ -22,6 +22,8 @@ const EditorWrapper = styled.div` display: flex; flex: 2 1 auto; justify-content: left; + opacity: ${props => (props.editable ? 1 : 0.4)}; + cursor: ${props => (props.editable ? 'default' : 'not-allowed')}; .ProseMirror { white-space: break-spaces; @@ -118,7 +120,7 @@ const EssayAnswerComponent = ({ node, view, getPos }) => { mount: editorRef.current, }, { - editable: () => isEditable, + editable: () => !isEditable, state: EditorState.create({ doc: node, plugins: finalPlugins, @@ -191,7 +193,7 @@ const EssayAnswerComponent = ({ node, view, getPos }) => { }; return ( - <EditorWrapper> + <EditorWrapper editable={!isEditable}> <div ref={editorRef} /> </EditorWrapper> ); -- GitLab