monero-gui/components/NewPasswordDialog.qml

295 lines
11 KiB
QML
Raw Normal View History

2019-04-11 22:03:00 +00:00
// Copyright (c) 2014-2019, The Monero Project
2017-09-22 14:25:25 +00:00
//
// All rights reserved.
//
// Redistribution and use in source and binary forms, with or without modification, are
// permitted provided that the following conditions are met:
//
// 1. Redistributions of source code must retain the above copyright notice, this list of
// conditions and the following disclaimer.
//
// 2. Redistributions in binary form must reproduce the above copyright notice, this list
// of conditions and the following disclaimer in the documentation and/or other
// materials provided with the distribution.
//
// 3. Neither the name of the copyright holder nor the names of its contributors may be
// used to endorse or promote products derived from this software without specific
// prior written permission.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
// EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
// MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL
// THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
// PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
// STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
// THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
2018-03-23 20:51:28 +00:00
import QtQuick 2.7
import QtQuick.Controls 2.0
2017-09-22 14:25:25 +00:00
import QtQuick.Dialogs 1.2
import QtQuick.Layouts 1.1
import QtQuick.Controls.Styles 1.4
import QtQuick.Window 2.0
import "../components" as MoneroComponents
Item {
id: root
visible: false
z: parent.z + 2
2017-09-22 14:25:25 +00:00
property bool isHidden: true
2017-09-22 14:25:25 +00:00
property alias password: passwordInput1.text
// same signals as Dialog has
signal accepted()
signal rejected()
signal closeCallback()
function open() {
2018-05-03 10:29:04 +00:00
inactiveOverlay.visible = true
2017-09-22 14:25:25 +00:00
leftPanel.enabled = false
middlePanel.enabled = false
titleBar.enabled = false
root.visible = true;
passwordInput1.text = "";
passwordInput2.text = "";
passwordInput1.focus = true
}
function close() {
2018-05-03 10:29:04 +00:00
inactiveOverlay.visible = false
2017-09-22 14:25:25 +00:00
leftPanel.enabled = true
middlePanel.enabled = true
titleBar.enabled = true
root.visible = false;
closeCallback();
}
function toggleIsHidden() {
passwordInput1.echoMode = isHidden ? TextInput.Normal : TextInput.Password;
passwordInput2.echoMode = isHidden ? TextInput.Normal : TextInput.Password;
isHidden = !isHidden;
}
2017-09-22 14:25:25 +00:00
// TODO: implement without hardcoding sizes
width: 480
height: 360
// Make window draggable
MouseArea {
anchors.fill: parent
property point lastMousePos: Qt.point(0, 0)
onPressed: { lastMousePos = Qt.point(mouseX, mouseY); }
onMouseXChanged: root.x += (mouseX - lastMousePos.x)
onMouseYChanged: root.y += (mouseY - lastMousePos.y)
}
ColumnLayout {
z: inactiveOverlay.z + 1
2017-09-22 14:25:25 +00:00
id: mainLayout
spacing: 10
anchors { fill: parent; margins: 35 * scaleRatio }
ColumnLayout {
id: column
2018-03-23 20:51:28 +00:00
Layout.fillWidth: true
2017-09-22 14:25:25 +00:00
Layout.alignment: Qt.AlignHCenter
2018-03-23 20:51:28 +00:00
Layout.maximumWidth: 400 * scaleRatio
2017-09-22 14:25:25 +00:00
Label {
text: qsTr("Please enter new password") + translationManager.emptyString
2017-09-22 14:25:25 +00:00
Layout.fillWidth: true
2018-03-23 20:51:28 +00:00
font.pixelSize: 16 * scaleRatio
font.family: MoneroComponents.Style.fontLight.name
2018-03-23 20:51:28 +00:00
color: MoneroComponents.Style.defaultFontColor
2017-09-22 14:25:25 +00:00
}
TextField {
id : passwordInput1
2018-03-23 20:51:28 +00:00
Layout.topMargin: 6
2017-09-22 14:25:25 +00:00
Layout.fillWidth: true
2018-03-23 20:51:28 +00:00
horizontalAlignment: TextInput.AlignLeft
2017-09-22 14:25:25 +00:00
verticalAlignment: TextInput.AlignVCenter
font.family: MoneroComponents.Style.fontLight.name
2018-03-23 20:51:28 +00:00
font.pixelSize: 24 * scaleRatio
2017-09-22 14:25:25 +00:00
echoMode: TextInput.Password
2018-03-23 20:51:28 +00:00
bottomPadding: 10
leftPadding: 10
topPadding: 10
color: MoneroComponents.Style.defaultFontColor
selectionColor: MoneroComponents.Style.dimmedFontColor
selectedTextColor: MoneroComponents.Style.defaultFontColor
2017-09-22 14:25:25 +00:00
KeyNavigation.tab: passwordInput2
2018-03-23 20:51:28 +00:00
background: Rectangle {
radius: 2
border.color: Qt.rgba(255, 255, 255, 0.35)
border.width: 1
color: "black"
Image {
width: 26 * scaleRatio
height: 26 * scaleRatio
opacity: 0.7
fillMode: Image.PreserveAspectFit
source: isHidden ? "../images/eyeShow.png" : "../images/eyeHide.png"
2018-03-23 20:51:28 +00:00
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
anchors.rightMargin: 20
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onClicked: {
toggleIsHidden()
}
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
}
}
2017-09-22 14:25:25 +00:00
}
}
2018-03-23 20:51:28 +00:00
2017-09-22 14:25:25 +00:00
Keys.onEscapePressed: {
root.close()
root.rejected()
}
}
// padding
Rectangle {
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
height: 10
opacity: 0
color: "black"
}
Label {
text: qsTr("Please confirm new password") + translationManager.emptyString
2017-09-22 14:25:25 +00:00
Layout.fillWidth: true
2018-03-23 20:51:28 +00:00
font.pixelSize: 16 * scaleRatio
font.family: MoneroComponents.Style.fontLight.name
2018-03-23 20:51:28 +00:00
color: MoneroComponents.Style.defaultFontColor
2017-09-22 14:25:25 +00:00
}
TextField {
id : passwordInput2
2018-03-23 20:51:28 +00:00
Layout.topMargin: 6
2017-09-22 14:25:25 +00:00
Layout.fillWidth: true
2018-03-23 20:51:28 +00:00
horizontalAlignment: TextInput.AlignLeft
2017-09-22 14:25:25 +00:00
verticalAlignment: TextInput.AlignVCenter
font.family: MoneroComponents.Style.fontLight.name
2018-03-23 20:51:28 +00:00
font.pixelSize: 24 * scaleRatio
2017-09-22 14:25:25 +00:00
echoMode: TextInput.Password
KeyNavigation.tab: okButton
2018-03-23 20:51:28 +00:00
bottomPadding: 10
leftPadding: 10
topPadding: 10
color: MoneroComponents.Style.defaultFontColor
selectionColor: MoneroComponents.Style.dimmedFontColor
selectedTextColor: MoneroComponents.Style.defaultFontColor
2017-09-22 14:25:25 +00:00
2018-03-23 20:51:28 +00:00
background: Rectangle {
radius: 2
border.color: Qt.rgba(255, 255, 255, 0.35)
border.width: 1
color: "black"
Image {
width: 26 * scaleRatio
height: 26 * scaleRatio
opacity: 0.7
fillMode: Image.PreserveAspectFit
source: isHidden ? "../images/eyeShow.png" : "../images/eyeHide.png"
2018-03-23 20:51:28 +00:00
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
anchors.rightMargin: 20
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onClicked: {
toggleIsHidden()
}
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
}
}
2017-09-22 14:25:25 +00:00
}
}
2018-03-23 20:51:28 +00:00
2017-09-22 14:25:25 +00:00
Keys.onReturnPressed: {
if (passwordInput1.text === passwordInput2.text) {
root.close()
root.accepted()
}
}
Keys.onEscapePressed: {
root.close()
root.rejected()
}
}
// padding
Rectangle {
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
height: 10
opacity: 0
color: "black"
}
2018-03-22 04:06:11 +00:00
// Ok/Cancel buttons
RowLayout {
id: buttons
2018-03-23 20:51:28 +00:00
spacing: 16 * scaleRatio
Layout.topMargin: 16
Layout.alignment: Qt.AlignRight
2018-03-22 04:06:11 +00:00
MoneroComponents.StandardButton {
id: cancelButton
text: qsTr("Cancel") + translationManager.emptyString
KeyNavigation.tab: passwordInput1
onClicked: {
root.close()
root.rejected()
}
2017-09-22 14:25:25 +00:00
}
2018-03-22 04:06:11 +00:00
MoneroComponents.StandardButton {
id: okButton
text: qsTr("Continue") + translationManager.emptyString
2018-03-22 04:06:11 +00:00
KeyNavigation.tab: cancelButton
enabled: passwordInput1.text === passwordInput2.text
onClicked: {
root.close()
root.accepted()
}
2017-09-22 14:25:25 +00:00
}
}
}
}
}