r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

move accessiblity region inside main editor block

Browse source
This commit is contained in:
MathuraMG 2016-08-11 21:26:49 -04:00
parent c8dbb8bef7
commit cd1a803123
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
client/modules/IDE/components/Editor.js
View file

@ -1,4 +1,5 @@
import React, { PropTypes } from 'react';
import EditorAccessibility from '../components/EditorAccessibility';
import CodeMirror from 'codemirror';
import 'codemirror/mode/javascript/javascript';
import 'codemirror/mode/css/css';
@ -98,14 +99,21 @@ class Editor extends React.Component {
render() {
return (
<div>
<div ref="container" className="editor-holder" tabIndex="0" title="code editor" role="main">
</div>
<EditorAccessibility
lintMessages={this.props.lintMessages}
lineNo={this.props.lineNo}
/>
</div>
);
}
}
Editor.propTypes = {
lintWarning: PropTypes.bool.isRequired,
lineNo: PropTypes.string.isRequired,
lintMessages: PropTypes.array.isRequired,
updateLintMessage: PropTypes.func.isRequired,
clearLintMessage: PropTypes.func.isRequired,

3
client/modules/IDE/pages/IDEView.js
View file

@ -1,6 +1,5 @@
import React, { PropTypes } from 'react';
import Editor from '../components/Editor';
import EditorAccessibility from '../components/EditorAccessibility';
import Sidebar from '../components/Sidebar';
import PreviewFrame from '../components/PreviewFrame';
import Toolbar from '../components/Toolbar';
@ -174,8 +173,6 @@ class IDEView extends React.Component {
fontSize={this.props.preferences.fontSize}
indentationAmount={this.props.preferences.indentationAmount}
isTabIndent={this.props.preferences.isTabIndent}
/>
<EditorAccessibility
lintMessages={this.props.editorAccessibility.lintMessages}
lineNo={this.props.editorAccessibility.lineNo}
/>