Settings: improved tabs managment so changing the model actually reorder them properly

+ code formatting

Modules/Settings/Tabs/ColorScheme.qml

@@ -0,0 +1,89 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import qs.Services
+import qs.Widgets
+
+ColumnLayout {
+  id: root
+
+  spacing: 0
+
+  ScrollView {
+    id: scrollView
+
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+    padding: Style.marginMedium * scaling
+    clip: true
+    ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
+    ScrollBar.vertical.policy: ScrollBar.AsNeeded
+
+    ColumnLayout {
+      width: scrollView.availableWidth
+      spacing: 0
+
+      Item {
+        Layout.fillWidth: true
+        Layout.preferredHeight: 0
+      }
+
+      ColumnLayout {
+        spacing: Style.marginLarge * scaling
+        Layout.fillWidth: true
+
+        NText {
+          text: "Components"
+          font.pointSize: Style.fontSizeXL * scaling
+          font.weight: Style.fontWeightBold
+          color: Colors.mOnSurface
+        }
+
+        NToggle {
+          label: "Show Active Window"
+          description: "Display the title of the currently focused window below the bar"
+          value: Settings.data.bar.showActiveWindow
+          onToggled: function (newValue) {
+            Settings.data.bar.showActiveWindow = newValue
+          }
+        }
+
+        NToggle {
+          label: "Show Active Window Icon"
+          description: "Display the icon of the currently focused window"
+          value: Settings.data.bar.showActiveWindowIcon
+          onToggled: function (newValue) {
+            Settings.data.bar.showActiveWindowIcon = newValue
+          }
+        }
+
+        NToggle {
+          label: "Show System Info"
+          description: "Display system information (CPU, RAM, Temperature)"
+          value: Settings.data.bar.showSystemInfo
+          onToggled: function (newValue) {
+            Settings.data.bar.showSystemInfo = newValue
+          }
+        }
+
+        NToggle {
+          label: "Show Taskbar"
+          description: "Display a taskbar showing currently open windows"
+          value: Settings.data.bar.showTaskbar
+          onToggled: function (newValue) {
+            Settings.data.bar.showTaskbar = newValue
+          }
+        }
+
+        NToggle {
+          label: "Show Media"
+          description: "Display media controls and information"
+          value: Settings.data.bar.showMedia
+          onToggled: function (newValue) {
+            Settings.data.bar.showMedia = newValue
+          }
+        }
+      }
+    }
+  }
+}

Modules/Settings/Tabs/Misc.qml

@@ -1,45 +0,0 @@
-import QtQuick
-import QtQuick.Controls
-import QtQuick.Layouts
-import qs.Services
-import qs.Widgets
-
-ColumnLayout {
-  id: root
-
-  spacing: 0
-
-  ScrollView {
-    id: scrollView
-
-    Layout.fillWidth: true
-    Layout.fillHeight: true
-    padding: Style.marginMedium * scaling
-    clip: true
-    ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
-    ScrollBar.vertical.policy: ScrollBar.AsNeeded
-
-    ColumnLayout {
-      width: scrollView.availableWidth
-      spacing: 0
-
-      Item {
-        Layout.fillWidth: true
-        Layout.preferredHeight: 0
-      }
-
-      ColumnLayout {
-        spacing: Style.marginLarge * scaling
-        Layout.fillWidth: true
-
-        NText {
-          text: "Miscellaneous Settings"
-          font.pointSize: Style.fontSizeXL * scaling
-          font.weight: Style.fontWeightBold
-          color: Colors.mOnSurface
-          Layout.bottomMargin: Style.marginSmall * scaling
-        }
-      }
-    }
-  }
-}