state = {
show: true,
loopCache: this.props.loopCache,
+ temporaryPropertiesJson: JSON.parse(JSON.stringify(this.props.loopCache.getGlobalProperties())),
};
constructor(props, context) {
this.handleClose = this.handleClose.bind(this);
this.handleSave = this.handleSave.bind(this);
+ this.handleChange = this.handleChange.bind(this);
+
this.renderDcaeParameters = this.renderDcaeParameters.bind(this);
this.renderAllParameters = this.renderAllParameters.bind(this);
this.getDcaeParameters = this.getDcaeParameters.bind(this);
componentWillReceiveProps(newProps) {
this.setState({
loopCache: newProps.loopCache,
+ temporaryPropertiesJson: JSON.parse(JSON.stringify(newProps.loopCache.getGlobalProperties())),
+
});
}
}
handleSave(event) {
- // translate the deploymentParameter into jsonFormat at submit time
-
+ LoopService.updateGlobalProperties(this.state.loopCache.getLoopName(), this.state.temporaryPropertiesJson).then(resp => {
+ this.setState({ show: false });
+ this.props.history.push('/');
+ this.props.loadLoopFunction(this.state.loopCache.getLoopName());
+ });
}
- saveAllProperties() {
-
+ handleChange(event) {
+ this.setState({temporaryPropertiesJson:{[event.target.name]: JSON.parse(event.target.value)}});
}
renderAllParameters() {
}
getDcaeParameters() {
- if (typeof (this.state.loopCache.getGlobalProperties()) !== "undefined") {
- return JSON.stringify(this.state.loopCache.getGlobalProperties()["dcaeDeployParameters"]);
+ if (typeof (this.state.temporaryPropertiesJson) !== "undefined") {
+ return JSON.stringify(this.state.temporaryPropertiesJson["dcaeDeployParameters"]);
} else {
return "";
}
return (
<Form.Group >
<Form.Label>Deploy Parameters</Form.Label>
- <Form.Control as="textarea" rows="3" name="dcaeDeployParameters">{this.getDcaeParameters()}</Form.Control>
+ <Form.Control as="textarea" rows="3" name="dcaeDeployParameters" onChange={this.handleChange} defaultValue={this.getDcaeParameters()}></Form.Control>
</Form.Group>
);
}