render()

in app/addons/auth/components/createadminform.js [54:108]

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

  render() {
    return (
      <div className="faux__auth-page">
        <h3>Create Admins</h3>

        <p>
          Before a server admin is configured, all clients have admin privileges. This is fine when
          HTTP access is restricted to trusted users.
          <strong>
            If end-users will be accessing this
            CouchDB, you must create an admin account to prevent accidental (or malicious) data
            loss.
          </strong>
        </p>
        <p>
          Server admins can create and destroy databases, install and update _design documents, run
          the test suite, and edit all aspects of CouchDB configuration.
        </p>

        <form id="create-admin-form" onSubmit={this.createAdmin.bind(this)}>
          <div className='row'>
            <div className='col-12 col-md-5 col-xl-4 mb-3'>
              <Form.Control type="text"
                id="username"
                ref={node => this.usernameField = node}
                name="name"
                placeholder="Username"
                onChange={this.onChangeUsername.bind(this)} />
            </div>
          </div>
          <div className='row'>
            <div className='col-12 col-md-5 col-xl-4 mb-3'>
              <Form.Control type="password"
                id="password"
                name="password"
                placeholder="Password"
                onChange={this.onChangePassword.bind(this)} />
            </div>
          </div>
          <div className='row'>
            <p>
            Non-admin users have read and write access to all databases, which
            are controlled by validation. CouchDB can be configured to block all
            access to anonymous users.
            </p>
            <div className='col-12 col-md-5 col-xl-4 mb-3'>
              <Button id="create-admin" type="submit" variant="cf-primary">
                Create Admin
              </Button>
            </div>
          </div>
        </form>
      </div>
    );
  }