refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/dashboard/DateColumn.js

@@ -0,0 +1,63 @@
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import icons from "../icons.js";
+import Clock from "../misc/Clock.js";
+import * as vars from "../variables.js";
+import options from "../options.js";
+
+/**
+ * @param {'cpu' | 'ram' | 'temp'} type
+ * @param {string} title
+ * @param {string} unit
+ */
+const SysProgress = (type, title, unit) =>
+  Widget.Box({
+    class_name: `circular-progress-box ${type}`,
+    hexpand: true,
+    tooltip_text: vars[type]
+      .bind("value")
+      .transform((v) => `${title}: ${Math.floor(v * 100)}${unit}`),
+    child: Widget.CircularProgress({
+      hexpand: true,
+      class_name: `circular-progress ${type}`,
+      child: Widget.Icon(icons.system[type]),
+      start_at: 0.75,
+      value: vars[type].bind(),
+      rounded: options.radii.bind("value").transform((v) => v > 0),
+    }),
+  });
+
+export default () =>
+  Widget.Box({
+    vertical: true,
+    class_name: "datemenu vertical",
+    children: [
+      Widget.Box({
+        class_name: "clock-box",
+        vertical: true,
+        children: [
+          Clock({ format: "%H:%M" }),
+          Widget.Label({
+            class_name: "uptime",
+            label: vars.uptime.bind("value").transform((t) => `uptime: ${t}`),
+          }),
+        ],
+      }),
+      Widget.Box({
+        class_name: "calendar",
+        children: [
+          Widget.Calendar({
+            hexpand: true,
+            hpack: "center",
+          }),
+        ],
+      }),
+      Widget.Box({
+        class_name: "system-info horizontal",
+        children: [
+          SysProgress("cpu", "Cpu", "%"),
+          SysProgress("ram", "Ram", "%"),
+          SysProgress("temp", "Temperature", "°"),
+        ],
+      }),
+    ],
+  });