ControlCenter: revert to old layout

2026-05-29 09:02:12 +00:00 · 2025-10-11 04:16:12 +02:00
parent 32c929c943
commit e86f4e56cb
9 changed files with 449 additions and 55 deletions
@@ -0,0 +1,113 @@
+import QtQuick
+import QtQuick.Effects
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Io
+import Quickshell.Widgets
+import qs.Modules.Settings
+import qs.Modules.ControlCenter
+import qs.Commons
+import qs.Services
+import qs.Widgets
+
+// Header card with avatar, user and quick actions
+NBox {
+  id: root
+
+  property string uptimeText: "--"
+
+  RowLayout {
+    id: content
+    anchors.left: parent.left
+    anchors.right: parent.right
+    anchors.top: parent.top
+    anchors.margins: Style.marginM * scaling
+    spacing: Style.marginM * scaling
+
+    NImageCircled {
+      width: Style.baseWidgetSize * 1.25 * scaling
+      height: Style.baseWidgetSize * 1.25 * scaling
+      imagePath: Settings.data.general.avatarImage
+      fallbackIcon: "person"
+      borderColor: Color.mPrimary
+      borderWidth: Math.max(1, Style.borderM * scaling)
+    }
+
+    ColumnLayout {
+      Layout.fillWidth: true
+      spacing: Style.marginXXS * scaling
+      NText {
+        text: Quickshell.env("USER") || "user"
+        font.weight: Style.fontWeightBold
+        font.capitalization: Font.Capitalize
+      }
+      NText {
+        text: I18n.tr("system.uptime", {
+                        "uptime": uptimeText
+                      })
+        pointSize: Style.fontSizeS * scaling
+        color: Color.mOnSurfaceVariant
+      }
+    }
+
+    RowLayout {
+      spacing: Style.marginS * scaling
+      Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+      Item {
+        Layout.fillWidth: true
+      }
+      NIconButton {
+        icon: "settings"
+        tooltipText: I18n.tr("tooltips.open-settings")
+        onClicked: {
+          settingsPanel.requestedTab = SettingsPanel.Tab.General
+          settingsPanel.open()
+        }
+      }
+
+      NIconButton {
+        icon: "power"
+        tooltipText: I18n.tr("tooltips.session-menu")
+        onClicked: {
+          sessionMenuPanel.open()
+          controlCenterPanel.close()
+        }
+      }
+
+      NIconButton {
+        icon: "close"
+        tooltipText: I18n.tr("tooltips.close")
+        onClicked: {
+          controlCenterPanel.close()
+        }
+      }
+    }
+  }
+
+  // ----------------------------------
+  // Uptime
+  Timer {
+    interval: 60000
+    repeat: true
+    running: true
+    onTriggered: uptimeProcess.running = true
+  }
+
+  Process {
+    id: uptimeProcess
+    command: ["cat", "/proc/uptime"]
+    running: true
+
+    stdout: StdioCollector {
+      onStreamFinished: {
+        var uptimeSeconds = parseFloat(this.text.trim().split(' ')[0])
+        uptimeText = Time.formatVagueHumanReadableDuration(uptimeSeconds)
+        uptimeProcess.running = false
+      }
+    }
+  }
+
+  function updateSystemInfo() {
+    uptimeProcess.running = true
+  }
+}