• 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