mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 06:16:32 +00:00
9374be5857
Fixes #670. Component spec based on https://www.notion.so/emizzle/Wallet-transaction-components-2003b78a8d0d41c4ab3d21eb2496fb20. Changes the current Select shared component to a model databound component. This means we can bind directly to `QAbstractListModel`'s coming from Nim instead of needing manipulating the data in to javascript objects. The changes to the Select component will be used for the upcoming Asset selector shared component.
119 lines
3.5 KiB
QML
119 lines
3.5 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Dialogs 1.3
|
|
import "../../../../imports"
|
|
import "../../../../shared"
|
|
|
|
ModalPopup {
|
|
id: popup
|
|
//% "Add a watch-only account"
|
|
title: qsTrId("add-watch-account")
|
|
|
|
property int marginBetweenInputs: 38
|
|
property string addressError: ""
|
|
property string accountNameValidationError: ""
|
|
property bool loading: false
|
|
|
|
function validate() {
|
|
if (addressInput.text === "") {
|
|
//% "You need to enter an address"
|
|
addressError = qsTrId("you-need-to-enter-an-address")
|
|
} else if (!Utils.isAddress(addressInput.text)) {
|
|
//% "This needs to be a valid address (starting with 0x)"
|
|
addressError = qsTrId("this-needs-to-be-a-valid-address-(starting-with-0x)")
|
|
} else {
|
|
addressError = ""
|
|
}
|
|
|
|
if (accountNameInput.text === "") {
|
|
//% "You need to enter an account name"
|
|
accountNameValidationError = qsTrId("you-need-to-enter-an-account-name")
|
|
} else {
|
|
accountNameValidationError = ""
|
|
}
|
|
|
|
return addressError === "" && accountNameValidationError === ""
|
|
}
|
|
|
|
onOpened: {
|
|
addressInput.text = "";
|
|
addressInput.forceActiveFocus(Qt.MouseFocusReason)
|
|
}
|
|
|
|
Input {
|
|
id: addressInput
|
|
// TODO add QR code reader for the address
|
|
//% "Enter address..."
|
|
placeholderText: qsTrId("enter-address...")
|
|
//% "Account address"
|
|
label: qsTrId("wallet-key-title")
|
|
validationError: popup.addressError
|
|
}
|
|
|
|
Input {
|
|
id: accountNameInput
|
|
anchors.top: addressInput.bottom
|
|
anchors.topMargin: marginBetweenInputs
|
|
//% "Enter an account name..."
|
|
placeholderText: qsTrId("enter-an-account-name...")
|
|
//% "Account name"
|
|
label: qsTrId("account-name")
|
|
validationError: popup.accountNameValidationError
|
|
}
|
|
|
|
ColorSelector {
|
|
id: accountColorInput
|
|
selectedColor: Constants.accountColors[0]
|
|
model: Constants.accountColors
|
|
anchors.top: accountNameInput.bottom
|
|
anchors.topMargin: marginBetweenInputs
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
}
|
|
|
|
footer: StyledButton {
|
|
anchors.top: parent.top
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.padding
|
|
label: loading ?
|
|
//% "Loading..."
|
|
qsTrId("loading") :
|
|
//% "Add account >"
|
|
qsTrId("add-account")
|
|
|
|
disabled: loading || addressInput.text === "" || accountNameInput.text === ""
|
|
|
|
MessageDialog {
|
|
id: accountError
|
|
title: "Adding the account failed"
|
|
icon: StandardIcon.Critical
|
|
standardButtons: StandardButton.Ok
|
|
}
|
|
|
|
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.addWatchOnlyAccount(addressInput.text, accountNameInput.text, accountColorInput.selectedColor);
|
|
loading = false
|
|
if (error) {
|
|
errorSound.play()
|
|
accountError.text = error
|
|
return accountError.open()
|
|
}
|
|
|
|
popup.close();
|
|
}
|
|
}
|
|
}
|
|
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;formeditorColor:"#ffffff";height:500;width:400}
|
|
}
|
|
##^##*/
|