mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-03 10:14:04 +00:00
122 lines
3.8 KiB
QML
122 lines
3.8 KiB
QML
import QtQuick 2.13
|
|
import "../../../../imports"
|
|
import "../../../../shared"
|
|
|
|
Item {
|
|
id: sendModalContent
|
|
property alias amountInput: txtAmount
|
|
property alias amountText: txtAmount.text
|
|
property alias toText: txtTo.text
|
|
property alias passwordText: txtPassword.text
|
|
property var accounts
|
|
property string defaultAccount: "0x1234"
|
|
property int selectedAccountIndex: 0
|
|
property string selectedAccountAddress: accounts && accounts.length ? accounts[selectedAccountIndex].address : ""
|
|
property string selectedAccountName: accounts && accounts.length ? accounts[selectedAccountIndex].name : ""
|
|
property string selectedAccountIconColor: accounts && accounts.length ? accounts[selectedAccountIndex].iconColor : ""
|
|
|
|
|
|
property string passwordValidationError: ""
|
|
property string toValidationError: ""
|
|
property string amountValidationError: ""
|
|
|
|
function validate() {
|
|
if (passwordText === "") {
|
|
passwordValidationError = qsTr("You need to enter a password")
|
|
} else if (passwordText.length < 4) {
|
|
passwordValidationError = qsTr("Password needs to be 4 characters or more")
|
|
} else {
|
|
passwordValidationError = ""
|
|
}
|
|
|
|
if (toText === "") {
|
|
toValidationError = qsTr("You need to enter a destination address")
|
|
} else if (!Utils.isAddress(toText)) {
|
|
toValidationError = qsTr("This needs to be a valid address (starting with 0x)")
|
|
} else {
|
|
toValidationError = ""
|
|
}
|
|
|
|
if (amountText === "") {
|
|
amountValidationError = qsTr("You need to enter an amount")
|
|
} else if (isNaN(amountText)) {
|
|
amountValidationError = qsTr("This needs to be a number")
|
|
// TODO check balance?
|
|
} else {
|
|
amountValidationError = ""
|
|
}
|
|
|
|
return passwordValidationError === "" && toValidationError === "" && amountValidationError === ""
|
|
}
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
Input {
|
|
id: txtAmount
|
|
label: qsTr("Amount")
|
|
icon: "../../../img/token-icons/eth.svg"
|
|
anchors.top: parent.top
|
|
placeholderText: qsTr("Enter ETH")
|
|
validationError: amountValidationError
|
|
}
|
|
|
|
Select {
|
|
id: txtFrom
|
|
iconHeight: 12
|
|
iconWidth: 12
|
|
icon: "../../../img/walletIcon.svg"
|
|
iconColor: selectedAccountIconColor
|
|
label: qsTr("From account")
|
|
anchors.top: txtAmount.bottom
|
|
anchors.topMargin: Theme.padding
|
|
selectedText: selectedAccountName
|
|
selectOptions: sendModalContent.accounts.map(function (account, index) {
|
|
return {
|
|
text: account.name,
|
|
onClicked: function () {
|
|
selectedAccountIndex = index
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
StyledText {
|
|
id: textSelectAccountAddress
|
|
text: selectedAccountAddress
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 2
|
|
elide: Text.ElideMiddle
|
|
anchors.top: txtFrom.bottom
|
|
font.pixelSize: 12
|
|
color: Theme.darkGrey
|
|
}
|
|
|
|
Input {
|
|
id: txtTo
|
|
label: qsTr("Recipient")
|
|
text: defaultAccount
|
|
placeholderText: qsTr("Send to")
|
|
anchors.top: textSelectAccountAddress.bottom
|
|
anchors.topMargin: Theme.padding
|
|
validationError: toValidationError
|
|
}
|
|
|
|
Input {
|
|
id: txtPassword
|
|
label: qsTr("Password")
|
|
placeholderText: qsTr("Enter Password")
|
|
anchors.top: txtTo.bottom
|
|
anchors.topMargin: Theme.padding
|
|
textField.echoMode: TextInput.Password
|
|
validationError: passwordValidationError
|
|
}
|
|
}
|
|
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;autoSize:true;formeditorColor:"#ffffff";height:480;width:640}
|
|
}
|
|
##^##*/
|