From 83b2666fb55b86ae6a90585ada7133deb789f55d Mon Sep 17 00:00:00 2001
From: armored-dragon <publicmail@armoreddragon.com>
Date: Fri, 20 Sep 2024 07:04:14 -0500
Subject: [PATCH] Center container widget. Replaced homepage with widget.

---
 .../qml_widgets/SettingCenterContainer.qml    | 24 +++++++++++++++
 scripts/system/settings/settings.qml          | 29 +++++++++----------
 2 files changed, 38 insertions(+), 15 deletions(-)
 create mode 100644 scripts/system/settings/qml_widgets/SettingCenterContainer.qml

diff --git a/scripts/system/settings/qml_widgets/SettingCenterContainer.qml b/scripts/system/settings/qml_widgets/SettingCenterContainer.qml
new file mode 100644
index 0000000000..24ce5f970d
--- /dev/null
+++ b/scripts/system/settings/qml_widgets/SettingCenterContainer.qml
@@ -0,0 +1,24 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.3
+
+ScrollView {
+	width: parent.width
+	height:parent.height
+	y: header.height
+	id: root
+
+	ColumnLayout {
+		width: parent.width
+		anchors.horizontalCenter: parent.horizontalCenter
+		spacing: 0
+	}
+
+	// For each child of index not of 0, append as child of index of 0. 
+	// Append children of the custom element to the ColumnLayout.
+	Component.onCompleted: {
+		for (var i = 1; i < root.contentChildren.length; i++) {
+			root.contentChildren[i].parent = root.contentChildren[0]
+        }
+	}
+}
diff --git a/scripts/system/settings/settings.qml b/scripts/system/settings/settings.qml
index 0c2e7d6425..a57aad334a 100644
--- a/scripts/system/settings/settings.qml
+++ b/scripts/system/settings/settings.qml
@@ -23,23 +23,14 @@ Rectangle {
 	}
 
 	// Home page
-	ScrollView {
-		width: parent.width
-		height:parent.height
-		y: header.height
+	SettingCenterContainer {
 		id: home_page
+        visible: current_page == "Settings"
 
-		ColumnLayout {
-			width: parent.width
-			visible: current_page == "Settings"
-			anchors.horizontalCenter: parent.horizontalCenter
-			spacing: 0
-			
-			Repeater {
-				model: pages.length
-				delegate: SettingSubviewListElement {
-					property string page_name: pages[index];
-				}
+		Repeater {
+			model: pages.length
+			delegate: SettingSubviewListElement {
+				property string page_name: pages[index];
 			}
 		}
 	}
@@ -459,6 +450,14 @@ Rectangle {
 		}
 	}
 
+	// Audio
+	SettingCenterContainer {
+		id: audio_page
+        visible: current_page == "Audio"
+	}
+
+
+
     // Templates
 
     // Messages from script