Sunny Negi / Meteor-projects

Blame view

imports/client/views/org/enter/login/LoginView.js 1.58 KB
edit raw normal view history
cc8fd8a94   Deepak   Moved all files t... 
1
2
3
 
  import React from 'react';
  import { Link } from 'react-router';
  import { Row, Col, FormGroup, ControlLabel, FormControl, Button } from 'react-bootstrap';
48c0461d6   Deepak   some more file re... 
4
 
  import handleLogin from './login';
cc8fd8a94   Deepak   Moved all files t... 
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
 
  
  export default class Login extends React.Component {
    componentDidMount() {
      handleLogin({ component: this });
    }
  
    handleSubmit(event) {
      event.preventDefault();
    }
  
    render() {
      return (
        <div className="Login">
          <Row>
            <Col xs={ 12 } sm={ 6 } md={ 4 }>
              <h4 className="page-header">Login</h4>
              <form
                ref={ form => (this.loginForm = form) }
                className="login"
                onSubmit={ this.handleSubmit }
              >
                <FormGroup>
                  <ControlLabel>Email Address</ControlLabel>
                  <FormControl
                    type="email"
                    ref="emailAddress"
                    name="emailAddress"
                    placeholder="Email Address"
                  />
                </FormGroup>
                <FormGroup>
                  <ControlLabel>
                    <span className="pull-left">Password</span>
                    <Link className="pull-right" to="/recover-password">Forgot Password?</Link>
                  </ControlLabel>
                  <FormControl
                    type="password"
                    ref="password"
                    name="password"
                    placeholder="Password"
                  />
                </FormGroup>
                <Button type="submit" bsStyle="success">Login</Button>
              </form>
            </Col>
          </Row>
        </div>
      );
    }
  }