From 1a1999cc129fe4d9046a22146deca6838a6fb1d5 Mon Sep 17 00:00:00 2001
From: Thais Siqueira <thais.siqueira@gmail.com>
Date: Wed, 1 Mar 2017 11:39:36 -0300
Subject: [#907] Puts autofocus on username field.

with @anikarni
---
 web-ui/config/loaders-webpack.js             | 2 +-
 web-ui/package.json                          | 1 +
 web-ui/src/common/input_field/input_field.js | 4 ++--
 web-ui/src/login/page.js                     | 2 +-
 web-ui/webpack.test.config.js                | 2 +-
 5 files changed, 6 insertions(+), 5 deletions(-)

(limited to 'web-ui')

diff --git a/web-ui/config/loaders-webpack.js b/web-ui/config/loaders-webpack.js
index f5237dff..9009f9fd 100644
--- a/web-ui/config/loaders-webpack.js
+++ b/web-ui/config/loaders-webpack.js
@@ -3,7 +3,7 @@ module.exports = [
       test: /\.js$/,
       exclude: /(node_modules|bower_components)/,
       loader: 'babel',
-      query: { presets: ['es2015', 'react']}
+      query: { presets: ['es2015', 'react', 'stage-0']}
     },
     {
       test: /\.scss|css$/,
diff --git a/web-ui/package.json b/web-ui/package.json
index a9cb9604..07449cf3 100644
--- a/web-ui/package.json
+++ b/web-ui/package.json
@@ -12,6 +12,7 @@
     "babel-plugin-istanbul": "^3.1.2",
     "babel-preset-es2015": "^6.18.0",
     "babel-preset-react": "^6.22.0",
+    "babel-preset-stage-0": "^6.22.0",
     "bower": "1.7.9",
     "copy-webpack-plugin": "^4.0.1",
     "css-loader": "^0.26.1",
diff --git a/web-ui/src/common/input_field/input_field.js b/web-ui/src/common/input_field/input_field.js
index a92faeb9..332d5911 100644
--- a/web-ui/src/common/input_field/input_field.js
+++ b/web-ui/src/common/input_field/input_field.js
@@ -19,11 +19,11 @@ import React from 'react';
 
 import './input_field.scss';
 
-const InputField = ({ label, name, type = 'text' }) => (
+const InputField = ({ label, name, type = 'text', ...other }) => (
   <div className='input-field-group'>
     <input
       type={type} name={name} className='input-field'
-      autoFocus='' required
+      required {...other}
     />
     <label className='input-field-label' htmlFor={name}>{label}</label>
   </div>
diff --git a/web-ui/src/login/page.js b/web-ui/src/login/page.js
index 6be240b2..621cf846 100644
--- a/web-ui/src/login/page.js
+++ b/web-ui/src/login/page.js
@@ -45,7 +45,7 @@ export const Page = ({ t, authError, error }) => (
     {rightPanel(t, error)}
     <form className='standard' id='login_form' action='/login' method='post' noValidate >
       {errorMessage(t, authError)}
-      <InputField name='username' label={t('login.email')} />
+      <InputField name='username' label={t('login.email')} autoFocus />
       <InputField type='password' name='password' label={t('login.password')} />
       <SubmitButton buttonText={t('login.submit')} />
     </form>
diff --git a/web-ui/webpack.test.config.js b/web-ui/webpack.test.config.js
index e24e4540..3dc1b311 100644
--- a/web-ui/webpack.test.config.js
+++ b/web-ui/webpack.test.config.js
@@ -18,7 +18,7 @@ module.exports = {
         test: /\.js$/,
         exclude: /(node_modules|bower_components)/,
         loader: 'babel',
-        query: { presets: ['es2015', 'react']}
+        query: { presets: ['es2015', 'react', 'stage-0']}
       },
       {
         test: /\.scss|css$/,
-- 
cgit v1.2.3