qml: introduce blockclocksize settings page

Author: jarolrod

src/Makefile.qt.include

@@ -339,6 +339,7 @@ QML_QRC = qml/bitcoin_qml.qrc
 QML_RES_QML = \
   qml/components/AboutOptions.qml \
   qml/components/BlockClock.qml \
+  qml/components/BlockClockSizeSettings.qml \
   qml/components/BlockCounter.qml \
   qml/components/CaretRightButton.qml \
   qml/components/ConnectionOptions.qml \
@@ -387,6 +388,7 @@ QML_RES_QML = \
   qml/pages/onboarding/OnboardingStorageLocation.qml \
   qml/pages/onboarding/OnboardingStrengthen.qml \
   qml/pages/settings/SettingsAbout.qml \
+  qml/pages/settings/SettingsBlockClockSize.qml \
   qml/pages/settings/SettingsConnection.qml \
   qml/pages/settings/SettingsDeveloper.qml \
   qml/pages/settings/SettingsProxy.qml \

src/qml/bitcoin_qml.qrc

@@ -2,6 +2,7 @@
     <qresource prefix="/qml">
         <file>components/AboutOptions.qml</file>
         <file>components/BlockClock.qml</file>
+        <file>components/BlockClockSizeSettings.qml</file>
         <file>components/BlockCounter.qml</file>
         <file>components/CaretRightButton.qml</file>
         <file>components/ConnectionOptions.qml</file>
@@ -50,6 +51,7 @@
         <file>pages/onboarding/OnboardingStorageLocation.qml</file>
         <file>pages/onboarding/OnboardingStrengthen.qml</file>
         <file>pages/settings/SettingsAbout.qml</file>
+        <file>pages/settings/SettingsBlockClockSize.qml</file>
         <file>pages/settings/SettingsConnection.qml</file>
         <file>pages/settings/SettingsDeveloper.qml</file>
         <file>pages/settings/SettingsProxy.qml</file>

src/qml/components/BlockClock.qml

@@ -37,6 +37,7 @@ Item {
     BlockClockDial {
         id: dial
         anchors.horizontalCenter: root.horizontalCenter
+        scale: Theme.blockclocksize
         width: Math.min((root.parentWidth * dial.scale), (root.parentHeight * dial.scale))
         height: dial.width
         penWidth: dial.width / 50

src/qml/components/BlockClockSizeSettings.qml

@@ -0,0 +1,81 @@
+// 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 Qt.labs.settings 1.0
+import "../controls"
+
+ColumnLayout {
+    id: root
+    spacing: 4
+
+    Settings {
+        id: settings
+    }
+
+    Setting {
+        Layout.fillWidth: true
+        header: qsTr("Default")
+        actionItem: Button {
+            anchors.centerIn: parent
+            visible: Theme.blockclocksize == (5/12)
+            icon.source: "image://images/check"
+            icon.color: Theme.color.neutral9
+            icon.height: 24
+            icon.width: 24
+            background: null
+
+            Behavior on icon.color {
+                ColorAnimation { duration: 150 }
+            }
+        }
+        onClicked: {
+            Theme.blockclocksize = (5/12)
+        }
+    }
+    Separator { Layout.fillWidth: true }
+    Setting {
+        Layout.fillWidth: true
+        header: qsTr("Large")
+        actionItem: Button {
+            anchors.centerIn: parent
+            visible: Theme.blockclocksize == (1/2)
+            icon.source: "image://images/check"
+            icon.color: Theme.color.neutral9
+            icon.height: 24
+            icon.width: 24
+            background: null
+
+            Behavior on icon.color {
+                ColorAnimation { duration: 150 }
+            }
+        }
+        onClicked: {
+            Theme.blockclocksize = (1/2)
+        }
+    }
+    Separator { Layout.fillWidth: true }
+    Setting {
+        Layout.fillWidth: true
+        header: qsTr("Max")
+        actionItem: Button {
+            anchors.centerIn: parent
+            visible: Theme.blockclocksize == (4/5)
+            icon.source: "image://images/check"
+            icon.color: Theme.color.neutral9
+            icon.height: 24
+            icon.width: 24
+            background: null
+
+            Behavior on icon.color {
+                ColorAnimation { duration: 150 }
+            }
+        }
+        onClicked: {
+            Theme.blockclocksize = (4/5)
+        }
+    }
+}

src/qml/pages/settings/SettingsBlockClockSize.qml

@@ -0,0 +1,18 @@
+// 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"
+
+InformationPage {
+    bannerActive: false
+    bold: true
+    headerText: qsTr("Block Clock Size")
+    headerMargin: 0
+    detailActive: true
+    detailItem: BlockClockSizeSettings {}
+}