From 260f1111e8988b177550d2621fbf99df178ca57a Mon Sep 17 00:00:00 2001
From: Robin Naundorf <r.naundorf@fh-muenster.de>
Date: Mon, 13 Feb 2017 16:50:25 +0100
Subject: PLT-5208: Trigger Invitation by pressing Enter (#5305)

---
 webapp/components/invite_member_modal.jsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'webapp/components')

diff --git a/webapp/components/invite_member_modal.jsx b/webapp/components/invite_member_modal.jsx
index 563c1aba9..71bb0168b 100644
--- a/webapp/components/invite_member_modal.jsx
+++ b/webapp/components/invite_member_modal.jsx
@@ -58,6 +58,7 @@ class InviteMemberModal extends React.Component {
         this.clearFields = this.clearFields.bind(this);
         this.removeInviteFields = this.removeInviteFields.bind(this);
         this.showGetTeamInviteLinkModal = this.showGetTeamInviteLinkModal.bind(this);
+        this.handleKeyDown = this.handleKeyDown.bind(this);
 
         const team = TeamStore.getCurrent();
 
@@ -234,6 +235,13 @@ class InviteMemberModal extends React.Component {
         GlobalActions.showGetTeamInviteLinkModal();
     }
 
+    handleKeyDown(e) {
+        if (e.keyCode === Constants.KeyCodes.ENTER) {
+            e.preventDefault();
+            this.handleSubmit();
+        }
+    }
+
     render() {
         var currentUser = UserStore.getCurrentUser();
         const {formatMessage} = this.props.intl;
@@ -290,6 +298,7 @@ class InviteMemberModal extends React.Component {
                         <div className='col-sm-6'>
                             <div className={firstNameClass}>
                                 <input
+                                    onKeyDown={this.handleKeyDown}
                                     type='text'
                                     className='form-control'
                                     ref={'first_name' + index}
@@ -304,6 +313,7 @@ class InviteMemberModal extends React.Component {
                         <div className='col-sm-6'>
                             <div className={lastNameClass}>
                                 <input
+                                    onKeyDown={this.handleKeyDown}
                                     type='text'
                                     className='form-control'
                                     ref={'last_name' + index}
@@ -324,6 +334,7 @@ class InviteMemberModal extends React.Component {
                         <div className={emailClass}>
                             <input
                                 onKeyUp={this.displayNameKeyUp}
+                                onKeyDown={this.handleKeyDown}
                                 type='text'
                                 ref={'email' + index}
                                 className='form-control'
-- 
cgit v1.2.3-1-g7c22