refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/quicksettings/widgets/Header.js

@@ -0,0 +1,50 @@
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import Battery from "resource:///com/github/Aylur/ags/service/battery.js";
+import PowerMenu from "../../services/powermenu.js";
+import Lockscreen from "../../services/lockscreen.js";
+import Avatar from "../../misc/Avatar.js";
+import icons from "../../icons.js";
+import { openSettings } from "../../settings/theme.js";
+import { uptime } from "../../variables.js";
+import DND from "./DND.js";
+
+export default () =>
+  Widget.Box({
+    class_name: "header horizontal",
+    children: [
+      Avatar(),
+      Widget.Box({
+        hpack: "end",
+        vpack: "center",
+        hexpand: true,
+        children: [
+          /*Widget.Box({
+            class_name: "battery horizontal",
+            children: [
+              Widget.Icon({ icon: Battery.bind("icon_name") }),
+              Widget.Label({
+                label: Battery.bind("percent").transform((p) => `${p}%`),
+              }),
+            ],
+          }),*/
+          DND(),
+          Widget.Label({
+            class_name: "uptime",
+            label: uptime.bind().transform((v) => `up: ${v}`),
+          }),
+          Widget.Button({
+            on_clicked: openSettings,
+            child: Widget.Icon(icons.ui.settings),
+          }),
+          Widget.Button({
+            on_clicked: () => Lockscreen.lockscreen(),
+            child: Widget.Icon(icons.lock),
+          }),
+          Widget.Button({
+            on_clicked: () => PowerMenu.action("shutdown"),
+            child: Widget.Icon(icons.powermenu.shutdown),
+          }),
+        ],
+      }),
+    ],
+  });