status-desktop/ui/app/AppLayouts/Wallet/components/GenerateAccountModal.qml

128 lines
3.7 KiB
QML
Raw Normal View History

2020-06-17 19:18:31 +00:00
import QtQuick 2.13
import QtQuick.Dialogs 1.3
2020-06-04 14:53:10 +00:00
import "../../../../imports"
import "../../../../shared"
ModalPopup {
id: popup
//% "Generate an account"
title: qsTrId("generate-a-new-account")
2020-06-04 14:53:10 +00:00
property int marginBetweenInputs: 38
2020-06-04 18:56:04 +00:00
property string selectedColor: Constants.accountColors[0]
property string passwordValidationError: ""
property string accountNameValidationError: ""
property bool loading: false
function validate() {
if (passwordInput.text === "") {
//% "You need to enter a password"
passwordValidationError = qsTrId("you-need-to-enter-a-password")
} else if (passwordInput.text.length < 4) {
//% "Password needs to be 4 characters or more"
passwordValidationError = qsTrId("password-needs-to-be-4-characters-or-more")
} else {
passwordValidationError = ""
}
if (accountNameInput.text === "") {
//% "You need to enter an account name"
accountNameValidationError = qsTrId("you-need-to-enter-an-account-name")
} else {
accountNameValidationError = ""
}
return passwordValidationError === "" && accountNameValidationError === ""
}
2020-06-04 14:53:10 +00:00
onOpened: {
passwordInput.text = "";
passwordInput.forceActiveFocus(Qt.MouseFocusReason)
}
Input {
id: passwordInput
//% "Enter your password…"
placeholderText: qsTrId("enter-your-password…")
//% "Password"
label: qsTrId("password")
2020-06-04 14:53:10 +00:00
textField.echoMode: TextInput.Password
validationError: popup.passwordValidationError
2020-06-04 14:53:10 +00:00
}
Input {
id: accountNameInput
anchors.top: passwordInput.bottom
anchors.topMargin: marginBetweenInputs
//% "Enter an account name..."
placeholderText: qsTrId("enter-an-account-name...")
//% "Account name"
label: qsTrId("account-name")
validationError: popup.accountNameValidationError
2020-06-04 14:53:10 +00:00
}
Select {
2020-06-04 14:53:10 +00:00
id: accountColorInput
anchors.top: accountNameInput.bottom
anchors.topMargin: marginBetweenInputs
2020-06-04 18:56:04 +00:00
bgColor: selectedColor
//% "Account color"
label: qsTrId("account-color")
2020-06-04 18:56:04 +00:00
selectOptions: Constants.accountColors.map(color => {
return {
text: "",
bgColor: color,
height: 52,
onClicked: function () {
selectedColor = color
}
}
})
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
anchors.rightMargin: Style.current.padding
label: loading ?
//% "Loading..."
qsTrId("loading") :
//% "Add account >"
qsTrId("add-account")
2020-06-04 14:53:10 +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 : {
// TODO the loaidng doesn't work because the function freezes th eview. Might need to use threads
loading = true
if (!validate()) {
errorSound.play()
return loading = false
}
const error = walletModel.generateNewAccount(passwordInput.text, accountNameInput.text, selectedColor)
loading = false
if (error) {
errorSound.play()
accountError.text = error
return accountError.open()
}
2020-06-04 14:53:10 +00:00
popup.close();
}
}
}
/*##^##
Designer {
D{i:0;formeditorColor:"#ffffff";height:500;width:400}
}
##^##*/