Mon Nov 07 2016
Copied to clipboard! Copy reply
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
import { h, render, Component } from 'preact'



import $ from 'jquery'



class Login extends Component {

  state = {
    
  }

  constructor(props) {
    super(props)
    this.handleSubmit = this.handleSubmit.bind(this)
  }


  handleSubmit(e) {
    e.preventDefault()
    var email = this.emailInput.value
    var pw = this.passwordInput.value
    var req = $.ajax({
      url: `http://localhost:8080/api/user-login`,
      method: 'POST',
      data: {email: email, password: pw}
    })
  }

  render() {
    return <div>
      <div class="row">
        <div class="col-sm-12">
          <div class="alert alert-danger" role="alert">
            <strong>Sorry.</strong> Wrong password.
          </div>
        </div>
      </div>
        <form onclick={this.handleSubmit}>
          <h2>Register or Sign In</h2>
          <p>
            Use the form below to sign in.<br/>
            If you don't have an account, it will be created for you.
          </p>
          {/* 
          <div class="form-group">
            <input ref={input => this.nameilInput = input} type="text" class="form-control" placeholder="First and Last name" required autofocus />
          </div>
          */}

          <div class="form-group">
            <input ref={input => this.emailInput = input} type="email" class="form-control" placeholder="Email address" required autofocus />
          </div>
          
          <div class="form-group">
            <input type="password" ref={input => this.passwordInput = input} class="form-control" placeholder="Password" required />
          </div>

          <div class="form-group">
            <div class="checkbox">
              <label>
                <input type="checkbox" value="remember-me" /> Remember me
              </label>
            </div>
          </div>
          <input type='submit' value='sign in' class="btn btn-lg btn-primary btn-block" />
        </form>


      </div>
    </div>

    </div>
  }

}


export default  Login