Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-28 00:06:53 +01:00
Code Issues Projects Releases Wiki Activity

#13 you can now enable features

Browse Source
This commit is contained in:
andsandv 2014-10-24 10:31:36 +02:00
parent 6804b91d48
commit cdf5bb54e8
1 changed files with 52 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
unleash-server/public/js/unleash.jsx
View File

@ -19,9 +19,22 @@ var UnsavedFeature = React.createClass({
});
var SavedFeature = React.createClass({
onChange: function(event) {
this.props.onChange({
name: this.props.feature.name,
field: 'enabled',
value: event.target.checked
});
},
render: function() {
return (
<div>{this.props.feature.name}</div>
<div>
<span title='{this.props.feature.description}'>{this.props.feature.name}</span>
<span>{this.props.feature.strategy}</span>
<input type='checkbox' checked={this.props.feature.enabled} onChange={this.onChange} />
</div>
);
}
});
@ -32,16 +45,16 @@ var FeatureList = React.createClass({
this.props.unsavedFeatures.forEach(function(feature) {
featureNodes.push(<UnsavedFeature feature={feature} onSubmit={this.props.onFeatureSubmit} />);
});
}.bind(this));
this.props.savedFeatures.forEach(function(feature) {
featureNodes.push(
<SavedFeature
key={feature.name}
feature={feature}
onChange={this.props.onFeatureChange} />
<SavedFeature
key={feature.name}
feature={feature}
onChange={this.props.onFeatureChanged} />
);
});
}.bind(this));
return (<div>{featureNodes}</div>);
}
@ -55,7 +68,7 @@ var Unleash = React.createClass({
componentDidMount: function () {
this.loadFeaturesFromServer();
setInterval(this.loadFeaturesFromServer, this.props.pollInterval);
// setInterval(this.loadFeaturesFromServer, this.props.pollInterval);
},
loadFeaturesFromServer: function () {
@ -67,12 +80,28 @@ var Unleash = React.createClass({
},
handleError: function (error) {
// TODO: ErrorComponent
// TODO: ErrorComponent could use <div class="alert alert-warning" role="alert">...</div>
window.alert(error);
},
updateFeature: function (changeRequest) {
console.log(changeRequest);
var newFeatures = this.state.savedFeatures;
newFeatures.forEach(function(f){
if(f.name === changeRequest.name) {
f[changeRequest.field] = changeRequest.value;
}
});
this.setState({features: newFeatures});
reqwest({
url: 'features/' + changeRequest.name,
method: 'patch',
type: 'json',
contentType: 'application/json',
data: JSON.stringify(changeRequest)
}).then(function() {
}, this.handleError.bind(this));
},
createFeature: function (feature) {
@ -82,12 +111,19 @@ var Unleash = React.createClass({
render: function() {
return (
<div>
<Menu />
<FeatureList
unsavedFeatures={this.state.unsavedFeatures}
savedFeatures={this.state.savedFeatures}
onFeatureChanged={this.updateFeature}
onFeatureSubmit={this.createFeature} />
<Menu />
<div className='panel panel-primary'>
<div className='panel-heading'>
<h3 className='panel-title'>Features</h3>
</div>
<div className='panel-body'>
<FeatureList
unsavedFeatures={this.state.unsavedFeatures}
savedFeatures={this.state.savedFeatures}
onFeatureChanged={this.updateFeature}
onFeatureSubmit={this.createFeature} />
</div>
</div>
</div>
);
}