mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-13 15:17:45 +00:00
937dd89146
Having all the different input types in one file made it simpler to design, but created an issue with memory, because all the aliases, properties and images were created for all types even if you only used a basic Input. I tried using Loaders, but making aliases within loaders is super painful/impossible in some cases.
76 lines
2.0 KiB
QML
76 lines
2.0 KiB
QML
import QtQuick 2.12
|
|
import QtQuick.Controls 2.3
|
|
import QtQuick.Layouts 1.3
|
|
import "../../../../imports"
|
|
import "../../../../shared"
|
|
|
|
ModalPopup {
|
|
id: popup
|
|
title: qsTr("Generate an account")
|
|
|
|
property int marginBetweenInputs: 38
|
|
property string selectedColor: Constants.accountColors[0]
|
|
|
|
onOpened: {
|
|
passwordInput.text = "";
|
|
passwordInput.forceActiveFocus(Qt.MouseFocusReason)
|
|
}
|
|
|
|
Input {
|
|
id: passwordInput
|
|
placeholderText: qsTr("Enter your password…")
|
|
label: qsTr("Password")
|
|
textField.echoMode: TextInput.Password
|
|
}
|
|
|
|
Input {
|
|
id: accountNameInput
|
|
anchors.top: passwordInput.bottom
|
|
anchors.topMargin: marginBetweenInputs
|
|
placeholderText: qsTr("Enter an account name...")
|
|
label: qsTr("Account name")
|
|
}
|
|
|
|
Select {
|
|
id: accountColorInput
|
|
anchors.top: accountNameInput.bottom
|
|
anchors.topMargin: marginBetweenInputs
|
|
bgColor: selectedColor
|
|
label: qsTr("Account color")
|
|
selectOptions: Constants.accountColors.map(color => {
|
|
return {
|
|
text: "",
|
|
bgColor: color,
|
|
height: 52,
|
|
onClicked: function () {
|
|
selectedColor = color
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
footer: StyledButton {
|
|
anchors.top: parent.top
|
|
anchors.topMargin: Theme.padding
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Theme.padding
|
|
label: "Add account >"
|
|
|
|
disabled: passwordInput.text === "" || accountNameInput.text === ""
|
|
|
|
onClicked : {
|
|
// TODO add message to show validation errors
|
|
if (passwordInput.text === "" || accountNameInput.text === "") return;
|
|
walletModel.generateNewAccount(passwordInput.text, accountNameInput.text, selectedColor);
|
|
// TODO manage errors adding account
|
|
popup.close();
|
|
}
|
|
}
|
|
}
|
|
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;formeditorColor:"#ffffff";height:500;width:400}
|
|
}
|
|
##^##*/
|