]>
Commit | Line | Data |
---|---|---|
989fb5c7 | 1 | import Api from './api.js'; |
2 | import App from './app.js'; | |
3 | import classNames from 'classnames'; | |
4 | import React from 'react'; | |
5 | ||
6 | class SigninForm extends React.Component { | |
7 | constructor(props) { | |
8 | super(props); | |
9 | this.state = {'hideMsg': true, 'msg': '', 'msgOk': false, 'password': '', 'email': ''}; | |
10 | } | |
11 | ||
12 | handleSubmit = (e) => { | |
7a9e5112 | 13 | Api.Call('SIGNIN', {'password': this.state.password, 'email': this.state.email}, function(err, status, data) { |
14 | if (err) { | |
15 | console.error(err, data); | |
16 | this.displayMessage(App.errorCodeToMessage(err.code), false); | |
17 | return; | |
18 | } | |
19 | ||
20 | this.displayMessage('OK', true); | |
21 | this.props.onSuccess(data.token); | |
22 | ||
23 | }.bind(this)); | |
24 | e.preventDefault(); | |
989fb5c7 | 25 | } |
26 | ||
27 | handlePasswordChange = (event) => { | |
7a9e5112 | 28 | this.setState({'password': event.target.value}); |
989fb5c7 | 29 | } |
30 | ||
31 | handleEmailChange = (event) => { | |
7a9e5112 | 32 | this.setState({'email': event.target.value}); |
989fb5c7 | 33 | } |
34 | ||
35 | hideMessage = () => { | |
7a9e5112 | 36 | this.setState({'hideMsg': true}); |
989fb5c7 | 37 | } |
38 | ||
39 | displayMessage = (msg, ok) => { | |
7a9e5112 | 40 | this.setState({'msg': msg, 'msgOk': ok, 'hideMsg': false}); |
989fb5c7 | 41 | } |
42 | ||
43 | render = () => { | |
7a9e5112 | 44 | var cName = classNames('form-message', {'hidden': this.state.hideMsg, 'message-ok': this.state.msgOk}); |
45 | return ( | |
989fb5c7 | 46 | <div className="row sign-in"> |
47 | <div className="offset-4 col-4 col-xs-offset-1 col-xs-10 text-center"> | |
48 | <form role="form" onSubmit={this.handleSubmit}> | |
49 | <input className="form-control" type="email" placeholder="email" onChange={this.handleEmailChange} /> | |
50 | <input className="form-control" type="password" placeholder="password" onChange={this.handlePasswordChange} /> | |
51 | <input className="form-control submit" type="submit" value="Sign In" /> | |
52 | <div className={cName}>{this.state.msg}</div> | |
7a9e5112 | 53 | </form> |
989fb5c7 | 54 | <a href="#" onClick={App.onInternNavigation.bind(this, '/signup')}><u>Sign up</u></a> |
7a9e5112 | 55 | </div> |
56 | </div> | |
57 | ); | |
58 | } | |
989fb5c7 | 59 | } |
60 | ||
61 | export default SigninForm; | |
7a9e5112 | 62 |