schala/static/main.jsx
2017-09-21 09:25:39 -07:00

51 lines
1.1 KiB
JavaScript

const React = require("react");
const ReactDOM = require("react-dom");
const request = require("request");
const serverAddress = "http://localhost:8000";
class CodeArea extends React.Component {
constructor(props) {
super(props);
this.state = {value: ""};
this.handleChange = this.handleChange.bind(this);
this.submit = this.submit.bind(this);
}
handleChange(event) {
this.setState({value: event.target.value});
}
submit(event) {
/*
console.log("This", this.state.value);
const options = {
url: `${serverAddress}/input`,
json: true,
body: {source: this.state.value}
};
request.post(options, (error, response, body) => {
console.log("resp", response);
console.log("body", body);
});
*/
}
render() {
return (<div>
<textarea value={ this.state.value } onChange={this.handleChange}>
</textarea>
<button onClick={ this.submit }>Run!</button>
</div>);
}
}
const main = (<div>
<h1>Schala web input</h1>
<p>Write your source code here</p>
<CodeArea/>
</div>);
const rootDom = document.getElementById("main");
ReactDOM.render(main, rootDom);