refactor: make the whole thing more generic

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

@@ -0,0 +1,61 @@
+import * as Utils from "resource:///com/github/Aylur/ags/utils.js";
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import icons from "../../icons.js";
+import Asusctl from "../../services/asusctl.js";
+import { ArrowToggleButton, Menu } from "../ToggleButton.js";
+
+export const ProfileToggle = () =>
+  ArrowToggleButton({
+    name: "asusctl-profile",
+    icon: Widget.Icon({
+      icon: Asusctl.bind("profile").transform((p) => icons.asusctl.profile[p]),
+    }),
+    label: Widget.Label({
+      label: Asusctl.bind("profile"),
+    }),
+    connection: [Asusctl, () => Asusctl.profile !== "Balanced"],
+    activate: () => Asusctl.setProfile("Quiet"),
+    deactivate: () => Asusctl.setProfile("Balanced"),
+    activateOnArrow: false,
+  });
+
+export const ProfileSelector = () =>
+  Menu({
+    name: "asusctl-profile",
+    icon: Widget.Icon({
+      icon: Asusctl.bind("profile").transform((p) => icons.asusctl.profile[p]),
+    }),
+    title: Widget.Label("Profile Selector"),
+    content: [
+      Widget.Box({
+        vertical: true,
+        hexpand: true,
+        children: [
+          Widget.Box({
+            vertical: true,
+            children: Asusctl.profiles.map((prof) =>
+              Widget.Button({
+                on_clicked: () => Asusctl.setProfile(prof),
+                child: Widget.Box({
+                  children: [
+                    Widget.Icon(icons.asusctl.profile[prof]),
+                    Widget.Label(prof),
+                  ],
+                }),
+              }),
+            ),
+          }),
+        ],
+      }),
+      Widget.Separator(),
+      Widget.Button({
+        on_clicked: () => Utils.execAsync("rog-control-center"),
+        child: Widget.Box({
+          children: [
+            Widget.Icon(icons.ui.settings),
+            Widget.Label("Rog Control Center"),
+          ],
+        }),
+      }),
+    ],
+  });