status-desktop/ui/app/AppLayouts/Onboarding/shared/CreatePasswordModal.qml

190 lines
6.6 KiB
QML
Raw Normal View History

2020-06-17 19:18:31 +00:00
import QtQuick 2.13
import QtQuick.Controls 2.13
2020-06-12 20:47:44 +00:00
import QtQuick.Dialogs 1.3
import StatusQ.Controls 0.1
import utils 1.0
import shared 1.0
import shared.panels 1.0
import shared.popups 1.0
import shared.controls 1.0
2020-06-12 20:47:44 +00:00
import "../stores"
// TODO: replace with StatusModal
2020-06-12 20:47:44 +00:00
ModalPopup {
property var privacyStore
2020-06-12 20:47:44 +00:00
property bool loading: false
property bool firstPasswordFieldValid: false
property bool repeatPasswordFieldValid: false
property string passwordValidationError: ""
property string repeatPasswordValidationError: ""
property bool storingPasswordModal: false
signal offerToStorePassword(string password, bool runStoreToKeychainPopup)
2020-06-12 20:47:44 +00:00
id: popup
title: storingPasswordModal?
qsTr("Store password") :
//% "Create a password"
qsTrId("intro-wizard-title-alt4")
2020-06-12 20:47:44 +00:00
height: 500
onOpened: {
firstPasswordField.text = "";
firstPasswordField.forceActiveFocus(Qt.MouseFocusReason)
}
2020-06-12 20:47:44 +00:00
Input {
id: firstPasswordField
anchors.rightMargin: 56
anchors.leftMargin: 56
anchors.top: parent.top
anchors.topMargin: storingPasswordModal? Style.current.xlPadding : 88
placeholderText: storingPasswordModal?
qsTr("Current password...") :
//% "New password..."
qsTrId("new-password...")
2020-06-12 20:47:44 +00:00
textField.echoMode: TextInput.Password
onTextChanged: {
[firstPasswordFieldValid, passwordValidationError] =
2020-12-04 14:53:00 +00:00
Utils.validatePasswords("first", firstPasswordField, repeatPasswordField);
[repeatPasswordFieldValid, repeatPasswordValidationError] =
Utils.validatePasswords("repeat", firstPasswordField, repeatPasswordField);
}
2020-06-12 20:47:44 +00:00
}
Input {
id: repeatPasswordField
enabled: firstPasswordFieldValid
2020-06-12 20:47:44 +00:00
anchors.rightMargin: 0
anchors.leftMargin: 0
anchors.right: firstPasswordField.right
anchors.left: firstPasswordField.left
anchors.top: firstPasswordField.bottom
anchors.topMargin: Style.current.xlPadding
//% "Confirm password…"
placeholderText: qsTrId("confirm-password…")
2020-06-12 20:47:44 +00:00
textField.echoMode: TextInput.Password
Keys.onReturnPressed: function(event) {
if (submitBtn.enabled) {
submitBtn.clicked(event)
}
2020-06-12 20:47:44 +00:00
}
onTextChanged: {
[repeatPasswordFieldValid, repeatPasswordValidationError] =
2020-12-04 14:53:00 +00:00
Utils.validatePasswords("repeat", firstPasswordField, repeatPasswordField);
}
2020-06-12 20:47:44 +00:00
}
2020-12-05 21:00:28 +00:00
StyledText {
id: validationError
text: {
if (passwordValidationError !== "") return passwordValidationError;
if (repeatPasswordValidationError !== "") return repeatPasswordValidationError;
return "";
}
anchors.top: repeatPasswordField.bottom
anchors.topMargin: 20
anchors.right: parent.right
anchors.rightMargin: Style.current.xlPadding
anchors.left: parent.left
anchors.leftMargin: Style.current.xlPadding
horizontalAlignment: Text.AlignHCenter
color: Style.current.danger
font.pixelSize: 11
}
StyledText {
visible: !storingPasswordModal
//% "At least 6 characters. You will use this password to unlock status on this device & sign transactions."
text: qsTrId("at-least-6-characters-you-will-use-this-password-to-unlock-status-on-this-device-sign-transactions.")
2020-06-12 20:47:44 +00:00
wrapMode: Text.WordWrap
anchors.right: parent.right
anchors.rightMargin: Style.current.xlPadding
2020-06-12 20:47:44 +00:00
anchors.left: parent.left
anchors.leftMargin: Style.current.xlPadding
2020-06-12 20:47:44 +00:00
horizontalAlignment: Text.AlignHCenter
anchors.bottom: parent.bottom
anchors.bottomMargin: 0
color: Style.current.secondaryText
2020-06-12 20:47:44 +00:00
font.pixelSize: 12
}
2020-06-22 19:32:00 +00:00
footer: Item {
width: parent.width
height: submitBtn.height
2020-06-12 20:47:44 +00:00
StatusButton {
2020-06-22 19:32:00 +00:00
id: submitBtn
anchors.bottom: parent.bottom
anchors.topMargin: Style.current.padding
2020-06-22 19:32:00 +00:00
anchors.right: parent.right
state: loading ? "pending" : "default"
text: storingPasswordModal?
qsTr("Store password") :
//% "Create password"
qsTrId("create-password")
2020-06-12 20:47:44 +00:00
enabled: firstPasswordFieldValid && repeatPasswordFieldValid && !loading
2020-06-22 19:32:00 +00:00
MessageDialog {
id: importError
//% "Error importing account"
title: qsTrId("error-importing-account")
//% "An error occurred while importing your account: "
text: qsTrId("an-error-occurred-while-importing-your-account:-")
2020-06-22 19:32:00 +00:00
icon: StandardIcon.Critical
standardButtons: StandardButton.Ok
onVisibilityChanged: {
loading = false
}
2020-06-12 20:47:44 +00:00
}
2020-06-22 19:32:00 +00:00
MessageDialog {
id: importLoginError
//% "Login failed"
title: qsTrId("login-failed")
//% "Login failed. Please re-enter your password and try again."
text: qsTrId("login-failed.-please-re-enter-your-password-and-try-again.")
2020-06-22 19:32:00 +00:00
icon: StandardIcon.Critical
standardButtons: StandardButton.Ok
onVisibilityChanged: {
2020-06-12 20:47:44 +00:00
loading = false
}
}
Connections {
target: OnboardingStore.onboardingModuleInst
onAccountSetupError: {
importLoginError.open()
}
}
2020-06-22 19:32:00 +00:00
onClicked: {
if (storingPasswordModal)
{
// validate the entered password
var validatePassword = privacyStore.validatePassword(repeatPasswordField.text)
if(!validatePassword) {
firstPasswordFieldValid = false
passwordValidationError = qsTr("Incorrect password")
}
else {
popup.offerToStorePassword(repeatPasswordField.text, true)
popup.close()
}
}
else
{
loading = true
OnboardingStore.onboardingModuleInst.storeSelectedAccountAndLogin(repeatPasswordField.text);
popup.offerToStorePassword(repeatPasswordField.text, false)
2020-06-22 19:32:00 +00:00
}
2020-06-12 20:47:44 +00:00
}
}
}
}