From 438ff8f8bc924a42c634da6883558903938a1673 Mon Sep 17 00:00:00 2001
From: enahum <nahumhbl@gmail.com>
Date: Fri, 2 Sep 2016 12:22:47 -0300
Subject: PLT-4036 Fix disable button on LDAP sign up page (#3920)

---
 .../components/signup/components/signup_ldap.jsx   | 33 ++++++++++++++++++----
 1 file changed, 28 insertions(+), 5 deletions(-)

(limited to 'webapp/components')

diff --git a/webapp/components/signup/components/signup_ldap.jsx b/webapp/components/signup/components/signup_ldap.jsx
index 92089f2f7..dc3deba19 100644
--- a/webapp/components/signup/components/signup_ldap.jsx
+++ b/webapp/components/signup/components/signup_ldap.jsx
@@ -28,8 +28,29 @@ export default class SignupLdap extends React.Component {
         this.handleLdapSignup = this.handleLdapSignup.bind(this);
         this.handleLdapSignupSuccess = this.handleLdapSignupSuccess.bind(this);
 
+        this.handleLdapIdChange = this.handleLdapIdChange.bind(this);
+        this.handleLdapPasswordChange = this.handleLdapPasswordChange.bind(this);
+
         this.state = ({
-            ldapError: ''
+            ldapError: '',
+            ldapId: '',
+            ldapPassword: ''
+        });
+    }
+
+    handleLdapIdChange(e) {
+        e.preventDefault();
+
+        this.setState({
+            ldapId: e.target.value
+        });
+    }
+
+    handleLdapPasswordChange(e) {
+        e.preventDefault();
+
+        this.setState({
+            ldapPassword: e.target.value
         });
     }
 
@@ -39,8 +60,8 @@ export default class SignupLdap extends React.Component {
         this.setState({ldapError: ''});
 
         Client.webLoginByLdap(
-            this.refs.id.value.trim(),
-            this.refs.password.value,
+            this.state.ldapId,
+            this.state.ldapPassword,
             null,
             this.handleLdapSignupSuccess,
             (err) => {
@@ -118,8 +139,9 @@ export default class SignupLdap extends React.Component {
                                 <input
                                     className='form-control'
                                     name='ldapId'
-                                    ref='id'
+                                    value={this.state.ldapId}
                                     placeholder={ldapIdPlaceholder}
+                                    onChange={this.handleLdapIdChange}
                                     spellCheck='false'
                                     autoCapitalize='off'
                                 />
@@ -129,8 +151,9 @@ export default class SignupLdap extends React.Component {
                                     type='password'
                                     className='form-control'
                                     name='password'
-                                    ref='password'
+                                    value={this.state.ldapPassword}
                                     placeholder={Utils.localizeMessage('login.password', 'Password')}
+                                    onChange={this.handleLdapPasswordChange}
                                     spellCheck='false'
                                 />
                             </div>
-- 
cgit v1.2.3-1-g7c22