From 3cf58ed25fbea6cfdb90c1d1e32c003295ce8cd2 Mon Sep 17 00:00:00 2001
From: Julia Aranovich <jkirnosova@mirantis.com>
Date: Tue, 7 Feb 2017 11:37:31 +0300
Subject: [PATCH] Disable Log In button in case of empty credentials

Closes-Bug: #1618172

Change-Id: I326cafb50d900da73e2e064bf5ff1923fb580cfd
---
 static/views/login_page.js | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/static/views/login_page.js b/static/views/login_page.js
index d0b321777..a53de8aeb 100644
--- a/static/views/login_page.js
+++ b/static/views/login_page.js
@@ -48,7 +48,8 @@ var LoginPage = React.createClass({
 });
 
 var LoginForm = React.createClass({
-  login(username, password) {
+  login() {
+    var {username, password} = this.state;
     var keystoneClient = app.keystoneClient;
 
     return keystoneClient.authenticate({
@@ -112,18 +113,17 @@ var LoginForm = React.createClass({
       error: null
     };
   },
-  onChange() {
-    this.setState({error: null});
+  onChange(e) {
+    this.setState({
+      [e.target.name]: e.target.value,
+      error: null
+    });
   },
   onSubmit(e) {
     e.preventDefault();
-
-    var username = ReactDOM.findDOMNode(this.refs.username).value;
-    var password = ReactDOM.findDOMNode(this.refs.password).value;
-
     this.setState({actionInProgress: true});
 
-    this.login(username, password)
+    this.login()
       .catch(() => {
         this.setState({actionInProgress: false});
       });
@@ -186,7 +186,10 @@ var LoginForm = React.createClass({
                 'btn-warning': !httpsUsed,
                 'btn-progress': this.state.actionInProgress
               })}
-              disabled={this.state.actionInProgress}
+              disabled={
+                this.state.actionInProgress ||
+                !(this.state.username && this.state.password)
+              }
             >
               {i18n('login_page.log_in')}
             </button>