electrum/electrum/gui/qml/components/InvoiceDialog.qml

import QtQuick 2.6
import QtQuick.Layouts 1.0
import QtQuick.Controls 2.14
import QtQuick.Controls.Material 2.0

import org.electrum 1.0

import "controls"

ElDialog {
    id: dialog

    property Invoice invoice
    property string invoice_key

    signal doPay

    width: parent.width
    height: parent.height

    title: qsTr('Invoice')
    standardButtons: invoice_key != '' ? Dialog.Close : Dialog.Cancel

    modal: true
    parent: Overlay.overlay
    Overlay.modal: Rectangle {
        color: "#aa000000"
    }

    GridLayout {
        id: layout
        width: parent.width
        height: parent.height
        columns: 2

        Rectangle {
            height: 1
            Layout.fillWidth: true
            Layout.columnSpan: 2
            color: Material.accentColor
        }

        Label {
            text: qsTr('Type')
        }

        RowLayout {
            Layout.fillWidth: true
            Image {
                Layout.preferredWidth: constants.iconSizeSmall
                Layout.preferredHeight: constants.iconSizeSmall
                source: invoice.invoiceType == Invoice.LightningInvoice
                    ? "../../icons/lightning.png"
                    : "../../icons/bitcoin.png"
            }

            Label {
                text: invoice.invoiceType == Invoice.OnchainInvoice
                        ? qsTr('On chain')
                        : invoice.invoiceType == Invoice.LightningInvoice
                            ? qsTr('Lightning')
                            : ''
                Layout.fillWidth: true
            }
        }

        Label {
            text: qsTr('Amount to send')
        }

        RowLayout {
            Layout.fillWidth: true
            Label {
                font.pixelSize: constants.fontSizeLarge
                font.family: FixedFont
                font.bold: true
                text: Config.formatSats(invoice.amount, false)
            }

            Label {
                text: Config.baseUnit
                color: Material.accentColor
            }

            Label {
                id: fiatValue
                Layout.fillWidth: true
                text: Daemon.fx.enabled
                        ? '(' + Daemon.fx.fiatValue(invoice.amount, false) + ' ' + Daemon.fx.fiatCurrency + ')'
                        : ''
                font.pixelSize: constants.fontSizeMedium
            }
        }

        Label {
            text: qsTr('Description')
        }

        Label {
            text: invoice.message
            Layout.fillWidth: true
            wrapMode: Text.Wrap
            elide: Text.ElideRight
        }

        Label {
            visible: invoice.invoiceType == Invoice.OnchainInvoice
            text: qsTr('Address')
        }

        Label {
            visible: invoice.invoiceType == Invoice.OnchainInvoice
            Layout.fillWidth: true
            text: invoice.address
            font.family: FixedFont
            wrapMode: Text.Wrap
        }

        Label {
            visible: invoice.invoiceType == Invoice.LightningInvoice
            text: qsTr('Remote Pubkey')
        }

        Label {
            visible: invoice.invoiceType == Invoice.LightningInvoice
            Layout.fillWidth: true
            text: invoice.lnprops.pubkey
            font.family: FixedFont
            wrapMode: Text.Wrap
        }

        Label {
            visible: invoice.invoiceType == Invoice.LightningInvoice
            text: qsTr('Route via (t)')
        }

        Label {
            visible: invoice.invoiceType == Invoice.LightningInvoice
            Layout.fillWidth: true
            text: invoice.lnprops.t
            font.family: FixedFont
            wrapMode: Text.Wrap
        }

        Label {
            visible: invoice.invoiceType == Invoice.LightningInvoice
            text: qsTr('Route via (r)')
        }

        Label {
            visible: invoice.invoiceType == Invoice.LightningInvoice
            Layout.fillWidth: true
            text: invoice.lnprops.r
            font.family: FixedFont
            wrapMode: Text.Wrap
        }

        Label {
            text: qsTr('Status')
        }

        Label {
            text: invoice.status_str
        }

        Rectangle {
            height: 1
            Layout.fillWidth: true
            Layout.columnSpan: 2
            color: Material.accentColor
        }

        Item { Layout.preferredHeight: constants.paddingLarge; Layout.preferredWidth: 1 }

        InfoTextArea {
            Layout.columnSpan: 2
            Layout.alignment: Qt.AlignHCenter
            visible: invoice.userinfo
            text: invoice.userinfo
        }

        RowLayout {
            Layout.columnSpan: 2
            Layout.alignment: Qt.AlignHCenter
            spacing: constants.paddingMedium

            Button {
                text: qsTr('Delete')
                icon.source: '../../icons/delete.png'
                visible: invoice_key != ''
                onClicked: {
                    invoice.wallet.delete_invoice(invoice_key)
                    dialog.close()
                }
            }

            Button {
                text: qsTr('Save')
                icon.source: '../../icons/save.png'
                visible: invoice_key == ''
                enabled: invoice.canSave
                onClicked: {
                    invoice.save_invoice()
                    dialog.close()
                }
            }

            Button {
                text: qsTr('Pay now')
                icon.source: '../../icons/confirmed.png'
                enabled: invoice.invoiceType != Invoice.Invalid && invoice.canPay
                onClicked: {
                    if (invoice_key == '') // save invoice if not retrieved from key
                        invoice.save_invoice()
                    dialog.close()
                    if (invoice.invoiceType == Invoice.OnchainInvoice) {
                        doPay() // only signal here
                    } else if (invoice.invoiceType == Invoice.LightningInvoice) {
                        doPay() // only signal here
                    }
                }
            }
        }

        Item { Layout.fillHeight: true; Layout.preferredWidth: 1 }
    }

    Component.onCompleted: {
        if (invoice_key != '') {
            invoice.initFromKey(invoice_key)
        }
    }
}