Port the AGS widgets into the shell as plugins

2026-09-20 00:09:41 -04:00
parent c5434026a8
commit 0c422e7345
31 changed files with 1740 additions and 17 deletions
@@ -0,0 +1,71 @@
+import QtQuick
+import qs.Commons
+
+Column {
+  id: root
+
+  property string icon: ""
+  property string name: ""
+  property int percent: 0
+  property string detail: ""
+
+  spacing: Style.spaceReal(4)
+
+  Item {
+    width: parent.width
+    implicitHeight: nameText.implicitHeight
+
+    Text {
+      id: iconText
+      anchors.left: parent.left
+      anchors.verticalCenter: parent.verticalCenter
+      width: Style.spaceReal(22)
+      text: root.icon
+      textFormat: Text.PlainText
+      color: Color.magenta
+      font.family: Style.font.family
+      font.pixelSize: Style.font.body
+    }
+
+    Text {
+      id: nameText
+      anchors.left: iconText.right
+      anchors.leftMargin: Style.spaceReal(8)
+      anchors.verticalCenter: parent.verticalCenter
+      text: root.name
+      textFormat: Text.PlainText
+      color: Color.foreground
+      font.family: Style.font.family
+      font.pixelSize: Style.font.bodySmall
+      font.bold: true
+    }
+
+    Text {
+      anchors.right: parent.right
+      anchors.verticalCenter: parent.verticalCenter
+      text: root.detail
+      textFormat: Text.PlainText
+      color: Util.alpha(Color.foreground, 0.8)
+      font.family: Style.font.family
+      font.pixelSize: Style.font.bodySmall
+    }
+  }
+
+  Rectangle {
+    width: parent.width
+    height: Style.spaceReal(8)
+    radius: Style.cardRadius
+    color: Util.alpha(Color.foreground, 0.2)
+
+    Rectangle {
+      width: parent.width * Math.max(0, Math.min(100, root.percent)) / 100
+      height: parent.height
+      radius: Style.cardRadius
+      color: Color.accent
+
+      Behavior on width {
+        NumberAnimation { duration: 200 }
+      }
+    }
+  }
+}