Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-11 17:55:51 +00:00
Code Issues Projects Releases Wiki Activity

Add visible toggle to password fields

Browse Source
This commit is contained in:
AlphaX-Projects 2022-01-27 01:28:09 -08:00 committed by GitHub
parent 26fc642acc
commit 0faaea2631
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
qortal-ui-core/src/components/login-view/create-account-section.js
View File

@ -12,6 +12,8 @@ import { checkApiKey } from '../../apiKeyUtils.js'
import snackbar from '../../functional-components/snackbar.js'
import '@cwmr/paper-password-input/paper-password-input.js'
import '@material/mwc-button'
import '@material/mwc-checkbox'
import '@material/mwc-icon'
@ -399,11 +401,11 @@ class CreateAccountSection extends connect(store)(LitElement) {
</div>
<div style="display:flex;">
<mwc-icon style="padding: 20px; padding-left:0; padding-top: 28px;">vpn_key</mwc-icon>
<paper-input style="width:100%;" label="Password" id="password" type="password"></paper-input>
<paper-password-input style="width:100%;" label="Password" id="password"></paper-password-input>
</div>
<div style="display:flex;">
<mwc-icon style="padding: 20px; padding-left:0; padding-top: 28px;">vpn_key</mwc-icon>
<paper-input style="width:100%;" label="Confirm Password" id="rePassword" type="password"></paper-input>
<paper-password-input style="width:100%;" label="Confirm Password" id="rePassword"></paper-password-input>
</div>
<div style="text-align:right; vertical-align: top; line-height: 40px; margin:0;">
<label

10
qortal-ui-core/src/components/login-view/login-section.js
View File

@ -16,6 +16,7 @@ import '@polymer/paper-input/paper-input.js'
import '@polymer/paper-ripple'
import '@polymer/iron-collapse'
import '@polymer/paper-spinner/paper-spinner-lite.js'
import '@cwmr/paper-password-input/paper-password-input.js'
import { doLogin, doSelectAddress } from '../../redux/app/app-actions.js'
import { doStoreWallet, doRemoveWallet } from '../../redux/user/user-actions.js'
@ -272,7 +273,8 @@ class LoginSection extends connect(store)(LitElement) {
<div page="phrase" id="phrasePage">
<div style="padding:0;">
<div style="display:flex;">
<mwc-textfield icon="short_text" style="width:100%;" label="Seedphrase" id="existingSeedPhraseInput" type="password"></mwc-textfield>
<mwc-icon style="padding: 20px; padding-left:0; padding-top: 28px;">short_text</mwc-icon>
<paper-password-input style="width:100%;" label="Seedphrase" id="existingSeedPhraseInput"></paper-password-input>
</div>
</div>
</div>
@ -280,7 +282,8 @@ class LoginSection extends connect(store)(LitElement) {
<div page="seed" id="seedPage">
<div>
<div style="display:flex;">
<mwc-textfield style="width:100%;" icon="clear_all" label="Qora address seed" id="v1SeedInput" type="password"></mwc-textfield>
<mwc-icon style="padding: 20px; padding-left:0; padding-top: 28px;">clear_all</mwc-icon>
<paper-password-input style="width:100%;" label="Qora address seed" id="v1SeedInput"></paper-password-input>
</div>
</div>
</div>
@ -314,7 +317,8 @@ class LoginSection extends connect(store)(LitElement) {
</iron-collapse>
<iron-collapse style="" ?opened=${this.showPassword(this.selectedPage)} id="passwordCollapse">
<div style="display:flex;">
<mwc-textfield icon="vpn_key" style="width:100%;" label="Password" id="password" type="password" @keyup=${e => this.keyupEnter(e, e => this.emitNext(e))}></mwc-textfield>
<mwc-icon style="padding: 20px; padding-left:0; padding-top: 28px;">vpn_key</mwc-icon>
<paper-password-input style="width:100%;" label="Password" id="password" @keyup=${e => this.keyupEnter(e, e => this.emitNext(e))}></paper-password-input>
</div>
</iron-collapse>