var Question = React.createClass({
render: function () {
return
{this.props.a} < {this.props.b}
Guľôčka č. {this.props.a} je ľahšia ako guľôčka č. {this.props.b}.
;
}
});
var QuestionList = React.createClass({
url: '/specialne/prask/2/4/1/api/query/',
getInitialState: function () {
return {
form_a: '',
form_b: '',
questions: [],
pending: false
}
},
componentDidMount: function () {
this.setState({pending:true});
$.getJSON(this.url, function (data) {
if (data.status == 'Success') {
this.setState({questions: data.queries, pending: false});
}
}.bind(this));
},
handleReset: function () {
this.setState({pending:true});
$.ajax({
url: this.url,
type: 'DELETE',
dataType: 'json',
success: function (data) {
if (data.status == 'Success') {
this.setState({questions: data.queries, pending: false});
}
}.bind(this)
});
},
handleFormAChange: function (event) {
var new_a = event.target.value;
this.setState({form_a: new_a});
},
handleFormBChange: function (event) {
var new_b = event.target.value;
this.setState({form_b: new_b});
},
handleSubmit: function (event) {
this.setState({pending: true});
$.post(
this.url,
{a: this.state.form_a, b: this.state.form_b},
function (data) {
if (data.status == 'Success') {
this.setState({questions: data.queries, pending: false});
} else {
this.setState({pending: false});
alert(data.message);
}
}.bind(this), 'json');
event.stopPropagation();
event.preventDefault();
},
render: function () {
var questions;
if (this.state.questions.length) {
questions = {this.state.questions.map(function (item, index) {
return ;
})}
;
} else {
questions = Ešte si nepoložil žiadnu otázku
}
var pending = '';
if (this.state.pending) {
pending = ;
}
return
Odpovede na tvoje doterajšie otázky:
{questions}
Nová otázka
;
}
});
ReactDOM.render(
, document.getElementById("plugin_prask_2_4_1/questions")
);