Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 01:18:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Show password feature (#1159)

Browse source 
* show password feauture Implemented

* small typo

* fixed typo
This commit is contained in:
SAI SUMANTH KUMAR 2021-10-21 08:19:01 +05:30 committed by GitHub
parent 8ccdb3eedb
commit ff82ca032d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/LoginPage/LoginPage.jsx
View file

@ -15,6 +15,7 @@ class LoginPage extends React.Component {
this.state = {
isLoading: false,
showPassword: false,
};
}
@ -22,6 +23,10 @@ class LoginPage extends React.Component {
this.setState({ [event.target.name]: event.target.value });
};
handleOnCheck = () => {
this.setState({ showPassword: !this.state.showPassword });
};
authUser = (e) => {
e.preventDefault();
@ -85,7 +90,7 @@ class LoginPage extends React.Component {
<input
onChange={this.handleChange}
name="password"
type="password"
type={this.state.showPassword ?"text" : "password"}
className="form-control"
placeholder="Password"
autoComplete="off"
@ -94,6 +99,21 @@ class LoginPage extends React.Component {
<span className="input-group-text"></span>
</div>
</div>
<div class="form-check">
<input
type="checkbox"
class="form-check-input"
id="check-input"
name="check-input"
onChange = {this.handleOnCheck}
/>
<label
class="form-check-label"
for="check-input"
>
show password
</label>
</div>
<div className="form-footer">
<button
data-testid="loginButton"