Merge pull request #1035 from embark-framework/chore/disable-autocomplete-login

Disable autocomplete in Login component and fix indentation
This commit is contained in:
Iuri Matias 2018-11-08 16:21:30 -05:00 committed by GitHub
commit c3ae7d608f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 16 deletions

View File

@ -4,12 +4,12 @@ import logo from '../images/logo-new.svg';
import './Login.css';
class Login extends React.Component {
constructor(props){
constructor(props) {
super(props);
this.state = props.credentials;
}
handleChange(event){
handleChange(event) {
this.setState({[event.target.name]: event.target.value});
}
@ -28,27 +28,30 @@ class Login extends React.Component {
<p className="text-danger">{this.props.error}</p>
}
<div className="mt-4">
<form onSubmit={(e) => this.handleSubmit(e)}>
<form onSubmit={(e) => this.handleSubmit(e)}>
<div className="form-group">
<label htmlFor="host">Host</label>
<input type="text"
className="form-control form-control-lg"
id="host"
name="host"
placeholder="Enter Embark host"
onChange={(e) => this.handleChange(e)}
value={this.state.host}/>
className="form-control form-control-lg"
id="host"
name="host"
placeholder="Enter Embark host"
onChange={(e) => this.handleChange(e)}
value={this.state.host}/>
</div>
<div className="form-group">
<label htmlFor="token">Token</label>
<input type="text"
className="form-control form-control-lg"
id="token"
name="token"
placeholder="Enter token"
onChange={(e) => this.handleChange(e)}
value={this.state.token}/>
<small className="form-text text-muted">Execute <code>embark run</code> in the command line to get your token.</small>
className="form-control form-control-lg"
id="token"
name="token"
placeholder="Enter token"
onChange={(e) => this.handleChange(e)}
autoComplete="off"
value={this.state.token}/>
<small className="form-text text-muted">Execute <code>embark run</code> in the command line to get
your token.
</small>
</div>
<button type="submit" className="btn btn-pill btn-dark">Enter Cockpit</button>
</form>