WIP - modular bar (need to fix brightness & tray)

2025-08-22 16:37:45 +02:00 · 2025-08-22 16:37:45 +02:00 · 8e562e0701
commit 8e562e0701
parent 8f951946ea
31 changed files with 785 additions and 136 deletions
--- a/Modules/Bar/Widgets/SystemMonitor.qml
+++ b/Modules/Bar/Widgets/SystemMonitor.qml
@ -0,0 +1,97 @@
+import QtQuick
+import Quickshell
+import qs.Commons
+import qs.Services
+import qs.Widgets
+
+Row {
+  id: root
+  anchors.verticalCenter: parent.verticalCenter
+  spacing: Style.marginS * scaling
+  visible: (Settings.data.bar.showSystemInfo)
+
+  Rectangle {
+    // Let the Rectangle size itself based on its content (the Row)
+    width: row.width + Style.marginM * scaling * 2
+
+    height: Math.round(Style.capsuleHeight * scaling)
+    radius: Math.round(Style.radiusM * scaling)
+    color: Color.mSurfaceVariant
+
+    anchors.verticalCenter: parent.verticalCenter
+
+    Item {
+      id: mainContainer
+      anchors.fill: parent
+      anchors.leftMargin: Style.marginS * scaling
+      anchors.rightMargin: Style.marginS * scaling
+
+      Row {
+        id: row
+        anchors.verticalCenter: parent.verticalCenter
+        spacing: Style.marginS * scaling
+        Row {
+          id: cpuUsageLayout
+          spacing: Style.marginXS * scaling
+
+          NIcon {
+            id: cpuUsageIcon
+            text: "speed"
+            anchors.verticalCenter: parent.verticalCenter
+          }
+
+          NText {
+            id: cpuUsageText
+            text: `${SystemStatService.cpuUsage}%`
+            font.pointSize: Style.fontSizeS * scaling
+            font.weight: Style.fontWeightMedium
+            anchors.verticalCenter: parent.verticalCenter
+            verticalAlignment: Text.AlignVCenter
+            color: Color.mPrimary
+          }
+        }
+
+        // CPU Temperature Component
+        Row {
+          id: cpuTempLayout
+          // spacing is thin here to compensate for the vertical thermometer icon
+          spacing: Style.marginXXS * scaling
+
+          NIcon {
+            text: "thermometer"
+            anchors.verticalCenter: parent.verticalCenter
+          }
+
+          NText {
+            text: `${SystemStatService.cpuTemp}°C`
+            font.pointSize: Style.fontSizeS * scaling
+            font.weight: Style.fontWeightMedium
+            anchors.verticalCenter: parent.verticalCenter
+            verticalAlignment: Text.AlignVCenter
+            color: Color.mPrimary
+          }
+        }
+
+        // Memory Usage Component
+        Row {
+          id: memoryUsageLayout
+          spacing: Style.marginXS * scaling
+
+          NIcon {
+            text: "memory"
+            anchors.verticalCenter: parent.verticalCenter
+          }
+
+          NText {
+            text: `${SystemStatService.memoryUsageGb}G`
+            font.pointSize: Style.fontSizeS * scaling
+            font.weight: Style.fontWeightMedium
+            anchors.verticalCenter: parent.verticalCenter
+            verticalAlignment: Text.AlignVCenter
+            color: Color.mPrimary
+          }
+        }
+      }
+    }
+  }
+}