Advertisement
Guest User

Untitled

a guest
Mar 12th, 2018
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.24 KB | None | 0 0
  1. import React from 'react';
  2. import PropTypes from 'prop-types';
  3. import { withStyles } from 'material-ui/styles';
  4. import Card, { CardActions, CardContent } from 'material-ui/Card';
  5. import Button from 'material-ui/Button';
  6. import Typography from 'material-ui/Typography';
  7. import TextField from 'material-ui/TextField';
  8.  
  9. const styles = theme => ({
  10. card: {
  11. flexGrow:1,
  12. alignItems: 'center',
  13. flexDirection: 'column'
  14. }
  15. });
  16.  
  17. class LoginForm extends React.Component {
  18.  
  19. state = {
  20. username:'',
  21. password:'',
  22. stayConnected:false
  23. };
  24.  
  25. handleChange = name => event => {
  26. this.setState({
  27. [name]: event.target.value,
  28. });
  29. };
  30.  
  31. render(){
  32. const { classes } = this.props;
  33. return (
  34. <div>
  35. <Card className={classes.card}>
  36. <CardContent>
  37. <form method="post">
  38. <TextField
  39. name="_username"
  40. id="_username"
  41. label="Nom d'utilisateur"
  42. value={this.state.username}
  43. onChange={this.handleChange('username')}
  44. margin="normal"/>
  45.  
  46. <TextField
  47. name="_password"
  48. id="_password"
  49. label="Mot de passe"
  50. type="password"
  51. value={this.state.password}
  52. onChange={this.handleChange('password')}
  53. margin="normal"/>
  54.  
  55. <Button variant="raised" color="primary" className={classes.button} type="submit">
  56. Connexion
  57. </Button>
  58. <Button>Mot de passe oubliƩ ?</Button>
  59. </form>
  60. </CardContent>
  61. </Card>
  62. </div>
  63. );
  64. }
  65. }
  66.  
  67. LoginForm.propTypes = {
  68. classes: PropTypes.object.isRequired,
  69. };
  70.  
  71. export default withStyles(styles)(LoginForm);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement