472 lines
18 KiB
QML
472 lines
18 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls
|
|
import QtQuick.Controls.Material
|
|
|
|
import org.electrum 1.0
|
|
|
|
import "controls"
|
|
|
|
ElDialog {
|
|
id: dialog
|
|
|
|
property Invoice invoice
|
|
property bool payImmediately: false
|
|
|
|
signal doPay
|
|
signal invoiceAmountChanged
|
|
|
|
title: invoice.invoiceType == Invoice.OnchainInvoice ? qsTr('On-chain Invoice') : qsTr('Lightning Invoice')
|
|
iconSource: Qt.resolvedUrl('../../icons/tab_send.png')
|
|
|
|
padding: 0
|
|
|
|
property bool _canMax: invoice.invoiceType == Invoice.OnchainInvoice
|
|
|
|
property Amount _invoice_amount: invoice.amount
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
|
|
Flickable {
|
|
Layout.preferredWidth: parent.width
|
|
Layout.fillHeight: true
|
|
|
|
leftMargin: constants.paddingLarge
|
|
rightMargin: constants.paddingLarge
|
|
|
|
contentHeight: rootLayout.height
|
|
clip:true
|
|
interactive: height < contentHeight
|
|
|
|
GridLayout {
|
|
id: rootLayout
|
|
width: parent.width
|
|
|
|
columns: 2
|
|
|
|
InfoTextArea {
|
|
id: helpText
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
Layout.bottomMargin: constants.paddingLarge
|
|
visible: text
|
|
text: invoice.userinfo ? invoice.userinfo : invoice.statusString
|
|
iconStyle: invoice.status == Invoice.Failed || invoice.status == Invoice.Unknown
|
|
? InfoTextArea.IconStyle.Warn
|
|
: invoice.status == Invoice.Expired
|
|
? InfoTextArea.IconStyle.Error
|
|
: invoice.status == Invoice.Inflight || invoice.status == Invoice.Routing || invoice.status == Invoice.Unconfirmed
|
|
? InfoTextArea.IconStyle.Progress
|
|
: invoice.status == Invoice.Paid
|
|
? InfoTextArea.IconStyle.Done
|
|
: invoice.status == Invoice.Unpaid && invoice.expiration > 0
|
|
? InfoTextArea.IconStyle.Pending
|
|
: InfoTextArea.IconStyle.Info
|
|
}
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
Layout.topMargin: constants.paddingSmall
|
|
visible: invoice.invoiceType == Invoice.OnchainInvoice
|
|
text: qsTr('Address')
|
|
color: Material.accentColor
|
|
}
|
|
|
|
TextHighlightPane {
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
visible: invoice.invoiceType == Invoice.OnchainInvoice
|
|
leftPadding: constants.paddingMedium
|
|
|
|
RowLayout {
|
|
width: parent.width
|
|
Label {
|
|
text: invoice.address
|
|
font.pixelSize: constants.fontSizeLarge
|
|
font.family: FixedFont
|
|
Layout.fillWidth: true
|
|
wrapMode: Text.Wrap
|
|
}
|
|
ToolButton {
|
|
icon.source: '../../icons/share.png'
|
|
icon.color: 'transparent'
|
|
onClicked: {
|
|
var dialog = app.genericShareDialog.createObject(app, {
|
|
title: qsTr('Address'),
|
|
text: invoice.address
|
|
})
|
|
dialog.open()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
Layout.topMargin: constants.paddingSmall
|
|
text: qsTr('Description')
|
|
visible: invoice.message
|
|
color: Material.accentColor
|
|
}
|
|
|
|
TextHighlightPane {
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
|
|
visible: invoice.message
|
|
leftPadding: constants.paddingMedium
|
|
|
|
Label {
|
|
text: invoice.message
|
|
width: parent.width
|
|
font.pixelSize: constants.fontSizeXLarge
|
|
wrapMode: Text.Wrap
|
|
elide: Text.ElideRight
|
|
}
|
|
}
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
Layout.topMargin: constants.paddingSmall
|
|
text: qsTr('Amount to send')
|
|
color: Material.accentColor
|
|
}
|
|
|
|
TextHighlightPane {
|
|
id: amountContainer
|
|
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
leftPadding: constants.paddingXLarge
|
|
|
|
property bool editmode: false
|
|
|
|
RowLayout {
|
|
id: amountLayout
|
|
width: parent.width
|
|
|
|
GridLayout {
|
|
visible: !amountContainer.editmode
|
|
columns: 2
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
visible: _invoice_amount.isMax
|
|
font.pixelSize: constants.fontSizeXLarge
|
|
font.bold: true
|
|
text: qsTr('All on-chain funds')
|
|
}
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
visible: _invoice_amount.isEmpty
|
|
font.pixelSize: constants.fontSizeXLarge
|
|
color: constants.mutedForeground
|
|
text: qsTr('not specified')
|
|
}
|
|
|
|
Label {
|
|
Layout.alignment: Qt.AlignRight
|
|
visible: !_invoice_amount.isMax && !_invoice_amount.isEmpty
|
|
font.pixelSize: constants.fontSizeXLarge
|
|
font.family: FixedFont
|
|
font.bold: true
|
|
text: Config.formatSats(invoice.amount, false)
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
visible: !_invoice_amount.isMax && !_invoice_amount.isEmpty
|
|
text: Config.baseUnit
|
|
color: Material.accentColor
|
|
font.pixelSize: constants.fontSizeXLarge
|
|
}
|
|
|
|
Label {
|
|
id: fiatValue
|
|
Layout.alignment: Qt.AlignRight
|
|
visible: Daemon.fx.enabled && !_invoice_amount.isMax && !_invoice_amount.isEmpty
|
|
text: Daemon.fx.fiatValue(invoice.amount, false)
|
|
font.pixelSize: constants.fontSizeMedium
|
|
color: constants.mutedForeground
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: true
|
|
visible: Daemon.fx.enabled && !_invoice_amount.isMax && !_invoice_amount.isEmpty
|
|
text: Daemon.fx.fiatCurrency
|
|
font.pixelSize: constants.fontSizeMedium
|
|
color: constants.mutedForeground
|
|
}
|
|
|
|
}
|
|
|
|
GridLayout {
|
|
Layout.fillWidth: true
|
|
visible: amountContainer.editmode
|
|
enabled: !(invoice.status == Invoice.Expired && _invoice_amount.isEmpty)
|
|
|
|
columns: 3
|
|
|
|
BtcField {
|
|
id: amountBtc
|
|
fiatfield: amountFiat
|
|
enabled: !amountMax.checked
|
|
onTextAsSatsChanged: {
|
|
invoice.amountOverride = textAsSats
|
|
}
|
|
}
|
|
|
|
Label {
|
|
Layout.fillWidth: amountMax.visible ? false : true
|
|
Layout.columnSpan: amountMax.visible ? 1 : 2
|
|
|
|
text: Config.baseUnit
|
|
color: Material.accentColor
|
|
}
|
|
|
|
Switch {
|
|
id: amountMax
|
|
Layout.fillWidth: true
|
|
|
|
text: qsTr('Max')
|
|
visible: _canMax
|
|
checked: false
|
|
onCheckedChanged: {
|
|
if (activeFocus)
|
|
invoice.amountOverride.isMax = checked
|
|
}
|
|
}
|
|
|
|
FiatField {
|
|
id: amountFiat
|
|
btcfield: amountBtc
|
|
visible: Daemon.fx.enabled && !amountMax.checked
|
|
enabled: !amountMax.checked
|
|
}
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
visible: Daemon.fx.enabled && !amountMax.checked
|
|
text: Daemon.fx.fiatCurrency
|
|
color: Material.accentColor
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
Heading {
|
|
Layout.columnSpan: 2
|
|
visible: invoice.invoiceType == Invoice.LightningInvoice
|
|
text: qsTr('Technical properties')
|
|
}
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
Layout.topMargin: constants.paddingSmall
|
|
visible: invoice.invoiceType == Invoice.LightningInvoice
|
|
text: qsTr('Remote Pubkey')
|
|
color: Material.accentColor
|
|
}
|
|
|
|
TextHighlightPane {
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
|
|
visible: invoice.invoiceType == Invoice.LightningInvoice
|
|
leftPadding: constants.paddingMedium
|
|
|
|
RowLayout {
|
|
width: parent.width
|
|
Label {
|
|
id: pubkeyLabel
|
|
Layout.fillWidth: true
|
|
text: 'pubkey' in invoice.lnprops ? invoice.lnprops.pubkey : ''
|
|
font.family: FixedFont
|
|
wrapMode: Text.Wrap
|
|
}
|
|
ToolButton {
|
|
icon.source: '../../icons/share.png'
|
|
icon.color: 'transparent'
|
|
enabled: pubkeyLabel.text
|
|
onClicked: {
|
|
var dialog = app.genericShareDialog.createObject(app,
|
|
{ title: qsTr('Node public key'), text: invoice.lnprops.pubkey }
|
|
)
|
|
dialog.open()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
Layout.topMargin: constants.paddingSmall
|
|
visible: invoice.invoiceType == Invoice.LightningInvoice
|
|
text: qsTr('Payment hash')
|
|
color: Material.accentColor
|
|
}
|
|
|
|
TextHighlightPane {
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
|
|
visible: invoice.invoiceType == Invoice.LightningInvoice
|
|
leftPadding: constants.paddingMedium
|
|
|
|
RowLayout {
|
|
width: parent.width
|
|
Label {
|
|
id: paymenthashLabel
|
|
Layout.fillWidth: true
|
|
text: 'payment_hash' in invoice.lnprops ? invoice.lnprops.payment_hash : ''
|
|
font.family: FixedFont
|
|
wrapMode: Text.Wrap
|
|
}
|
|
ToolButton {
|
|
icon.source: '../../icons/share.png'
|
|
icon.color: 'transparent'
|
|
enabled: paymenthashLabel.text
|
|
onClicked: {
|
|
var dialog = app.genericShareDialog.createObject(app, {
|
|
title: qsTr('Payment hash'),
|
|
text: invoice.lnprops.payment_hash
|
|
})
|
|
dialog.open()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
Layout.topMargin: constants.paddingSmall
|
|
visible: 'r' in invoice.lnprops && invoice.lnprops.r.length
|
|
text: qsTr('Routing hints')
|
|
color: Material.accentColor
|
|
}
|
|
|
|
Repeater {
|
|
visible: 'r' in invoice.lnprops && invoice.lnprops.r.length
|
|
model: invoice.lnprops.r
|
|
|
|
TextHighlightPane {
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
|
|
RowLayout {
|
|
width: parent.width
|
|
|
|
Label {
|
|
text: modelData.scid
|
|
}
|
|
Label {
|
|
Layout.fillWidth: true
|
|
text: modelData.node
|
|
wrapMode: Text.Wrap
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Label {
|
|
Layout.columnSpan: 2
|
|
Layout.topMargin: constants.paddingSmall
|
|
visible: invoice.invoiceType == Invoice.LightningInvoice && invoice.address
|
|
text: qsTr('Fallback address')
|
|
color: Material.accentColor
|
|
}
|
|
|
|
TextHighlightPane {
|
|
Layout.columnSpan: 2
|
|
Layout.fillWidth: true
|
|
visible: invoice.invoiceType == Invoice.LightningInvoice && invoice.address
|
|
leftPadding: constants.paddingMedium
|
|
|
|
RowLayout {
|
|
width: parent.width
|
|
Label {
|
|
text: invoice.address
|
|
font.family: FixedFont
|
|
Layout.fillWidth: true
|
|
wrapMode: Text.Wrap
|
|
}
|
|
ToolButton {
|
|
icon.source: '../../icons/share.png'
|
|
icon.color: 'transparent'
|
|
onClicked: {
|
|
var dialog = app.genericShareDialog.createObject(app, {
|
|
title: qsTr('Address'),
|
|
text: invoice.address
|
|
})
|
|
dialog.open()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ButtonContainer {
|
|
Layout.fillWidth: true
|
|
|
|
FlatButton {
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: 1
|
|
text: qsTr('Save')
|
|
icon.source: '../../icons/save.png'
|
|
enabled: !invoice.isSaved && invoice.canSave
|
|
onClicked: {
|
|
if (invoice.amount.isEmpty) {
|
|
invoice.amountOverride = amountMax.checked ? MAX : Config.unitsToSats(amountBtc.text)
|
|
}
|
|
invoice.saveInvoice()
|
|
app.stack.push(Qt.resolvedUrl('Invoices.qml'))
|
|
dialog.close()
|
|
}
|
|
}
|
|
FlatButton {
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: 1
|
|
text: qsTr('Pay...')
|
|
icon.source: '../../icons/confirmed.png'
|
|
enabled: invoice.invoiceType != Invoice.Invalid && invoice.canPay
|
|
onClicked: {
|
|
if (invoice.amount.isEmpty) {
|
|
invoice.amountOverride = amountMax.checked ? MAX : Config.unitsToSats(amountBtc.text)
|
|
}
|
|
if (!invoice.isSaved) {
|
|
// save invoice if newly parsed
|
|
invoice.saveInvoice()
|
|
}
|
|
doPay() // only signal here
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
if (invoice.amount.isEmpty && !invoice.status == Invoice.Expired) {
|
|
amountContainer.editmode = true
|
|
} else if (invoice.amount.isMax) {
|
|
amountMax.checked = true
|
|
}
|
|
if (payImmediately) {
|
|
if (invoice.canPay) {
|
|
if (!invoice.isSaved) {
|
|
invoice.saveInvoice()
|
|
}
|
|
doPay()
|
|
}
|
|
}
|
|
}
|
|
}
|