qml: introduce proxy setting components and pages

Author: jarolrod

src/Makefile.qt.include

@@ -326,6 +326,7 @@ QML_RES_QML = \
   qml/components/ConnectionOptions.qml \
   qml/components/ConnectionSettings.qml \
   qml/components/DeveloperOptions.qml \
+  qml/components/ProxySettings.qml \
   qml/components/StorageLocations.qml \
   qml/components/StorageOptions.qml \
   qml/components/StorageSettings.qml \
@@ -358,6 +359,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

@@ -5,6 +5,7 @@
         <file>components/ConnectionOptions.qml</file>
         <file>components/ConnectionSettings.qml</file>
         <file>components/DeveloperOptions.qml</file>
+        <file>components/ProxySettings.qml</file>
         <file>components/StorageLocations.qml</file>
         <file>components/StorageOptions.qml</file>
         <file>components/StorageSettings.qml</file>
@@ -37,6 +38,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,86 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import "../controls"
+
+ColumnLayout {
+    spacing: 10
+    Header {
+        bold: 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
+    }
+    Rectangle {
+        height: 1
+        color: Theme.color.neutral5
+        Layout.fillWidth: true
+    }
+    Setting {
+        Layout.topMargin: 10
+        Layout.fillWidth: true
+        header: qsTr("Enable")
+        actionItem: OptionSwitch {}
+    }
+    Setting {
+        Layout.topMargin: 10
+        Layout.fillWidth: true
+        header: qsTr("IP and Port")
+        actionItem: RowLayout {
+            ValueInput {
+                id: default_ip
+                description: "127.0.0.1"
+            }
+            Header {
+                header: ":"
+                headerSize: 18
+            }
+            ValueInput {
+                id: default_port
+                description: "9050"
+            }
+        }
+    }
+    Header {
+        bold: 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
+    }
+    Rectangle {
+        height: 1
+        color: Theme.color.neutral5
+        Layout.fillWidth: true
+    }
+    Setting {
+        Layout.topMargin: 10
+        Layout.fillWidth: true
+        header: qsTr("Enable")
+        actionItem: OptionSwitch {}
+        description: qsTr("When disabled, Tor connections will use the default proxy (if enabled).")
+    }
+    Setting {
+        Layout.topMargin: 10
+        Layout.fillWidth: true
+        header: qsTr("IP and Port")
+        actionItem: RowLayout {
+            ValueInput {
+                id: tor_ip
+                description: "127.0.0.1"
+            }
+            Header {
+                header: ":"
+                headerSize: 18
+            }
+            ValueInput {
+                id: tor_port
+                description: "9050"
+            }
+        }
+    }
+}

src/qml/pages/settings/SettingsProxy.qml

@@ -0,0 +1,29 @@
+// Copyright (c) 2022 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
+    }
+}