qml: Add Multiple Recipients bar to Send form

Author: johnny9

src/qml/controls/SendOptionsPopup.qml

@@ -45,4 +45,4 @@ OptionPopup {
             text: qsTr("Multiple Recipients")
         }
     }
-}
+}

src/qml/models/walletqmlmodel.cpp

@@ -204,3 +204,13 @@ std::vector<COutPoint> WalletQmlModel::listSelectedCoins() const
 {
     return m_coin_control.ListSelected();
 }
+
+int WalletQmlModel::recipientIndex() const
+{
+    return 1;
+}
+
+int WalletQmlModel::recipientsCount() const
+{
+    return 1;
+}

src/qml/models/walletqmlmodel.h

@@ -28,6 +28,8 @@ class WalletQmlModel : public QObject
     Q_PROPERTY(CoinsListModel* coinsListModel READ coinsListModel CONSTANT)
     Q_PROPERTY(SendRecipient* sendRecipient READ sendRecipient CONSTANT)
     Q_PROPERTY(WalletQmlModelTransaction* currentTransaction READ currentTransaction NOTIFY currentTransactionChanged)
+    Q_PROPERTY(int recipientIndex READ recipientIndex NOTIFY recipientIndexChanged)
+    Q_PROPERTY(int recipientsCount READ recipientsCount NOTIFY recipientsCountChanged)
 
 public:
     WalletQmlModel(std::unique_ptr<interfaces::Wallet> wallet, QObject* parent = nullptr);
@@ -64,10 +66,15 @@ class WalletQmlModel : public QObject
     bool isSelectedCoin(const COutPoint& output);
     std::vector<COutPoint> listSelectedCoins() const;
 
+    int recipientIndex() const;
+    int recipientsCount() const;
+
 Q_SIGNALS:
     void nameChanged();
     void balanceChanged();
     void currentTransactionChanged();
+    void recipientIndexChanged();
+    void recipientsCountChanged();
 
 private:
     std::unique_ptr<interfaces::Wallet> m_wallet;

src/qml/pages/wallet/Send.qml

@@ -81,6 +81,34 @@ PageStack {
                     }
                 }
 
+                RowLayout {
+                    id: selectAndAddRecipients
+                    Layout.fillWidth: true
+                    Layout.topMargin: 10
+                    Layout.bottomMargin: 10
+                    visible: settings.multipleRecipientsEnabled
+
+                    NavButton {
+                        iconSource: "image://images/caret-left"
+                    }
+
+                    NavButton {
+                        iconSource: "image://images/caret-right"
+                    }
+
+                    CoreText {
+                        id: selectAndAddRecipientsLabel
+                        text: qsTr("Recipient %1 of %2").arg(wallet.recipientIndex).arg(wallet.recipientsCount)
+                        font.pixelSize: 18
+                        color: Theme.color.neutral9
+                    }
+                }
+
+                Separator {
+                    visible: settings.multipleRecipientsEnabled
+                    Layout.fillWidth: true
+                }
+
                 LabeledTextInput {
                     id: address
                     Layout.fillWidth: true