status-desktop/ui/app/AppLayouts/Onboarding/views/ConfirmPasswordView.qml

205 lines
7.3 KiB
QML

import QtQuick 2.0
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.12
import QtQuick.Dialogs 1.3
import shared.controls 1.0
import shared 1.0
import shared.panels 1.0
import utils 1.0
import StatusQ.Controls 0.1
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import "../stores"
import "../controls"
OnboardingBasePage {
id: root
property string password
property string tmpPass
property string displayName
function forcePswInputFocus() { confPswInput.forceActiveFocus(Qt.MouseFocusReason)}
Column {
id: view
spacing: 4 * Style.current.padding
width: 416
anchors.centerIn: parent
StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("Have you written down your password?")
font.pixelSize: 22
font.bold: true
color: Theme.palette.directColor1
}
Column {
anchors.horizontalCenter: parent.horizontalCenter
spacing: Style.current.padding
StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("You will never be able to recover your password if you lose it.")
font.pixelSize: 12
color: Theme.palette.dangerColor1
}
StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("If you need to, write it using pen and paper and keep in a safe place.")
font.pixelSize: 12
color: Theme.palette.baseColor1
}
StatusBaseText {
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("If you lose your password you will lose access to your Status profile.")
font.pixelSize: 12
color: Theme.palette.baseColor1
}
}
// TODO replace with StatusInput as soon as it supports password
Input {
id: confPswInput
property bool showPassword: false
width: parent.width
enabled: !submitBtn.loading
placeholderText: qsTr("Confirm you password (again)")
textField.echoMode: showPassword ? TextInput.Normal : TextInput.Password
textField.validator: RegExpValidator { regExp: /^[!-~]{0,64}$/ } // That incudes NOT extended ASCII printable characters less space and a maximum of 64 characters allowed
keepHeight: true
textField.rightPadding: showHideCurrentIcon.width + showHideCurrentIcon.anchors.rightMargin + Style.current.padding / 2
StatusFlatRoundButton {
id: showHideCurrentIcon
visible: confPswInput.text !== ""
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
anchors.rightMargin: 16
width: 24
height: 24
icon.name: confPswInput.showPassword ? "hide" : "show"
icon.color: Theme.palette.baseColor1
onClicked: confPswInput.showPassword = !confPswInput.showPassword
}
}
// Just a column filler to fit the design
Item {
height: Style.current.padding
width: parent.width
}
StatusButton {
id: submitBtn
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("Finalize Status Password Creation")
enabled:!submitBtn.loading && confPswInput.text === root.password
property Timer sim: Timer {
id: pause
interval: 20
onTriggered: {
// Create account operation blocks the UI so loading = true; will never have any affect until it is done.
// Getting around it with a small pause (timer) in order to get the desired behavior
OnboardingStore.finishCreatingAccount(root.password)
}
}
onClicked: {
if (OnboardingStore.accountCreated) {
if (root.password !== root.tmpPass) {
OnboardingStore.changePassword(root.tmpPass, root.password);
root.tmpPass = root.password;
} else {
submitBtn.loading = false
root.finished();
}
} else {
root.tmpPass = root.password;
submitBtn.loading = true
if (OnboardingStore.accountImported) {
OnboardingStore.importAccountAndDisplayName(root.displayName);
} else {
OnboardingStore.setCurrentAccountAndDisplayName(0, root.displayName);
}
pause.start();
}
}
Connections {
target: onboardingModule
onAccountSetupError: {
if (error === Constants.existingAccountError) {
importLoginError.title = qsTr("Keys for this account already exist")
importLoginError.text = qsTr("Keys for this account already exist and can't be added again. If you've lost your password, passcode or Keycard, uninstall the app, reinstall and access your keys by entering your seed phrase")
} else {
//% "Login failed"
importLoginError.title = qsTrId("login-failed")
//% "Login failed. Please re-enter your password and try again."
importLoginError.text = qsTrId("login-failed.-please-re-enter-your-password-and-try-again.")
}
importLoginError.open()
}
}
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.")
icon: StandardIcon.Critical
standardButtons: StandardButton.Ok
onVisibilityChanged: {
submitBtn.loading = false
}
}
}
}
// Back button:
StatusRoundButton {
enabled: !submitBtn.loading
anchors.left: parent.left
anchors.leftMargin: Style.current.padding
anchors.bottom: parent.bottom
anchors.bottomMargin: Style.current.padding
icon.name: "arrow-left"
onClicked: { root.backClicked() }
}
Connections {
target: startupModule
onAppStateChanged: {
if (state === Constants.appState.main) {
if (!!OnboardingStore.profImgUrl) {
OnboardingStore.saveImage()
OnboardingStore.accountCreated = true;
}
submitBtn.loading = false
root.finished()
}
}
}
Connections {
target: OnboardingStore.privacyModule
onPasswordChanged: {
if (success) {
submitBtn.loading = false
root.finished();
}
}
}
}