Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Change blur logic

pull/10616/head
Andrew Watkins 2016-11-08 11:12:29 -08:00
parent 66c8d8024e
commit 0af0c498d1
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/kapacitor/containers/KapacitorRulePage.js
View File

@ -119,6 +119,13 @@ export const KapacitorRulePage = React.createClass({
}
},
handleEditNameBlur(rule) {
const {updateRuleName} = this.props.kapacitorActions;
const name = this.ruleName.value;
updateRuleName(rule.id, name);
this.toggleEditName();
},
toggleEditName() {
this.setState({isEditingName: !this.state.isEditingName});
},
@ -200,7 +207,7 @@ export const KapacitorRulePage = React.createClass({
<input
autoFocus={true}
defaultValue={rule.name}
ref={r => this.ruleName = r} onKeyDown={(e) => this.handleEditName(e, rule)} onBlur={this.toggleEditName}
ref={r => this.ruleName = r} onKeyDown={(e) => this.handleEditName(e, rule)} onBlur={() => this.handleEditNameBlur(rule)}
/>
);
},