clipperz/password-manager
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed ‘esc’ handling for fieldValues rendered as TextArea

Browse Source
This commit is contained in:
Giulio Cesare Solaroli 2015-07-27 18:01:40 +02:00
parent 0ed0b33ecd
commit 0e5501b12b
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/delta/js/Clipperz/PM/UI/Components/Cards/TextArea.js
View File

@ -30,7 +30,8 @@ Clipperz.PM.UI.Components.Cards.TextAreaClass = React.createClass({
componentDidMount: function() {
this.recalculateSize();
this.getDOMNode().addEventListener('input', this.recalculateSize, false);
this.getDOMNode().addEventListener('input', this.handleKeyDown, false);
this.getDOMNode().addEventListener('keydown', this.handleKeyDown, false);
},
componentDidUpdate: function () {
@ -39,6 +40,7 @@ Clipperz.PM.UI.Components.Cards.TextAreaClass = React.createClass({
componentWillUnmount: function() {
this.getDOMNode().removeEventListener('input', this.recalculateSize, false);
this.getDOMNode().removeEventListener('keydown', this.handleKeyDown, false);
},
// componentDidUpdate: function(prevProps) {
@ -58,6 +60,15 @@ Clipperz.PM.UI.Components.Cards.TextAreaClass = React.createClass({
// }
// },
handleKeyDown: function (anEvent) {
switch (anEvent.keyCode) {
case 27: // escape
console.log("ESCAPE");
Mousetrap.trigger('esc');
break;
}
},
//----------------------------------------------------------------------------
recalculateSize: function () {
@ -103,10 +114,6 @@ Clipperz.PM.UI.Components.Cards.TextAreaClass = React.createClass({
*/
//----------------------------------------------------------------------------
// render: function () {
// return React.DOM.textarea({'className':'cardNotes', /*'onChange':this.handleChange(this.record(), 'setNotes'), 'defaultValue':someNotes, 'key':this.props['_reference'] + '_notes',*/ 'placeholder': "notes"});
// },
render: function() {
return React.DOM.textarea(this.props, this.props.children);
},