monero-project/monero-gui
monero-project/monero-gui
1
0
Fork 0
mirror of https://github.com/monero-project/monero-gui.git synced 2024-11-18 00:37:58 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

PasswordDialog: add ability to toggle text echo mode 💄 ✨

Browse source
This commit is contained in:
mmbyday 2018-12-07 13:00:41 -05:00
parent 0f05127262
commit fa0c691666
4 changed files with 27 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
components/PasswordDialog.qml
View file

@ -40,6 +40,7 @@ Item {
visible: false
z: parent.z + 2
property bool isHidden: true
property alias password: passwordInput.text
property string walletName
property string errorText
@ -136,12 +137,33 @@ Item {
color: "black"
Image {
width: 12
height: 16
source: "../images/lockIcon.png"
width: 26 * scaleRatio
height: 26 * scaleRatio
opacity: 0.7
fillMode: Image.PreserveAspectFit
source: isHidden ? "../images/eyeShow.png" : "../images/eyeHide.png"
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
anchors.rightMargin: 20
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onClicked: {
passwordInput.echoMode = isHidden ? TextInput.Normal : TextInput.Password;
isHidden = !isHidden;
}
onEntered: {
parent.opacity = 0.9
parent.width = 28 * scaleRatio
parent.height = 28 * scaleRatio
}
onExited: {
parent.opacity = 0.7
parent.width = 26 * scaleRatio
parent.height = 26 * scaleRatio
}
}
}
}

BIN
images/eyeHide.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
images/eyeShow.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.8 KiB

2
qml.qrc
View file

@ -226,5 +226,7 @@
<file>images/settings_navbar_side_active.png</file>
<file>images/settings_local.png</file>
<file>components/WarningBox.qml</file>
<file>images/eyeHide.png</file>
<file>images/eyeShow.png</file>
</qresource>
</RCC>