qml: Introduce the Desktop Wallet Activity Page

Author: johnny9

src/Makefile.qt.include

@@ -37,15 +37,18 @@ QT_FORMS_UI = \
 QT_MOC_CPP = \
   qml/components/moc_blockclockdial.cpp \
   qml/controls/moc_linegraph.cpp \
+  qml/models/moc_activitylistmodel.cpp \
   qml/models/moc_chainmodel.cpp \
   qml/models/moc_networktraffictower.cpp \
   qml/models/moc_nodemodel.cpp \
   qml/models/moc_options_model.cpp \
   qml/models/moc_peerdetailsmodel.cpp \
   qml/models/moc_peerlistsortproxy.cpp \
+  qml/models/moc_transaction.cpp \
   qml/models/moc_walletlistmodel.cpp \
   qml/models/moc_walletqmlmodel.cpp \
   qml/moc_appmode.cpp \
+  qml/moc_clipboard.cpp \
   qml/moc_walletqmlcontroller.cpp \
   qt/moc_addressbookpage.cpp \
   qt/moc_addresstablemodel.cpp \
@@ -120,15 +123,18 @@ QT_QRC_LOCALE = qt/bitcoin_locale.qrc
 BITCOIN_QT_H = \
   qml/components/blockclockdial.h \
   qml/controls/linegraph.h \
+  qml/models/activitylistmodel.h \
   qml/models/chainmodel.h \
   qml/models/networktraffictower.h \
   qml/models/nodemodel.h \
   qml/models/options_model.h \
   qml/models/peerdetailsmodel.h \
   qml/models/peerlistsortproxy.h \
+  qml/models/transaction.h \
   qml/models/walletlistmodel.h \
   qml/models/walletqmlmodel.h \
   qml/appmode.h \
+  qml/clipboard.h \
   qml/bitcoin.h \
   qml/guiconstants.h \
   qml/imageprovider.h \
@@ -312,12 +318,14 @@ BITCOIN_QML_BASE_CPP = \
   qml/bitcoin.cpp \
   qml/components/blockclockdial.cpp \
   qml/controls/linegraph.cpp \
+  qml/models/activitylistmodel.cpp \
   qml/models/chainmodel.cpp \
   qml/models/networktraffictower.cpp \
   qml/models/nodemodel.cpp \
   qml/models/options_model.cpp \
   qml/models/peerdetailsmodel.cpp \
   qml/models/peerlistsortproxy.cpp \
+  qml/models/transaction.cpp \
   qml/models/walletlistmodel.cpp \
   qml/models/walletqmlmodel.cpp \
   qml/imageprovider.cpp \
@@ -393,14 +401,15 @@ QML_RES_QML = \
   qml/controls/InformationPage.qml \
   qml/controls/IPAddressValueInput.qml \
   qml/controls/KeyValueRow.qml \
+  qml/controls/LabeledTextInput.qml \
   qml/controls/NavButton.qml \
-  qml/controls/PageIndicator.qml \
   qml/controls/NavigationBar.qml \
   qml/controls/NavigationBar2.qml \
   qml/controls/NavigationTab.qml \
   qml/controls/OptionButton.qml \
   qml/controls/OptionSwitch.qml \
   qml/controls/OutlineButton.qml \
+  qml/controls/PageIndicator.qml \
   qml/controls/PageStack.qml \
   qml/controls/ProgressIndicator.qml \
   qml/controls/qmldir \
@@ -433,6 +442,8 @@ QML_RES_QML = \
   qml/pages/settings/SettingsProxy.qml \
   qml/pages/settings/SettingsStorage.qml \
   qml/pages/settings/SettingsTheme.qml \
+  qml/pages/wallet/Activity.qml \
+  qml/pages/wallet/ActivityDetails.qml \
   qml/pages/wallet/CreateBackup.qml \
   qml/pages/wallet/CreateConfirm.qml \
   qml/pages/wallet/CreateIntro.qml \

src/qml/bitcoin.cpp

@@ -15,12 +15,14 @@
 #include <node/interface_ui.h>
 #include <noui.h>
 #include <qml/appmode.h>
+#include <qml/clipboard.h>
 #ifdef __ANDROID__
 #include <qml/androidnotifier.h>
 #endif
 #include <qml/components/blockclockdial.h>
 #include <qml/controls/linegraph.h>
 #include <qml/guiconstants.h>
+#include <qml/models/activitylistmodel.h>
 #include <qml/models/chainmodel.h>
 #include <qml/models/networktraffictower.h>
 #include <qml/models/nodemodel.h>
@@ -325,11 +327,14 @@ int QmlGuiMain(int argc, char* argv[])
     engine.rootContext()->setContextProperty("needOnboarding", need_onboarding);
 
     AppMode app_mode = SetupAppMode();
+    Clipboard clipboard;
 
     qmlRegisterSingletonInstance<AppMode>("org.bitcoincore.qt", 1, 0, "AppMode", &app_mode);
