qml: introduce proxy setting components and pages

Author: jarolrod

src/Makefile.qt.include

@@ -336,6 +336,7 @@ QML_RES_QML = \
   qml/components/DeveloperOptions.qml \
   qml/components/PeersIndicator.qml \
   qml/components/NetworkIndicator.qml \
+  qml/components/ProxySettings.qml \
   qml/components/Separator.qml \
   qml/components/StorageLocations.qml \
   qml/components/StorageOptions.qml \
@@ -369,6 +370,7 @@ QML_RES_QML = \
   qml/pages/settings/SettingsAbout.qml \
   qml/pages/settings/SettingsConnection.qml \
   qml/pages/settings/SettingsDeveloper.qml \
+  qml/pages/settings/SettingsProxy.qml \
   qml/pages/settings/SettingsStorage.qml
 
 BITCOIN_QT_CPP = $(BITCOIN_QT_BASE_CPP)

src/qml/bitcoin_qml.qrc

@@ -9,6 +9,7 @@
         <file>components/PeersIndicator.qml</file>
         <file>components/DeveloperOptions.qml</file>
         <file>components/NetworkIndicator.qml</file>
+        <file>components/ProxySettings.qml</file>
         <file>components/StorageLocations.qml</file>
         <file>components/Separator.qml</file>
         <file>components/StorageOptions.qml</file>
@@ -42,6 +43,7 @@
         <file>pages/settings/SettingsAbout.qml</file>
         <file>pages/settings/SettingsConnection.qml</file>
         <file>pages/settings/SettingsDeveloper.qml</file>
+        <file>pages/settings/SettingsProxy.qml</file>
         <file>pages/settings/SettingsStorage.qml</file>
     </qresource>
     <qresource prefix="/icons">

src/qml/components/ProxySettings.qml

@@ -0,0 +1,82 @@
+// Copyright (c) 2023 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
+import "../controls"
+
+ColumnLayout {
+    spacing: 4
+    Header {
+        headerBold: true
+        center: false
+        header: qsTr("Default Proxy")
+        headerSize: 24
+        description: qsTr("Run peer connections through a proxy (SOCKS5) for improved privacy. The default proxy supports connections via IPv4, IPv6 and Tor. Tor connections can also be run through a separate Tor proxy.")
+        descriptionSize: 15
+        Layout.bottomMargin: 10
+    }
+    Separator { Layout.fillWidth: true }
+    Setting {
+        Layout.fillWidth: true
+        header: qsTr("Enable")
+        actionItem: OptionSwitch {}
+        onClicked: {
+            loadedItem.toggle()
+            loadedItem.toggled()
+        }
+    }
+    Separator { Layout.fillWidth: true }
+    Setting {
+        id: defaultProxy
+        Layout.fillWidth: true
+        header: qsTr("IP and Port")
+        actionItem: ValueInput {
+            parentState: defaultProxy.state
+            description: "127.0.0.1:9050"
+            onEditingFinished: {
+                defaultProxy.forceActiveFocus()
+            }
+        }
+        onClicked: loadedItem.forceActiveFocus()
+    }
+    Separator { Layout.fillWidth: true }
+    Header {
+        headerBold: true
+        center: false
+        header: qsTr("Tor Proxy")
+        headerSize: 24
+        description: qsTr("Enable to run Tor connections through a dedicated proxy.")
+        descriptionSize: 15
+        Layout.topMargin: 35
+        Layout.bottomMargin: 10
+    }
+    Separator { Layout.fillWidth: true }
+    Setting {
+        Layout.fillWidth: true
+        header: qsTr("Enable")
+        actionItem: OptionSwitch {}
+        description: qsTr("When disabled, Tor connections will use the default proxy (if enabled).")
+        onClicked: {
+            loadedItem.toggle()
+            loadedItem.toggled()
+        }
+    }
+    Separator { Layout.fillWidth: true }
+    Setting {
+        id: torProxy
+        Layout.fillWidth: true
+        header: qsTr("IP and Port")
+        actionItem: ValueInput {
+            parentState: torProxy.state
+            description: "127.0.0.1:9050"
+            onEditingFinished: {
+                torProxy.forceActiveFocus()
+            }
+        }
+        onClicked: loadedItem.forceActiveFocus()
+    }
+    Separator { Layout.fillWidth: true }
+}

src/qml/pages/settings/SettingsProxy.qml

@@ -0,0 +1,29 @@
+// Copyright (c) 2023 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
+import "../../controls"
+import "../../components"
+
+Page {
+    id: proxy_settings
+    property alias navLeftDetail: navbar.leftDetail
+    property alias navMiddleDetail: navbar.middleDetail
+
+    background: null
+    implicitWidth: 450
+    leftPadding: 20
+    rightPadding: 20
+    topPadding: 30
+
+    header: NavigationBar {
+        id: navbar
+    }
+    ProxySettings {
+        width: Math.min(parent.width, 450)
+        anchors.horizontalCenter: parent.horizontalCenter
+    }
+}