p5.js-web-editor/client/modules/IDE/components/TextOutput.js

40 lines
845 B
JavaScript
Raw Normal View History

2016-08-15 22:06:09 +00:00
import React from 'react';
2016-08-15 16:12:25 +00:00
class TextOutput extends React.Component {
componentDidMount() {
2016-09-01 16:51:38 +00:00
this.refs.canvasTextOutput.focus();
2016-08-15 16:12:25 +00:00
}
render() {
return (
2016-08-15 22:06:09 +00:00
<section
2016-08-16 00:28:18 +00:00
className="text-output"
2016-08-15 22:06:09 +00:00
id="canvas-sub"
2016-09-01 16:51:38 +00:00
ref="canvasTextOutput"
2016-08-15 22:06:09 +00:00
tabIndex="0"
aria-label="text-output"
title="canvas text output"
>
2016-09-01 03:07:43 +00:00
<h2> Output </h2>
2016-08-15 16:12:25 +00:00
<section id="textOutput-content">
</section>
2016-08-15 22:06:09 +00:00
<p
tabIndex="0"
2016-08-24 17:10:06 +00:00
role="main"
2016-08-15 22:06:09 +00:00
id="textOutput-content-summary"
aria-label="text output summary"
>
</p>
2016-08-16 01:09:47 +00:00
<table
2016-08-15 22:06:09 +00:00
tabIndex="0"
2016-08-24 17:10:06 +00:00
role="main"
2016-08-15 22:06:09 +00:00
id="textOutput-content-details"
2016-09-01 03:07:43 +00:00
aria-label="text output details"
2016-08-15 22:06:09 +00:00
>
2016-08-15 16:12:25 +00:00
</table>
2016-08-15 22:06:09 +00:00
</section>
2016-08-15 16:12:25 +00:00
);
}
}
export default TextOutput;