+    qmlRegisterSingletonInstance<Clipboard>("org.bitcoincore.qt", 1, 0, "Clipboard", &clipboard);
     qmlRegisterType<BlockClockDial>("org.bitcoincore.qt", 1, 0, "BlockClockDial");
     qmlRegisterType<LineGraph>("org.bitcoincore.qt", 1, 0, "LineGraph");
     qmlRegisterUncreatableType<PeerDetailsModel>("org.bitcoincore.qt", 1, 0, "PeerDetailsModel", "");
+    qmlRegisterUncreatableType<Transaction>("org.bitcoincore.qt", 1, 0, "Transaction", "");
 
 #ifdef ENABLE_WALLET
     qmlRegisterUncreatableType<WalletQmlModel>("org.bitcoincore.qt", 1, 0, "WalletQmlModel",

src/qml/bitcoin_qml.qrc

@@ -30,14 +30,15 @@
         <file>controls/InformationPage.qml</file>
         <file>controls/IPAddressValueInput.qml</file>
         <file>controls/KeyValueRow.qml</file>
+        <file>controls/LabeledTextInput.qml</file>
         <file>controls/NavButton.qml</file>
-        <file>controls/PageIndicator.qml</file>
         <file>controls/NavigationBar.qml</file>
         <file>controls/NavigationBar2.qml</file>
         <file>controls/NavigationTab.qml</file>
         <file>controls/OptionButton.qml</file>
         <file>controls/OptionSwitch.qml</file>
         <file>controls/OutlineButton.qml</file>
+        <file>controls/PageIndicator.qml</file>
         <file>controls/PageStack.qml</file>
         <file>controls/ProgressIndicator.qml</file>
         <file>controls/qmldir</file>
@@ -70,6 +71,8 @@
         <file>pages/settings/SettingsProxy.qml</file>
         <file>pages/settings/SettingsStorage.qml</file>
         <file>pages/settings/SettingsTheme.qml</file>
+        <file>pages/wallet/Activity.qml</file>
+        <file>pages/wallet/ActivityDetails.qml</file>
         <file>pages/wallet/CreateBackup.qml</file>
         <file>pages/wallet/CreateConfirm.qml</file>
         <file>pages/wallet/CreateIntro.qml</file>

src/qml/clipboard.h

@@ -0,0 +1,27 @@
+// Copyright (c) 2024 The Bitcoin Core developers
+// Distributed under the MIT software license, see the accompanying
+// file COPYING or http://www.opensource.org/licenses/mit-license.php.
+
+#ifndef BITCOIN_QML_CLIPBOARD_H
+#define BITCOIN_QML_CLIPBOARD_H
+
+#include <QObject>
+#include <QClipboard>
+#include <QGuiApplication>
+
+class Clipboard : public QObject
+{
+    Q_OBJECT
+public:
+    explicit Clipboard(QObject *parent = nullptr) : QObject(parent) {}
+
+    Q_INVOKABLE void setText(const QString &text) {
+        QGuiApplication::clipboard()->setText(text);
+    }
+
+    Q_INVOKABLE QString text() const {
+        return QGuiApplication::clipboard()->text();
+    }
+};
+
+#endif // BITCOIN_QML_CLIPBOARD_H

src/qml/controls/LabeledTextInput.qml

@@ -0,0 +1,63 @@
+// Copyright (c) 2024 The Bitcoin Core developers
+// Distributed under the MIT software license, see the accompanying
+// file COPYING or http://www.opensource.org/licenses/mit-license.php.
+
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Item {
+    property alias labelText: label.text
+    property alias text: input.text
+    property alias placeholderText: input.placeholderText
+    property alias iconSource: icon.source
+    property alias customIcon: iconContainer.data
+    property alias enabled: input.enabled
+
+    signal iconClicked
+    signal textEdited
+
+    id: root
+    implicitHeight: input.height
+
+    CoreText {
+        id: label
+        anchors.left: parent.left
+        anchors.verticalCenter: parent.verticalCenter
+        horizontalAlignment: Text.AlignLeft
+        width: 110
+        color: Theme.color.neutral9
+        font.pixelSize: 18
+    }
+
+    TextField {
+        id: input
+        anchors.left: label.right
+        anchors.right: iconContainer.left
+        anchors.verticalCenter: parent.verticalCenter
+        leftPadding: 0
+        font.family: "Inter"
+        font.styleName: "Regular"
+        font.pixelSize: 18
+        color: Theme.color.neutral9
+        placeholderTextColor: Theme.color.neutral7
+        background: Item {}
+        selectByMouse: true
+        onTextEdited: root.textEdited()
+    }
+
+    Item {
+        id: iconContainer
+        anchors.right: parent.right
+        anchors.verticalCenter: input.verticalCenter
+
+        Icon {
+            id: icon
+            source: ""
+            color: Theme.color.neutral8
+            size: 30
+            enabled: source != ""
+            onClicked: root.iconClicked()
+        }
+    }
+}

src/qml/models/activitylistmodel.cpp

@@ -0,0 +1,156 @@
+// Copyright (c) 2024-2025 The Bitcoin Core developers
+// Distributed under the MIT software license, see the accompanying
+// file COPYING or http://www.opensource.org/licenses/mit-license.php.
+
+#include <qml/models/activitylistmodel.h>
+
+#include <qml/models/walletqmlmodel.h>
+
+ActivityListModel::ActivityListModel(WalletQmlModel *parent)
+    : QAbstractListModel(parent)
+    , m_wallet_model(parent)
+{
+    if (m_wallet_model != nullptr) {
+        refreshWallet();
+        subsctribeToCoreSignals();
+    }
+}
+
+ActivityListModel::~ActivityListModel()
+{
+    unsubscribeFromCoreSignals();
+}
+
+int ActivityListModel::rowCount(const QModelIndex &parent) const
+{
+    Q_UNUSED(parent)
+    return m_transactions.size();
+}
+
+void ActivityListModel::updateTransactionStatus(QSharedPointer<Transaction> tx) const
+{
+    if (m_wallet_model == nullptr) {
+        return;
+    }
+    interfaces::WalletTxStatus wtx;
+    int num_blocks;
+    int64_t block_time;
+    if (m_wallet_model->tryGetTxStatus(tx->hash, wtx, num_blocks, block_time)) {
+        tx->updateStatus(wtx, num_blocks, block_time);
+    } else {
+        tx->status = Transaction::Status::NotAccepted;
+    }
+}
+
+QVariant ActivityListModel::data(const QModelIndex &index, int role) const
+{
+    if (!index.isValid() || index.row() < 0 || index.row() >= m_transactions.size())
+        return QVariant();
+
+    QSharedPointer<Transaction> tx = m_transactions.at(index.row());
+    updateTransactionStatus(tx);
+
+    switch (role) {
+    case AddressRole:
+        return tx->address;
+    case AmountRole:
+        return tx->prettyAmount();
+    case DateTimeRole:
+        return tx->dateTimeString();
+    case DepthRole:
+        return tx->depth;
+    case LabelRole:
+        return tx->label;
+    case StatusRole:
+        return tx->status;
+    case TypeRole:
+        return tx->type;
+    default:
+        return QVariant();
+    }
+}
+
+QHash<int, QByteArray> ActivityListModel::roleNames() const
+{
+    QHash<int, QByteArray> roles;
+    roles[AddressRole] = "address";
+    roles[AmountRole] = "amount";
+    roles[DateTimeRole] = "date";
+    roles[DepthRole] = "depth";
+    roles[LabelRole] = "label";
+    roles[StatusRole] = "status";
+    roles[TypeRole] = "type";
+    return roles;
+}
+
+void ActivityListModel::refreshWallet()
+{
+    if (m_wallet_model == nullptr) {
+        return;
+    }
+    for (const auto &tx : m_wallet_model->getWalletTxs()) {
+        auto transactions = Transaction::fromWalletTx(tx);
+        m_transactions.append(transactions);
+        for (const auto &transaction : transactions) {
+            updateTransactionStatus(transaction);
+        }
+    }
+    std::sort(m_transactions.begin(), m_transactions.end(),
+              [](const QSharedPointer<Transaction> &a, const QSharedPointer<Transaction> &b) {
+                  return a->depth < b->depth;
+              });
+}
+
+void ActivityListModel::updateTransaction(const uint256& hash, const interfaces::WalletTxStatus& tx_status, int num_blocks, int64_t block_time)
+{
+    int index = findTransactionIndex(hash);
+
+    if (index != -1) {
+        QSharedPointer<Transaction> tx = m_transactions.at(index);
+        tx->updateStatus(tx_status, num_blocks, block_time);
+        Q_EMIT dataChanged(this->index(index), this->index(index));
+    } else {
+        // new transaction
+        interfaces::WalletTx wtx = m_wallet_model->getWalletTx(hash);
+        auto transactions = Transaction::fromWalletTx(wtx);
+        for (const auto& tx : transactions) {
+            tx->updateStatus(tx_status, num_blocks, block_time);
+            m_transactions.push_front(tx);
+        }
+        Q_EMIT dataChanged(this->index(0), this->index(m_transactions.size() - 1));
+    }
+}
+
+
+int ActivityListModel::findTransactionIndex(const uint256& hash) const
+{
+    auto it = std::find_if(m_transactions.begin(), m_transactions.end(),
+                           [&hash](const QSharedPointer<Transaction>& tx) {
+                               return tx->hash == hash;
+                           });
+    if (it != m_transactions.end()) {
+        return std::distance(m_transactions.begin(), it);
+    }
+    return -1;
+}
+
+void ActivityListModel::subsctribeToCoreSignals()
+{
+    // Connect signals to wallet
+    m_handler_transaction_changed = m_wallet_model->handleTransactionChanged([this](const uint256& hash, ChangeType status) {
+        interfaces::WalletTxStatus wtx;
+        int num_blocks;
+        int64_t block_time;
+        if (m_wallet_model->tryGetTxStatus(hash, wtx, num_blocks, block_time)) {
+            updateTransaction(hash, wtx, num_blocks, block_time);
+        }
+    });
+}
+
+void ActivityListModel::unsubscribeFromCoreSignals()
+{
+    // Disconnect signals from wallet
+    if (m_handler_transaction_changed) {
+        m_handler_transaction_changed->disconnect();
+    }
+}