2020-06-17 19:18:31 +00:00
|
|
|
import QtQuick 2.13
|
|
|
|
import QtQuick.Controls 2.13
|
2020-08-13 08:24:51 +00:00
|
|
|
import QtQuick.Layouts 1.13
|
2020-08-20 04:45:29 +00:00
|
|
|
import QtQuick.Dialogs 1.3
|
2020-05-27 20:50:39 +00:00
|
|
|
import "../../../imports"
|
|
|
|
import "../../../shared"
|
2020-08-20 04:45:29 +00:00
|
|
|
import "../../../shared/status"
|
2020-06-04 20:56:44 +00:00
|
|
|
import "./components"
|
2020-05-27 20:50:39 +00:00
|
|
|
|
2020-06-26 16:08:51 +00:00
|
|
|
ModalPopup {
|
2020-08-20 04:45:29 +00:00
|
|
|
id: root
|
2020-06-26 16:08:51 +00:00
|
|
|
|
2020-07-06 20:39:55 +00:00
|
|
|
//% "Send"
|
|
|
|
title: qsTrId("command-button-send")
|
2020-08-20 04:45:29 +00:00
|
|
|
height: 504
|
2020-06-26 16:08:51 +00:00
|
|
|
|
2020-08-20 04:45:29 +00:00
|
|
|
property MessageDialog sendingError: MessageDialog {
|
|
|
|
id: sendingError
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "Error sending the transaction"
|
|
|
|
title: qsTrId("error-sending-the-transaction")
|
2020-08-20 04:45:29 +00:00
|
|
|
icon: StandardIcon.Critical
|
|
|
|
standardButtons: StandardButton.Ok
|
2020-05-27 20:50:39 +00:00
|
|
|
}
|
2020-08-20 04:45:29 +00:00
|
|
|
|
|
|
|
onClosed: {
|
|
|
|
stack.reset()
|
|
|
|
}
|
|
|
|
|
|
|
|
function sendTransaction() {
|
2020-09-11 14:50:22 +00:00
|
|
|
stack.currentGroup.isPending = true
|
2020-09-10 18:55:24 +00:00
|
|
|
walletModel.sendTransaction(selectFromAccount.selectedAccount.address,
|
2020-08-20 04:45:29 +00:00
|
|
|
selectRecipient.selectedRecipient.address,
|
|
|
|
txtAmount.selectedAsset.address,
|
|
|
|
txtAmount.selectedAmount,
|
|
|
|
gasSelector.selectedGasLimit,
|
|
|
|
gasSelector.selectedGasPrice,
|
|
|
|
transactionSigner.enteredPassword)
|
|
|
|
}
|
|
|
|
|
|
|
|
TransactionStackView {
|
|
|
|
id: stack
|
|
|
|
anchors.fill: parent
|
|
|
|
anchors.leftMargin: Style.current.padding
|
|
|
|
anchors.rightMargin: Style.current.padding
|
|
|
|
onGroupActivated: {
|
|
|
|
root.title = group.headerText
|
2020-09-11 14:50:22 +00:00
|
|
|
btnNext.text = group.footerText
|
2020-08-20 04:45:29 +00:00
|
|
|
}
|
|
|
|
TransactionFormGroup {
|
|
|
|
id: group1
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "Send"
|
|
|
|
headerText: qsTrId("command-button-send")
|
|
|
|
//% "Continue"
|
|
|
|
footerText: qsTrId("continue")
|
2020-08-20 04:45:29 +00:00
|
|
|
|
|
|
|
AccountSelector {
|
|
|
|
id: selectFromAccount
|
|
|
|
accounts: walletModel.accounts
|
|
|
|
selectedAccount: walletModel.currentAccount
|
|
|
|
currency: walletModel.defaultCurrency
|
|
|
|
width: stack.width
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "From account"
|
|
|
|
label: qsTrId("from-account")
|
2020-08-20 04:45:29 +00:00
|
|
|
reset: function() {
|
|
|
|
accounts = Qt.binding(function() { return walletModel.accounts })
|
|
|
|
selectedAccount = Qt.binding(function() { return walletModel.currentAccount })
|
|
|
|
}
|
feat: enable token transactions
Fixes #788.
Fixes #853.
Fixes #856.
refactor: gas estimation and transaction sends have been abstracted to allow calling `estimateGas`, `send`, and `call` on the contract method (similar to the web3 API).
Moved sticker pack gas estimation and purchase tx over to the new API
*Sticker purchase:*
- gas estimate is done using new API and debounced using a timer
*Wallet send transaction:*
- tokens can now be sent
- gas is estimated correctly for a token tx, and debounced using a timer
***NOTE***
1. If attempting to send tokens on testnet, you must use a custom token as the token addresses in the pre-built list are for mainnet and will not work on testnet.
2. The new API should support all existing gas estimates, send txs, and calls. The loading of sticker pack data, balance, count, purchased sticker packs, etc, can be moved over to the new API. Almost all of the `eth_sendTransaction`, `eth_gasEstimate`, and `eth_call` could be move over as well (that's the idea at least).
2020-09-07 09:39:17 +00:00
|
|
|
onSelectedAccountChanged: gasSelector.estimateGas()
|
2020-08-20 04:45:29 +00:00
|
|
|
}
|
|
|
|
SeparatorWithIcon {
|
|
|
|
id: separator
|
|
|
|
anchors.top: selectFromAccount.bottom
|
|
|
|
anchors.topMargin: 19
|
|
|
|
}
|
|
|
|
RecipientSelector {
|
|
|
|
id: selectRecipient
|
|
|
|
accounts: walletModel.accounts
|
|
|
|
contacts: profileModel.addedContacts
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "Recipient"
|
|
|
|
label: qsTrId("recipient")
|
2020-08-20 04:45:29 +00:00
|
|
|
anchors.top: separator.bottom
|
|
|
|
anchors.topMargin: 10
|
|
|
|
width: stack.width
|
|
|
|
reset: function() {
|
|
|
|
accounts = Qt.binding(function() { return walletModel.accounts })
|
|
|
|
contacts = Qt.binding(function() { return profileModel.addedContacts })
|
|
|
|
selectedRecipient = {}
|
|
|
|
}
|
feat: enable token transactions
Fixes #788.
Fixes #853.
Fixes #856.
refactor: gas estimation and transaction sends have been abstracted to allow calling `estimateGas`, `send`, and `call` on the contract method (similar to the web3 API).
Moved sticker pack gas estimation and purchase tx over to the new API
*Sticker purchase:*
- gas estimate is done using new API and debounced using a timer
*Wallet send transaction:*
- tokens can now be sent
- gas is estimated correctly for a token tx, and debounced using a timer
***NOTE***
1. If attempting to send tokens on testnet, you must use a custom token as the token addresses in the pre-built list are for mainnet and will not work on testnet.
2. The new API should support all existing gas estimates, send txs, and calls. The loading of sticker pack data, balance, count, purchased sticker packs, etc, can be moved over to the new API. Almost all of the `eth_sendTransaction`, `eth_gasEstimate`, and `eth_call` could be move over as well (that's the idea at least).
2020-09-07 09:39:17 +00:00
|
|
|
onSelectedRecipientChanged: gasSelector.estimateGas()
|
2020-08-20 04:45:29 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
TransactionFormGroup {
|
|
|
|
id: group2
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "Send"
|
|
|
|
headerText: qsTrId("command-button-send")
|
|
|
|
//% "Preview"
|
|
|
|
footerText: qsTrId("preview")
|
2020-08-20 04:45:29 +00:00
|
|
|
|
|
|
|
AssetAndAmountInput {
|
|
|
|
id: txtAmount
|
|
|
|
selectedAccount: selectFromAccount.selectedAccount
|
|
|
|
defaultCurrency: walletModel.defaultCurrency
|
|
|
|
getFiatValue: walletModel.getFiatValue
|
|
|
|
getCryptoValue: walletModel.getCryptoValue
|
|
|
|
width: stack.width
|
|
|
|
reset: function() {
|
|
|
|
selectedAccount = Qt.binding(function() { return selectFromAccount.selectedAccount })
|
|
|
|
}
|
feat: enable token transactions
Fixes #788.
Fixes #853.
Fixes #856.
refactor: gas estimation and transaction sends have been abstracted to allow calling `estimateGas`, `send`, and `call` on the contract method (similar to the web3 API).
Moved sticker pack gas estimation and purchase tx over to the new API
*Sticker purchase:*
- gas estimate is done using new API and debounced using a timer
*Wallet send transaction:*
- tokens can now be sent
- gas is estimated correctly for a token tx, and debounced using a timer
***NOTE***
1. If attempting to send tokens on testnet, you must use a custom token as the token addresses in the pre-built list are for mainnet and will not work on testnet.
2. The new API should support all existing gas estimates, send txs, and calls. The loading of sticker pack data, balance, count, purchased sticker packs, etc, can be moved over to the new API. Almost all of the `eth_sendTransaction`, `eth_gasEstimate`, and `eth_call` could be move over as well (that's the idea at least).
2020-09-07 09:39:17 +00:00
|
|
|
onSelectedAssetChanged: gasSelector.estimateGas()
|
|
|
|
onSelectedAmountChanged: gasSelector.estimateGas()
|
2020-08-20 04:45:29 +00:00
|
|
|
}
|
|
|
|
GasSelector {
|
|
|
|
id: gasSelector
|
|
|
|
anchors.top: txtAmount.bottom
|
2020-09-01 03:49:05 +00:00
|
|
|
anchors.topMargin: Style.current.bigPadding * 2
|
2020-08-20 04:45:29 +00:00
|
|
|
slowestGasPrice: parseFloat(walletModel.safeLowGasPrice)
|
|
|
|
fastestGasPrice: parseFloat(walletModel.fastestGasPrice)
|
|
|
|
getGasEthValue: walletModel.getGasEthValue
|
|
|
|
getFiatValue: walletModel.getFiatValue
|
|
|
|
defaultCurrency: walletModel.defaultCurrency
|
|
|
|
width: stack.width
|
|
|
|
reset: function() {
|
|
|
|
slowestGasPrice = Qt.binding(function(){ return parseFloat(walletModel.safeLowGasPrice) })
|
|
|
|
fastestGasPrice = Qt.binding(function(){ return parseFloat(walletModel.fastestGasPrice) })
|
|
|
|
}
|
feat: enable token transactions
Fixes #788.
Fixes #853.
Fixes #856.
refactor: gas estimation and transaction sends have been abstracted to allow calling `estimateGas`, `send`, and `call` on the contract method (similar to the web3 API).
Moved sticker pack gas estimation and purchase tx over to the new API
*Sticker purchase:*
- gas estimate is done using new API and debounced using a timer
*Wallet send transaction:*
- tokens can now be sent
- gas is estimated correctly for a token tx, and debounced using a timer
***NOTE***
1. If attempting to send tokens on testnet, you must use a custom token as the token addresses in the pre-built list are for mainnet and will not work on testnet.
2. The new API should support all existing gas estimates, send txs, and calls. The loading of sticker pack data, balance, count, purchased sticker packs, etc, can be moved over to the new API. Almost all of the `eth_sendTransaction`, `eth_gasEstimate`, and `eth_call` could be move over as well (that's the idea at least).
2020-09-07 09:39:17 +00:00
|
|
|
property var estimateGas: Backpressure.debounce(gasSelector, 600, function() {
|
|
|
|
if (!(selectFromAccount.selectedAccount && selectFromAccount.selectedAccount.address &&
|
|
|
|
selectRecipient.selectedRecipient && selectRecipient.selectedRecipient.address &&
|
|
|
|
txtAmount.selectedAsset && txtAmount.selectedAsset.address &&
|
|
|
|
txtAmount.selectedAmount)) return
|
|
|
|
|
|
|
|
let gasEstimate = JSON.parse(walletModel.estimateGas(
|
|
|
|
selectFromAccount.selectedAccount.address,
|
|
|
|
selectRecipient.selectedRecipient.address,
|
|
|
|
txtAmount.selectedAsset.address,
|
|
|
|
txtAmount.selectedAmount))
|
|
|
|
|
2020-09-15 08:53:56 +00:00
|
|
|
if (!gasEstimate.success) {
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "Error estimating gas: %1"
|
|
|
|
console.warn(qsTrId("error-estimating-gas---1").arg(gasEstimate.error.message))
|
feat: enable token transactions
Fixes #788.
Fixes #853.
Fixes #856.
refactor: gas estimation and transaction sends have been abstracted to allow calling `estimateGas`, `send`, and `call` on the contract method (similar to the web3 API).
Moved sticker pack gas estimation and purchase tx over to the new API
*Sticker purchase:*
- gas estimate is done using new API and debounced using a timer
*Wallet send transaction:*
- tokens can now be sent
- gas is estimated correctly for a token tx, and debounced using a timer
***NOTE***
1. If attempting to send tokens on testnet, you must use a custom token as the token addresses in the pre-built list are for mainnet and will not work on testnet.
2. The new API should support all existing gas estimates, send txs, and calls. The loading of sticker pack data, balance, count, purchased sticker packs, etc, can be moved over to the new API. Almost all of the `eth_sendTransaction`, `eth_gasEstimate`, and `eth_call` could be move over as well (that's the idea at least).
2020-09-07 09:39:17 +00:00
|
|
|
return
|
|
|
|
}
|
|
|
|
selectedGasLimit = gasEstimate.result
|
|
|
|
})
|
2020-08-20 04:45:29 +00:00
|
|
|
}
|
2020-09-01 03:49:05 +00:00
|
|
|
GasValidator {
|
|
|
|
id: gasValidator
|
|
|
|
anchors.bottom: parent.bottom
|
|
|
|
anchors.bottomMargin: 8
|
|
|
|
selectedAccount: selectFromAccount.selectedAccount
|
|
|
|
selectedAmount: parseFloat(txtAmount.selectedAmount)
|
|
|
|
selectedAsset: txtAmount.selectedAsset
|
|
|
|
selectedGasEthValue: gasSelector.selectedGasEthValue
|
|
|
|
reset: function() {
|
|
|
|
selectedAccount = Qt.binding(function() { return selectFromAccount.selectedAccount })
|
|
|
|
selectedAmount = Qt.binding(function() { return parseFloat(txtAmount.selectedAmount) })
|
|
|
|
selectedAsset = Qt.binding(function() { return txtAmount.selectedAsset })
|
|
|
|
selectedGasEthValue = Qt.binding(function() { return gasSelector.selectedGasEthValue })
|
|
|
|
}
|
|
|
|
}
|
2020-08-20 04:45:29 +00:00
|
|
|
}
|
|
|
|
TransactionFormGroup {
|
|
|
|
id: group3
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "Transaction preview"
|
|
|
|
headerText: qsTrId("transaction-preview")
|
|
|
|
//% "Sign with password"
|
|
|
|
footerText: qsTrId("sign-with-password")
|
2020-08-20 04:45:29 +00:00
|
|
|
|
|
|
|
TransactionPreview {
|
|
|
|
id: pvwTransaction
|
|
|
|
width: stack.width
|
|
|
|
fromAccount: selectFromAccount.selectedAccount
|
|
|
|
gas: {
|
2020-09-01 03:49:05 +00:00
|
|
|
"value": gasSelector.selectedGasEthValue,
|
|
|
|
"symbol": "ETH",
|
|
|
|
"fiatValue": gasSelector.selectedGasFiatValue
|
2020-08-20 04:45:29 +00:00
|
|
|
}
|
|
|
|
toAccount: selectRecipient.selectedRecipient
|
|
|
|
asset: txtAmount.selectedAsset
|
|
|
|
amount: { "value": txtAmount.selectedAmount, "fiatValue": txtAmount.selectedFiatAmount }
|
|
|
|
currency: walletModel.defaultCurrency
|
|
|
|
reset: function() {
|
|
|
|
fromAccount = Qt.binding(function() { return selectFromAccount.selectedAccount })
|
|
|
|
toAccount = Qt.binding(function() { return selectRecipient.selectedRecipient })
|
|
|
|
asset = Qt.binding(function() { return txtAmount.selectedAsset })
|
|
|
|
amount = Qt.binding(function() { return { "value": txtAmount.selectedAmount, "fiatValue": txtAmount.selectedFiatAmount } })
|
|
|
|
gas = Qt.binding(function() {
|
2020-09-01 03:49:05 +00:00
|
|
|
return {
|
|
|
|
"value": gasSelector.selectedGasEthValue,
|
|
|
|
"symbol": "ETH",
|
|
|
|
"fiatValue": gasSelector.selectedGasFiatValue
|
|
|
|
}
|
2020-08-20 04:45:29 +00:00
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
TransactionFormGroup {
|
|
|
|
id: group4
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "Sign with password"
|
|
|
|
headerText: qsTrId("sign-with-password")
|
|
|
|
//% "Send %1 %2"
|
|
|
|
footerText: qsTrId("send--1--2").arg(txtAmount.selectedAmount).arg(!!txtAmount.selectedAsset ? txtAmount.selectedAsset.symbol : "")
|
2020-05-27 20:50:39 +00:00
|
|
|
|
2020-08-20 04:45:29 +00:00
|
|
|
TransactionSigner {
|
|
|
|
id: transactionSigner
|
|
|
|
width: stack.width
|
|
|
|
signingPhrase: walletModel.signingPhrase
|
|
|
|
reset: function() {
|
|
|
|
signingPhrase = Qt.binding(function() { return walletModel.signingPhrase })
|
|
|
|
}
|
|
|
|
}
|
2020-07-01 14:24:07 +00:00
|
|
|
}
|
2020-05-27 20:50:39 +00:00
|
|
|
}
|
|
|
|
|
2020-08-13 08:24:51 +00:00
|
|
|
footer: Item {
|
2020-06-26 16:08:51 +00:00
|
|
|
anchors.top: parent.top
|
2020-08-13 08:24:51 +00:00
|
|
|
anchors.left: parent.left
|
2020-06-26 16:08:51 +00:00
|
|
|
anchors.right: parent.right
|
2020-08-13 08:24:51 +00:00
|
|
|
StyledButton {
|
|
|
|
id: btnBack
|
|
|
|
anchors.left: parent.left
|
2020-08-20 04:45:29 +00:00
|
|
|
width: 44
|
|
|
|
height: 44
|
|
|
|
visible: !stack.isFirstGroup
|
|
|
|
label: ""
|
|
|
|
background: Rectangle {
|
|
|
|
anchors.fill: parent
|
|
|
|
border.width: 0
|
|
|
|
radius: width / 2
|
|
|
|
color: btnBack.disabled ? Style.current.grey :
|
|
|
|
btnBack.hovered ? Qt.darker(btnBack.btnColor, 1.1) : btnBack.btnColor
|
|
|
|
|
|
|
|
SVGImage {
|
|
|
|
width: 20.42
|
|
|
|
height: 15.75
|
|
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
fillMode: Image.PreserveAspectFit
|
|
|
|
source: "../../img/arrow-right.svg"
|
|
|
|
rotation: 180
|
|
|
|
}
|
2020-08-13 08:24:51 +00:00
|
|
|
}
|
|
|
|
onClicked: {
|
2020-08-20 04:45:29 +00:00
|
|
|
stack.back()
|
2020-08-13 08:24:51 +00:00
|
|
|
}
|
|
|
|
}
|
2020-09-11 14:50:22 +00:00
|
|
|
StatusButton {
|
2020-08-20 04:45:29 +00:00
|
|
|
id: btnNext
|
2020-08-13 08:24:51 +00:00
|
|
|
anchors.right: parent.right
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "Next"
|
|
|
|
text: qsTrId("next")
|
2020-09-11 14:50:22 +00:00
|
|
|
enabled: !(!stack.currentGroup.isValid || stack.currentGroup.isPending)
|
|
|
|
state: stack.currentGroup.isPending ? "pending" : "default"
|
2020-08-13 08:24:51 +00:00
|
|
|
onClicked: {
|
2020-09-09 11:04:01 +00:00
|
|
|
const validity = stack.currentGroup.validate()
|
|
|
|
if (validity.isValid && !validity.isPending) {
|
2020-08-20 04:45:29 +00:00
|
|
|
if (stack.isLastGroup) {
|
|
|
|
return root.sendTransaction()
|
|
|
|
}
|
|
|
|
stack.next()
|
2020-08-19 15:29:42 +00:00
|
|
|
}
|
2020-08-13 08:24:51 +00:00
|
|
|
}
|
2020-09-10 18:55:24 +00:00
|
|
|
}
|
2020-09-14 14:58:21 +00:00
|
|
|
|
2020-09-10 18:55:24 +00:00
|
|
|
Connections {
|
|
|
|
target: walletModel
|
|
|
|
onTransactionWasSent: {
|
|
|
|
try {
|
2020-09-11 14:50:22 +00:00
|
|
|
stack.currentGroup.isPending = false
|
2020-09-10 18:55:24 +00:00
|
|
|
let response = JSON.parse(txResult)
|
|
|
|
|
2020-09-15 08:53:56 +00:00
|
|
|
if (!response.success) {
|
|
|
|
if (response.result.includes("could not decrypt key with given password")){
|
2020-09-14 12:12:47 +00:00
|
|
|
//% "Wrong password"
|
|
|
|
transactionSigner.validationError = qsTrId("wrong-password")
|
2020-09-10 18:55:24 +00:00
|
|
|
return
|
|
|
|
}
|
2020-09-15 08:53:56 +00:00
|
|
|
sendingError.text = response.result
|
2020-09-10 18:55:24 +00:00
|
|
|
return sendingError.open()
|
|
|
|
}
|
|
|
|
|
2020-09-11 17:31:13 +00:00
|
|
|
toastMessage.title = qsTr("Transaction pending...")
|
2020-09-14 14:58:21 +00:00
|
|
|
toastMessage.source = "../../img/loading.svg"
|
|
|
|
toastMessage.iconColor = Style.current.primary
|
|
|
|
toastMessage.iconRotates = true
|
2020-09-11 17:31:13 +00:00
|
|
|
toastMessage.link = `${walletModel.etherscanLink}/${response.result}`
|
|
|
|
toastMessage.open()
|
|
|
|
root.close()
|
2020-09-10 18:55:24 +00:00
|
|
|
} catch (e) {
|
2020-09-11 17:31:13 +00:00
|
|
|
console.error('Error parsing the response', e)
|
2020-09-10 18:55:24 +00:00
|
|
|
}
|
|
|
|
}
|
2020-09-14 14:58:21 +00:00
|
|
|
onTransactionCompleted: {
|
|
|
|
if (success) {
|
|
|
|
toastMessage.title = qsTr("Transaction completed")
|
|
|
|
toastMessage.source = "../../img/check-circle.svg"
|
|
|
|
toastMessage.iconColor = Style.current.success
|
|
|
|
} else {
|
|
|
|
toastMessage.title = qsTr("Transaction failed")
|
|
|
|
toastMessage.source = "../../img/block-icon.svg"
|
|
|
|
toastMessage.iconColor = Style.current.danger
|
|
|
|
}
|
|
|
|
toastMessage.link = `${walletModel.etherscanLink}/${txHash}`
|
|
|
|
toastMessage.open()
|
|
|
|
}
|
2020-05-27 20:50:39 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*##^##
|
|
|
|
Designer {
|
|
|
|
D{i:0;autoSize:true;height:480;width:640}
|
|
|
|
}
|
|
|
|
##^##*/
|
2020-05-29 15:43:37 +00:00
|
|
|
|