82207a50d3
* add p5 interceptor submodule * update package * remoce interceptor * update interceptor; * merge scripts * change postinstall script * refactor interceptor files * remove merge conflicts * change source files * add registry class * provide seperate outputs for text and grid * switch textOutput to boolean * make both modules usable together * update interceptor for safari * fix grid label * add sound output as well * change file strucure * change constants * change input lables * switch submodule branch * change variable name * change grid to table * remove role from table elements * switch submodule branch
38 lines
820 B
JavaScript
38 lines
820 B
JavaScript
import React from 'react';
|
|
|
|
class TextOutput extends React.Component {
|
|
componentDidMount() {
|
|
this.TextOutputModal.focus();
|
|
}
|
|
render() {
|
|
return (
|
|
<section
|
|
id="textOutput-content"
|
|
ref={(element) => { this.TextOutputModal = element; }}
|
|
>
|
|
<h2> Text Output </h2>
|
|
<p
|
|
tabIndex="0"
|
|
role="main"
|
|
id="textOutput-content-summary"
|
|
aria-label="text output summary"
|
|
>
|
|
</p>
|
|
<table
|
|
id="textOutput-content-table"
|
|
summary="text output details"
|
|
>
|
|
</table>
|
|
<div
|
|
tabIndex="0"
|
|
role="main"
|
|
id="textOutput-content-details"
|
|
aria-label="text output details"
|
|
>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default TextOutput;
|