mirror of
https://github.com/Unleash/unleash.git
synced 2024-12-28 00:06:53 +01:00
98 lines
2.6 KiB
JavaScript
98 lines
2.6 KiB
JavaScript
var React = require('react'),
|
|
StrategyList = require('./StrategyList'),
|
|
StrategyForm = require('./StrategyForm'),
|
|
strategyStore = require('../../stores/StrategyStore'),
|
|
ErrorMessages = require('../ErrorMessages');
|
|
|
|
var StrategiesComponent = React.createClass({
|
|
getInitialState: function() {
|
|
return {
|
|
createView: false,
|
|
strategies: [],
|
|
errors: []
|
|
};
|
|
},
|
|
|
|
componentDidMount: function () {
|
|
this.fetchStrategies();
|
|
},
|
|
|
|
fetchStrategies: function(res) {
|
|
strategyStore.getStrategies()
|
|
.then(function(res) {
|
|
this.setState({strategies: res.strategies})
|
|
}.bind(this))
|
|
.catch(this.initError);
|
|
|
|
},
|
|
|
|
initError: function() {
|
|
this.onError("Could not load inital strategies from server");
|
|
},
|
|
|
|
clearErrors: function() {
|
|
this.setState({errors: []});
|
|
},
|
|
|
|
onError: function(error) {
|
|
var errors = this.state.errors.concat([error]);
|
|
this.setState({errors: errors});
|
|
},
|
|
|
|
onNewStrategy: function() {
|
|
this.setState({createView: true});
|
|
},
|
|
|
|
onCancelNewStrategy: function() {
|
|
this.setState({createView: false});
|
|
},
|
|
|
|
onSave: function(strategy) {
|
|
function handleSuccess() {
|
|
var strategies = this.state.strategies.concat([strategy]);
|
|
|
|
this.setState({
|
|
createView: false,
|
|
strategies: strategies
|
|
});
|
|
|
|
console.log("Saved strategy: ", strategy);
|
|
}
|
|
|
|
strategyStore.createStrategy(strategy)
|
|
.then(handleSuccess.bind(this))
|
|
.catch(this.onError);
|
|
},
|
|
|
|
onRemove: function(strategy) {
|
|
strategyStore.removeStrategy(strategy)
|
|
.then(this.fetchStrategies)
|
|
.catch(this.onError);
|
|
},
|
|
|
|
render: function() {
|
|
return (
|
|
<div>
|
|
<ErrorMessages errors={this.state.errors} onClearErrors={this.clearErrors} />
|
|
|
|
{this.state.createView ? this.renderCreateView() : this.renderCreateButton()}
|
|
|
|
<hr />
|
|
|
|
<StrategyList strategies={this.state.strategies} onRemove={this.onRemove} />
|
|
</div>
|
|
);
|
|
},
|
|
|
|
renderCreateView: function() {
|
|
return (<StrategyForm onCancelNewStrategy={this.onCancelNewStrategy} onSave={this.onSave} />)
|
|
},
|
|
|
|
renderCreateButton: function() {
|
|
return (
|
|
<button className="mal" onClick={this.onNewStrategy}>Create strategy</button>
|
|
);
|
|
}
|
|
});
|
|
|
|
module.exports = StrategiesComponent; |