bar resource usage indicator

2025-04-11 01:16:55 +02:00
parent ad63ae699f
commit 742ec413f3
8 changed files with 140 additions and 13 deletions
@@ -0,0 +1,36 @@
+import "../common"
+import "../common/widgets"
+import QtQuick
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Io
+
+RowLayout {
+    required property string iconName
+    required property double percentage
+    spacing: 4
+
+    CircularProgress {
+        Layout.alignment: Qt.AlignVCenter
+        lineWidth: 2
+        value: percentage
+        size: 26
+        secondaryColor: Appearance.m3colors.m3secondaryContainer
+        primaryColor: Appearance.m3colors.m3onSecondaryContainer
+
+        MaterialSymbol {
+            anchors.centerIn: parent
+            text: iconName
+            font.pointSize: Appearance.font.pointSize.normal
+            color: Appearance.m3colors.m3onSecondaryContainer
+        }
+
+    }
+
+    StyledText {
+        Layout.alignment: Qt.AlignVCenter
+        color: Appearance.colors.colOnLayer1
+        text: `${Math.round(percentage * 100)}%`
+    }
+
+}