render()

in app/addons/auth/components/loginform.js [63:102]

• 40 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    return (
      <div className="couch-login-wrapper">
        <form id="login" onSubmit={this.submit.bind(this)}>
          <div className="row">
            <div className="col12 col-md-5 col-xl-4 mb-3">
              <label>
                Enter your username and password
              </label>
              <Form.Control type="text"
                id="username"
                name="username"
                ref={node => this.usernameField = node}
                placeholder="Username"
                onChange={this.onUsernameChange.bind(this)}
                value={this.state.username} />
            </div>
          </div>
          <div className="row">
            <div className="col12 col-md-5 col-xl-4 mb-3">
              <Form.Control type="password"
                id="password"
                name="password"
                ref={node => this.passwordField = node}
                placeholder="Password"
                onChange={this.onPasswordChange.bind(this)}
                value={this.state.password} />
            </div>
          </div>
          <div className="row">
            <div className="col12 col-md-5 col-xl-4 mb-3">
              <Button id="login-btn" variant="cf-primary" type="submit">
                Log In
              </Button>
            </div>
          </div>
        </form>
      </div>
    );
  }