Signup.js
2.29 KB
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
import React from 'react';
import { Link } from 'react-router';
import { Row, Col, FormGroup, ControlLabel, FormControl, Button } from 'react-bootstrap';
import handleSignup from '../../modules/signup';
export default class Signup extends React.Component {
componentDidMount() {
handleSignup({ component: this });
}
handleSubmit(event) {
event.preventDefault();
}
render() {
return (
<div className="Signup">
<Row>
<Col xs={ 12 } sm={ 6 } md={ 4 }>
<h4 className="page-header">Sign Up</h4>
<form
ref={ form => (this.signupForm = form) }
onSubmit={ this.handleSubmit }
>
<Row>
<Col xs={ 6 } sm={ 6 }>
<FormGroup>
<ControlLabel>First Name</ControlLabel>
<FormControl
type="text"
ref="firstName"
name="firstName"
placeholder="First Name"
/>
</FormGroup>
</Col>
<Col xs={ 6 } sm={ 6 }>
<FormGroup>
<ControlLabel>Last Name</ControlLabel>
<FormControl
type="text"
ref="lastName"
name="lastName"
placeholder="Last Name"
/>
</FormGroup>
</Col>
</Row>
<FormGroup>
<ControlLabel>Email Address</ControlLabel>
<FormControl
type="text"
ref="emailAddress"
name="emailAddress"
placeholder="Email Address"
/>
</FormGroup>
<FormGroup>
<ControlLabel>Password</ControlLabel>
<FormControl
type="password"
ref="password"
name="password"
placeholder="Password"
/>
</FormGroup>
<Button type="submit" bsStyle="success">Sign Up</Button>
</form>
<p>Already have an account? <Link to="/login">Log In</Link>.</p>
</Col>
</Row>
</div>
);
}
}