✨ ags: add ask popup, make notifications work(finally :3) and more improvements

2025-03-09 13:45:07 -03:00
parent 161c811841
commit 59ef5e4aa7
67 changed files with 2005 additions and 731 deletions
@@ -0,0 +1,103 @@
+import { Astal, Gtk, Widget } from "astal/gtk3";
+import AstalNotifd from "gi://AstalNotifd";
+import { Separator } from "./Separator";
+
+export function getUrgencyString(notif: AstalNotifd.Notification) {
+    switch(notif.urgency) {
+        case AstalNotifd.Urgency.LOW: 
+            return "low";
+        case AstalNotifd.Urgency.CRITICAL: 
+            return "critical";
+    }
+
+    return "normal";
+}
+
+export function NotificationWidget(notification: AstalNotifd.Notification|number, 
+        onClose?: (notif: AstalNotifd.Notification) => void): Gtk.Widget {
+
+    notification = (notification instanceof AstalNotifd.Notification) ? 
+        notification
+    : AstalNotifd.get_default().get_notification(notification);
+
+    return new Widget.Box({
+        className: `notification ${getUrgencyString(notification)}`,
+        homogeneous: false,
+        expand: false,
+        orientation: Gtk.Orientation.VERTICAL,
+        children: [
+            new Widget.Box({
+                className: "top",
+                orientation: Gtk.Orientation.HORIZONTAL,
+                hexpand: true,
+                vexpand: false,
+                children: [
+                    new Widget.Icon({
+                        className: "icon app-icon",
+                        icon: Astal.Icon.lookup_icon(notification.appIcon) ? 
+                            notification.appIcon
+                        : (Astal.Icon.lookup_icon(notification.appName.toLowerCase()) ?
+                           notification.appName.toLowerCase()
+                        : "image-missing"
+                        ),
+                        setup: (_) => _.get_icon() === "image-missing" &&
+                            _.set_visible(false),
+                        halign: Gtk.Align.START,
+                        css: "font-size: 16px;"
+                    }),
+                    new Widget.Label({
+                        className: "app-name",
+                        halign: Gtk.Align.START,
+                        hexpand: true,
+                        label: notification.appName || "Unknown Application"
+                    } as Widget.LabelProps),
+                    new Widget.Button({
+                        className: "close nf",
+                        halign: Gtk.Align.END,
+                        onClick: () => onClose && onClose(notification),
+                        image: new Widget.Icon({
+                            className: "close icon",
+                            icon: "window-close-symbolic"
+                        } as Widget.IconProps)
+                    } as Widget.ButtonProps)
+                ]
+            } as Widget.BoxProps),
+            Separator({
+                orientation: Gtk.Orientation.VERTICAL,
+                alpha: 10
+            }),
+            new Widget.Box({
+                className: "content",
+                orientation: Gtk.Orientation.HORIZONTAL,
+                children: [
+                    new Widget.Box({
+                        className: "image",
+                        visible: Boolean(notification.image),
+                        css: `box.image { background-image: url('${notification.image}'); }`
+                    } as Widget.BoxProps),
+                    new Widget.Box({
+                        className: "text",
+                        orientation: Gtk.Orientation.VERTICAL,
+                        children: [
+                            new Widget.Label({
+                                className: "summary",
+                                useMarkup: true,
+                                xalign: 0,
+                                truncate: true,
+                                label: notification.summary
+                            }),
+                            new Widget.Label({
+                                className: "body",
+                                useMarkup: true,
+                                xalign: 0,
+                                expand: true,
+                                wrap: true,
+                                label: notification.body
+                            } as Widget.LabelProps)
+                        ]
+                    } as Widget.BoxProps)
+                ]
+            } as Widget.BoxProps)
+        ]
+    } as Widget.BoxProps)
+}