gitadmin/admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(Login): add missing form and autoComplete

Browse Source
This commit is contained in:
xidedix 2018-07-30 16:10:37 +02:00
parent 26be744027
commit 9f9eb65a1a
1 changed files with 29 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/views/Pages/Login/Login.js
View File

@ -1,5 +1,5 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Button, Card, CardBody, CardGroup, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap'; import { Button, Card, CardBody, CardGroup, Col, Container, Form, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap';
class Login extends Component { class Login extends Component {
render() { render() {
@ -11,32 +11,34 @@ class Login extends Component {
<CardGroup> <CardGroup>
<Card className="p-4"> <Card className="p-4">
<CardBody> <CardBody>
<h1>Login</h1> <Form>
<p className="text-muted">Sign In to your account</p> <h1>Login</h1>
<InputGroup className="mb-3"> <p className="text-muted">Sign In to your account</p>
<InputGroupAddon addonType="prepend"> <InputGroup className="mb-3">
<InputGroupText> <InputGroupAddon addonType="prepend">
<i className="icon-user"></i> <InputGroupText>
</InputGroupText> <i className="icon-user"></i>
</InputGroupAddon> </InputGroupText>
<Input type="text" placeholder="Username" /> </InputGroupAddon>
</InputGroup> <Input type="text" placeholder="Username" autoComplete="username" />
<InputGroup className="mb-4"> </InputGroup>
<InputGroupAddon addonType="prepend"> <InputGroup className="mb-4">
<InputGroupText> <InputGroupAddon addonType="prepend">
<i className="icon-lock"></i> <InputGroupText>
</InputGroupText> <i className="icon-lock"></i>
</InputGroupAddon> </InputGroupText>
<Input type="password" placeholder="Password" /> </InputGroupAddon>
</InputGroup> <Input type="password" placeholder="Password" autoComplete="current-password" />
<Row> </InputGroup>
<Col xs="6"> <Row>
<Button color="primary" className="px-4">Login</Button> <Col xs="6">
</Col> <Button color="primary" className="px-4">Login</Button>
<Col xs="6" className="text-right"> </Col>
<Button color="link" className="px-0">Forgot password?</Button> <Col xs="6" className="text-right">
</Col> <Button color="link" className="px-0">Forgot password?</Button>
</Row> </Col>
</Row>
</Form>
</CardBody> </CardBody>
</Card> </Card>
<Card className="text-white bg-primary py-5 d-md-down-none" style={{ width: 44 + '%' }}> <Card className="text-white bg-primary py-5 d-md-down-none" style={{ width: 44 + '%' }}>