346 lines
12 KiB
QML
346 lines
12 KiB
QML
/*
|
|
* This file is part of the Flowee project
|
|
* Copyright (C) 2020-2021 Tom Zander <tom@flowee.org>
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
import QtQuick 2.14
|
|
import QtQuick.Controls 2.14
|
|
import QtQuick.Layouts 1.14
|
|
import QtQuick.Window 2.14
|
|
|
|
import Flowee.org.pay 1.0
|
|
import "./ControlColors.js" as ControlColors
|
|
|
|
Rectangle {
|
|
id: root
|
|
function reset() {
|
|
// reset fields
|
|
bitcoinValueField.reset();
|
|
bitcoinValueField.maxSelected = false;
|
|
destination.forceLegacyOk = false;
|
|
destination.text = "";
|
|
destination.updateColor();
|
|
delete root.payment;
|
|
root.payment = null;
|
|
}
|
|
color: mainWindow.palette.window
|
|
|
|
property QtObject payment: null
|
|
|
|
Column {
|
|
x: 10
|
|
y: 10
|
|
spacing: 10
|
|
width: parent.width - 20
|
|
Label {
|
|
text: qsTr("Destination") + ":"
|
|
Layout.columnSpan: 2
|
|
}
|
|
RowLayout {
|
|
width: parent.width
|
|
FloweeTextField {
|
|
id: destination
|
|
focus: true
|
|
property bool addressOk: addressType === Pay.CashPKH || (forceLegacyOk && addressType === Pay.LegacyPKH)
|
|
property var addressType: Flowee.identifyString(text);
|
|
property bool forceLegacyOk: false
|
|
|
|
placeholderText: qsTr("Enter Bitcoin Cash Address")
|
|
Layout.fillWidth: true
|
|
Layout.columnSpan: 3
|
|
|
|
onFocusChanged: updateColor();
|
|
onAddressOkChanged: updateColor()
|
|
|
|
function updateColor() {
|
|
if (!activeFocus && text !== "" && !addressOk)
|
|
color = Flowee.useDarkSkin ? "#ff6568" : "red"
|
|
else
|
|
color = mainWindow.palette.text
|
|
}
|
|
|
|
}
|
|
Label {
|
|
id: checked
|
|
color: "green"
|
|
|
|
font.pixelSize: 24
|
|
text: destination.addressOk ? "✔" : " "
|
|
}
|
|
}
|
|
|
|
Label {
|
|
id: payAmount
|
|
text: qsTr("Amount") + ":"
|
|
}
|
|
RowLayout {
|
|
/* TODO hook this up when we add fiat support.
|
|
FloweeTextField {
|
|
text: "0.0 EUR"
|
|
}
|
|
FloweeCheckBox {
|
|
id: amountSelector
|
|
}
|
|
*/
|
|
BitcoinValueField {
|
|
id: bitcoinValueField
|
|
property bool maxSelected: false
|
|
property string previousAmountString: ""
|
|
|
|
fontPtSize: payAmount.font.pointSize
|
|
onValueChanged: maxSelected = false
|
|
|
|
function update(setToMax) {
|
|
if (setToMax) {
|
|
// backup what the user typed there, to be used if she no longer wants 'max'
|
|
previousAmountString = bitcoinValueField.valueObject.enteredString;
|
|
value = portfolio.current.balanceConfirmed + portfolio.current.balanceUnconfirmed
|
|
} else {
|
|
valueObject.strValue = previousAmountString
|
|
}
|
|
}
|
|
Connections {
|
|
target: portfolio
|
|
function onCurrentChanged() {
|
|
var setToMax = bitcoinValueField.maxSelected
|
|
if (setToMax) {
|
|
bitcoinValueField.update(setToMax);
|
|
bitcoinValueField.maxSelected = setToMax; // undo any changes in the button
|
|
}
|
|
}
|
|
}
|
|
}
|
|
Button2 {
|
|
id: sendAll
|
|
text: qsTr("Max")
|
|
checkable: true
|
|
checked: bitcoinValueField.maxSelected
|
|
|
|
onClicked: {
|
|
var isChecked = !bitcoinValueField.maxSelected // simply invert
|
|
bitcoinValueField.update(isChecked);
|
|
bitcoinValueField.maxSelected = isChecked
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
width: parent.width
|
|
/* TODO future feature.
|
|
Button2 {
|
|
text: qsTr("Add Advanced Option...")
|
|
}
|
|
*/
|
|
|
|
Item {
|
|
width: 1; height: 1
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Button2 {
|
|
id: prepareButton
|
|
text: qsTr("Prepare")
|
|
enabled: (bitcoinValueField.value > 0
|
|
|| bitcoinValueField.maxSelected) && destination.addressOk;
|
|
|
|
property QtObject portfolioUsed: null
|
|
|
|
onClicked: {
|
|
if (bitcoinValueField.maxSelected)
|
|
var payment = portfolio.startPayAllToAddress(destination.text);
|
|
else
|
|
payment = portfolio.startPayToAddress(destination.text, bitcoinValueField.valueObject);
|
|
delete root.payment;
|
|
root.payment = payment;
|
|
payment.approveAndSign();
|
|
portfolioUsed = portfolio.current
|
|
}
|
|
}
|
|
}
|
|
Label {
|
|
text: qsTr("Not enough funds in account to make payment!")
|
|
visible: root.payment !== null && !root.payment.paymentOk
|
|
}
|
|
|
|
FloweeGroupBox {
|
|
id: txDetails
|
|
Layout.columnSpan: 4
|
|
title: qsTr("Transaction Details")
|
|
width: parent.width
|
|
|
|
|
|
content: GridLayout {
|
|
columns: 2
|
|
property bool txOk: root.payment !== null && root.payment.paymentOk
|
|
|
|
Label {
|
|
text: qsTr("Destination") + ":"
|
|
Layout.alignment: Qt.AlignRight
|
|
visible: finalDestination.visible
|
|
}
|
|
Label {
|
|
id: finalDestination
|
|
text: root.payment === null ? "" : root.payment.formattedTargetAddress
|
|
wrapMode: Text.WrapAnywhere
|
|
Layout.fillWidth: true
|
|
visible: text !== "" && text != destination.text
|
|
}
|
|
Label {
|
|
// no need translating this one.
|
|
text: "TxId:"
|
|
Layout.alignment: Qt.AlignRight | Qt.AlignTop
|
|
}
|
|
|
|
LabelWithClipboard {
|
|
text: root.payment === null ? qsTr("Not prepared yet") : root.payment.txid
|
|
Layout.fillWidth: true
|
|
}
|
|
Label {
|
|
text: qsTr("Fee") + ":"
|
|
Layout.alignment: Qt.AlignRight
|
|
}
|
|
|
|
BitcoinAmountLabel {
|
|
value: !parent.txOk ? 0 : root.payment.assignedFee
|
|
colorize: false
|
|
}
|
|
Label {
|
|
text: qsTr("Transaction size") + ":"
|
|
Layout.alignment: Qt.AlignRight
|
|
}
|
|
Label {
|
|
text: {
|
|
if (!parent.txOk)
|
|
return "";
|
|
var rc = root.payment.txSize;
|
|
return qsTr("%1 bytes", "", rc).arg(rc)
|
|
}
|
|
}
|
|
Label {
|
|
text: qsTr("Fee per byte") + ":"
|
|
Layout.alignment: Qt.AlignRight
|
|
}
|
|
Label {
|
|
text: {
|
|
if (!parent.txOk)
|
|
return "";
|
|
var rc = root.payment.assignedFee / root.payment.txSize;
|
|
|
|
var fee = rc.toFixed(3); // no more than 3 numbers behind the separator
|
|
fee = (fee * 1.0).toString(); // remove trailing zero's (1.000 => 1)
|
|
return qsTr("%1 sat/byte", "fee", rc).arg(fee);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
width: parent.width
|
|
|
|
Item {
|
|
width: 1; height: 1
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Button2 {
|
|
id: button
|
|
text: qsTr("Send")
|
|
enabled: root.payment !== null && root.payment.paymentOk
|
|
&& prepareButton.portfolioUsed === portfolio.current // also make sure we prepared for the current portfolio.
|
|
onClicked: {
|
|
root.payment.sendTx();
|
|
root.payment = null
|
|
reset();
|
|
}
|
|
}
|
|
Button2 {
|
|
text: qsTr("Cancel")
|
|
onClicked: root.reset();
|
|
}
|
|
}
|
|
}
|
|
Item {
|
|
// overlay item
|
|
anchors.fill: parent
|
|
Item {
|
|
// BTC address warning.
|
|
visible: destination.addressType === Pay.LegacyPKH && destination.forceLegacyOk === false;
|
|
onVisibleChanged: {
|
|
var pos = parent.mapFromItem(destination, 0, destination.height);
|
|
// console.log("xxxx " + pos.x + ", " + pos.y);
|
|
x = pos.x + 20
|
|
y = pos.y + 25
|
|
}
|
|
|
|
width: destination.width - 40
|
|
height: warningColumn.height + 20
|
|
Rectangle {
|
|
anchors.fill: warningColumn
|
|
anchors.margins: -10
|
|
color: warning.palette.window
|
|
border.width: 3
|
|
border.color: "red"
|
|
radius: 10
|
|
}
|
|
ArrowPoint {
|
|
x: 40
|
|
anchors.bottom: warningColumn.top
|
|
anchors.bottomMargin: 5
|
|
rotation: -90
|
|
color: "red"
|
|
}
|
|
|
|
Column {
|
|
id: warningColumn
|
|
x: 10
|
|
width: parent.width - 20
|
|
spacing: 10
|
|
Label {
|
|
font.bold: true
|
|
font.pixelSize: warning.font.pixelSize * 1.2
|
|
text: qsTr("Warning")
|
|
}
|
|
Label {
|
|
id: warning
|
|
width: parent.width
|
|
text: qsTr("This is a request to pay to a BTC address, which is an incompatible coin. Your funds could get lost and Flowee will have no way to recover them. Are you sure you want to pay to this BTC address?")
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
}
|
|
|
|
RowLayout {
|
|
|
|
width: parent.width
|
|
Item {
|
|
width: 1; height: 1
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Button {
|
|
text: qsTr("Yes, I am sure")
|
|
onClicked: destination.forceLegacyOk = true
|
|
}
|
|
Button {
|
|
text: qsTr("No")
|
|
onClicked: {
|
|
destination.text = ""
|
|
destination.updateColor()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|