gaja-group
/
matrix-bot
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add placeHolder prop for EditableText

This commit is contained in:
Erik Johnston 2015-07-15 15:04:39 +01:00
parent dfd54f3b95
commit 2b81f46030
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
skins/base/views/atoms/EditableText.js
View File

@ -43,14 +43,22 @@ module.exports = React.createClass({
}, },
onFinish: function(ev) { onFinish: function(ev) {
if (ev.target.value) {
this.setValue(ev.target.value); this.setValue(ev.target.value);
} else {
this.cancelEdit();
}
}, },
render: function() { render: function() {
var editable_el; var editable_el;
if (this.state.phase == this.Phases.Display) { if (this.state.phase == this.Phases.Display) {
if (this.state.value) {
editable_el = <div ref="display_div" onClick={this.onClickDiv}>{this.state.value}</div>; editable_el = <div ref="display_div" onClick={this.onClickDiv}>{this.state.value}</div>;
} else {
editable_el = <div ref="display_div" onClick={this.onClickDiv}><i>{this.props.placeHolder}</i></div>;
}
} else if (this.state.phase == this.Phases.Edit) { } else if (this.state.phase == this.Phases.Edit) {
editable_el = ( editable_el = (
<div> <div>

2
src/controllers/atoms/EditableText.js
View File

@ -22,6 +22,7 @@ module.exports = {
propTypes: { propTypes: {
onValueChanged: React.PropTypes.func, onValueChanged: React.PropTypes.func,
initalValue: React.PropTypes.string, initalValue: React.PropTypes.string,
placeHolder: React.PropTypes.string,
}, },
Phases: { Phases: {
@ -33,6 +34,7 @@ module.exports = {
return { return {
onValueChanged: function() {}, onValueChanged: function() {},
initalValue: '', initalValue: '',
placeHolder: 'Click to set',
}; };
}, },