diff options
author | Xue Gao <xg353y@intl.att.com> | 2019-08-02 13:24:35 +0000 |
---|---|---|
committer | Gerrit Code Review <gerrit@onap.org> | 2019-08-02 13:24:35 +0000 |
commit | 6cfa53edcefa8472ccbd3c2d3c075392e769f071 (patch) | |
tree | f58a9b6c9f8b7ffe024adc090f7fbe2a8c77011f /ui-react/src/components/dialogs/LoopProperties.js | |
parent | 07110fe1c8dc6998100c0c9f4b7b168983c0816e (diff) | |
parent | 83ce0764646950d44355e5cb484e008913abeb5f (diff) |
Merge "Add saving + rework"
Diffstat (limited to 'ui-react/src/components/dialogs/LoopProperties.js')
-rw-r--r-- | ui-react/src/components/dialogs/LoopProperties.js | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/ui-react/src/components/dialogs/LoopProperties.js b/ui-react/src/components/dialogs/LoopProperties.js index 1c0d015af..dac77655f 100644 --- a/ui-react/src/components/dialogs/LoopProperties.js +++ b/ui-react/src/components/dialogs/LoopProperties.js @@ -36,6 +36,7 @@ export default class LoopProperties extends React.Component { state = { show: true, loopCache: this.props.loopCache, + temporaryPropertiesJson: JSON.parse(JSON.stringify(this.props.loopCache.getGlobalProperties())), }; constructor(props, context) { @@ -43,6 +44,8 @@ export default class LoopProperties extends React.Component { 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); @@ -51,6 +54,8 @@ export default class LoopProperties extends React.Component { componentWillReceiveProps(newProps) { this.setState({ loopCache: newProps.loopCache, + temporaryPropertiesJson: JSON.parse(JSON.stringify(newProps.loopCache.getGlobalProperties())), + }); } @@ -59,12 +64,15 @@ export default class LoopProperties extends React.Component { } 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() { @@ -77,8 +85,8 @@ export default class LoopProperties extends React.Component { } 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 ""; } @@ -89,7 +97,7 @@ export default class LoopProperties extends React.Component { 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> ); } |