2020-06-17 19:18:31 +00:00
|
|
|
import QtQuick 2.13
|
2020-07-30 05:18:54 +00:00
|
|
|
import QtQuick.Controls 2.13
|
2020-06-25 19:31:30 +00:00
|
|
|
import QtQuick.Dialogs 1.3
|
2020-06-04 14:53:10 +00:00
|
|
|
import "../../../../imports"
|
|
|
|
import "../../../../shared"
|
|
|
|
|
|
|
|
ModalPopup {
|
|
|
|
id: popup
|
2020-07-06 20:39:55 +00:00
|
|
|
//% "Generate an account"
|
|
|
|
title: qsTrId("generate-a-new-account")
|
2020-06-04 14:53:10 +00:00
|
|
|
|
|
|
|
property int marginBetweenInputs: 38
|
2020-06-22 18:47:16 +00:00
|
|
|
property string passwordValidationError: ""
|
|
|
|
property string accountNameValidationError: ""
|
2020-06-25 19:31:30 +00:00
|
|
|
property bool loading: false
|
2020-06-22 18:47:16 +00:00
|
|
|
|
|
|
|
function validate() {
|
|
|
|
if (passwordInput.text === "") {
|
2020-07-06 20:39:55 +00:00
|
|
|
//% "You need to enter a password"
|
|
|
|
passwordValidationError = qsTrId("you-need-to-enter-a-password")
|
2020-12-03 22:26:05 +00:00
|
|
|
} else if (passwordInput.text.length < 6) {
|
|
|
|
passwordValidationError = qsTr("Password needs to be 6 characters or more")
|
2020-06-22 18:47:16 +00:00
|
|
|
} else {
|
|
|
|
passwordValidationError = ""
|
|
|
|
}
|
|
|
|
|
|
|
|
if (accountNameInput.text === "") {
|
2020-07-06 20:39:55 +00:00
|
|
|
//% "You need to enter an account name"
|
|
|
|
accountNameValidationError = qsTrId("you-need-to-enter-an-account-name")
|
2020-06-22 18:47:16 +00:00
|
|
|
} else {
|
|
|
|
accountNameValidationError = ""
|
|
|
|
}
|
|
|
|
|
|
|
|
return passwordValidationError === "" && accountNameValidationError === ""
|
|
|
|
}
|
2020-06-04 14:53:10 +00:00
|
|
|
|
|
|
|
onOpened: {
|
2020-12-02 18:51:56 +00:00
|
|
|
passwordValidationError = "";
|
|
|
|
accountNameValidationError = "";
|
2020-06-04 14:53:10 +00:00
|
|
|
passwordInput.text = "";
|
2020-11-27 15:13:35 +00:00
|
|
|
accountNameInput.text = "";
|
|
|
|
accountColorInput.selectedColor = Constants.accountColors[Math.floor(Math.random() * Constants.accountColors.length)]
|
2020-06-04 14:53:10 +00:00
|
|
|
passwordInput.forceActiveFocus(Qt.MouseFocusReason)
|
|
|
|
}
|
|
|
|
|
|
|
|
Input {
|
|
|
|
id: passwordInput
|
2020-07-06 20:39:55 +00:00
|
|
|
//% "Enter your password…"
|
|
|
|
placeholderText: qsTrId("enter-your-password…")
|
|
|
|
//% "Password"
|
|
|
|
label: qsTrId("password")
|
2020-06-04 14:53:10 +00:00
|
|
|
textField.echoMode: TextInput.Password
|
2020-06-22 18:47:16 +00:00
|
|
|
validationError: popup.passwordValidationError
|
2020-06-04 14:53:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
Input {
|
|
|
|
id: accountNameInput
|
|
|
|
anchors.top: passwordInput.bottom
|
|
|
|
anchors.topMargin: marginBetweenInputs
|
2020-07-06 20:39:55 +00:00
|
|
|
//% "Enter an account name..."
|
|
|
|
placeholderText: qsTrId("enter-an-account-name...")
|
|
|
|
//% "Account name"
|
|
|
|
label: qsTrId("account-name")
|
2020-06-22 18:47:16 +00:00
|
|
|
validationError: popup.accountNameValidationError
|
2020-06-04 14:53:10 +00:00
|
|
|
}
|
|
|
|
|
2020-07-30 05:18:54 +00:00
|
|
|
ColorSelector {
|
2020-06-04 14:53:10 +00:00
|
|
|
id: accountColorInput
|
2020-07-30 05:18:54 +00:00
|
|
|
model: Constants.accountColors
|
2020-06-04 14:53:10 +00:00
|
|
|
anchors.top: accountNameInput.bottom
|
|
|
|
anchors.topMargin: marginBetweenInputs
|
2020-07-30 05:18:54 +00:00
|
|
|
anchors.left: parent.left
|
|
|
|
anchors.right: parent.right
|
2020-06-04 14:53:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
footer: StyledButton {
|
2020-06-04 19:55:05 +00:00
|
|
|
anchors.top: parent.top
|
|
|
|
anchors.right: parent.right
|
2020-07-02 15:14:31 +00:00
|
|
|
anchors.rightMargin: Style.current.padding
|
2020-07-06 20:39:55 +00:00
|
|
|
label: loading ?
|
|
|
|
//% "Loading..."
|
|
|
|
qsTrId("loading") :
|
|
|
|
//% "Add account >"
|
|
|
|
qsTrId("add-account")
|
2020-06-04 14:53:10 +00:00
|
|
|
|
2020-06-25 19:31:30 +00:00
|
|
|
disabled: loading || passwordInput.text === "" || accountNameInput.text === ""
|
|
|
|
|
|
|
|
MessageDialog {
|
|
|
|
id: accountError
|
|
|
|
title: "Adding the account failed"
|
|
|
|
icon: StandardIcon.Critical
|
|
|
|
standardButtons: StandardButton.Ok
|
|
|
|
}
|
2020-06-04 14:53:10 +00:00
|
|
|
|
|
|
|
onClicked : {
|
2020-06-25 19:31:30 +00:00
|
|
|
// TODO the loaidng doesn't work because the function freezes th eview. Might need to use threads
|
|
|
|
loading = true
|
2020-06-22 18:47:16 +00:00
|
|
|
if (!validate()) {
|
2020-06-30 20:01:37 +00:00
|
|
|
errorSound.play()
|
2020-06-25 19:31:30 +00:00
|
|
|
return loading = false
|
|
|
|
}
|
|
|
|
|
2020-07-30 05:18:54 +00:00
|
|
|
const error = walletModel.generateNewAccount(passwordInput.text, accountNameInput.text, accountColorInput.selectedColor)
|
2020-06-25 19:31:30 +00:00
|
|
|
loading = false
|
|
|
|
if (error) {
|
2020-06-30 20:01:37 +00:00
|
|
|
errorSound.play()
|
2020-06-25 19:31:30 +00:00
|
|
|
accountError.text = error
|
|
|
|
return accountError.open()
|
2020-06-22 18:47:16 +00:00
|
|
|
}
|
|
|
|
|
2020-06-04 14:53:10 +00:00
|
|
|
popup.close();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*##^##
|
|
|
|
Designer {
|
|
|
|
D{i:0;formeditorColor:"#ffffff";height:500;width:400}
|
|
|
|
}
|
|
|
|
##^##*/
|