retrozinndev
87 lines
3.5 KiB
TypeScript
87 lines
3.5 KiB
TypeScript
import { Astal, Gtk, Widget } from "astal/gtk3";
|
|
import AstalNotifd from "gi://AstalNotifd";
|
|
import { bind } from "astal";
|
|
import { Notifications } from "../scripts/notification-handler";
|
|
|
|
function NotificationWidget(notification: AstalNotifd.Notification): Gtk.Widget {
|
|
return new Widget.Box({
|
|
className: "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",
|
|
visible: notification.appIcon !== "",
|
|
icon: notification.appIcon || "image-missing",
|
|
iconSize: Gtk.IconSize.DND,
|
|
css: ".icon { font-size: 24px; }"
|
|
}),
|
|
new Widget.Label({
|
|
className: "app-name",
|
|
halign: Gtk.Align.START,
|
|
label: notification.appName || "Unknown Application"
|
|
} as Widget.LabelProps),
|
|
new Widget.Button({
|
|
className: "close nf",
|
|
onClick: () => notification.dismiss(),
|
|
label: ""
|
|
} as Widget.ButtonProps)
|
|
]
|
|
} as Widget.BoxProps),
|
|
new Widget.Box({
|
|
className: "content",
|
|
orientation: Gtk.Orientation.HORIZONTAL,
|
|
children: [
|
|
new Widget.Box({
|
|
className: "image",
|
|
visible: 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,
|
|
label: notification.summary
|
|
}),
|
|
new Widget.Label({
|
|
className: "body",
|
|
useMarkup: true,
|
|
label: notification.body
|
|
} as Widget.LabelProps)
|
|
]
|
|
} as Widget.BoxProps)
|
|
]
|
|
} as Widget.BoxProps)
|
|
]
|
|
} as Widget.BoxProps);
|
|
}
|
|
|
|
export const FloatingNotifications: Widget.Window = new Widget.Window({
|
|
namespace: "floating-notifications",
|
|
canFocus: false,
|
|
anchor: Astal.WindowAnchor.TOP | Astal.WindowAnchor.RIGHT,
|
|
monitor: 0,
|
|
layer: Astal.Layer.OVERLAY,
|
|
visible: false,
|
|
width_request: 350,
|
|
exclusivity: Astal.Exclusivity.NORMAL,
|
|
child: new Widget.Box({
|
|
className: "floating-notifications-container",
|
|
orientation: Gtk.Orientation.VERTICAL,
|
|
homogeneous: false,
|
|
children: Notifications.notifications().as((notifications: Array<AstalNotifd.Notification>) =>
|
|
notifications.map((item: AstalNotifd.Notification) =>
|
|
NotificationWidget(item)))
|
|
} as Widget.BoxProps)
|
|
} as Widget.WindowProps);
|