feat: update ags

home/desktops/hyprland/ags/js/dashboard/NotificationColumn.js

@@ -0,0 +1,90 @@
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import Notifications from "resource:///com/github/Aylur/ags/service/notifications.js";
+import icons from "../icons.js";
+import Notification from "../misc/Notification.js";
+import { timeout } from "resource:///com/github/Aylur/ags/utils.js";
+
+const ClearButton = () =>
+  Widget.Button({
+    on_clicked: () => {
+      const list = Array.from(Notifications.notifications);
+      for (let i = 0; i < list.length; i++)
+        timeout(50 * i, () => list[i]?.close());
+    },
+    binds: [["sensitive", Notifications, "notifications", (n) => n.length > 0]],
+    child: Widget.Box({
+      children: [
+        Widget.Label("Clear "),
+        Widget.Icon({
+          binds: [
+            [
+              "icon",
+              Notifications,
+              "notifications",
+              (n) => (n.length > 0 ? icons.trash.full : icons.trash.empty),
+            ],
+          ],
+        }),
+      ],
+    }),
+  });
+
+const Header = () =>
+  Widget.Box({
+    class_name: "header",
+    children: [
+      Widget.Label({ label: "Notifications", hexpand: true, xalign: 0 }),
+      ClearButton(),
+    ],
+  });
+
+const NotificationList = () =>
+  Widget.Box({
+    vertical: true,
+    vexpand: true,
+    connections: [
+      [
+        Notifications,
+        (box) => {
+          box.children = Notifications.notifications
+            .reverse()
+            .map(Notification);
+
+          box.visible = Notifications.notifications.length > 0;
+        },
+      ],
+    ],
+  });
+
+const Placeholder = () =>
+  Widget.Box({
+    class_name: "placeholder",
+    vertical: true,
+    vpack: "center",
+    hpack: "center",
+    vexpand: true,
+    hexpand: true,
+    children: [
+      Widget.Icon(icons.notifications.silent),
+      Widget.Label("Your inbox is empty"),
+    ],
+    binds: [["visible", Notifications, "notifications", (n) => n.length === 0]],
+  });
+
+export default () =>
+  Widget.Box({
+    class_name: "notifications",
+    vertical: true,
+    children: [
+      Header(),
+      Widget.Scrollable({
+        vexpand: true,
+        class_name: "notification-scrollable",
+        child: Widget.Box({
+          class_name: "notification-list",
+          vertical: true,
+          children: [NotificationList(), Placeholder()],
+        }),
+      }),
+    ],
+  });