64 lines
2.4 KiB
TypeScript
64 lines
2.4 KiB
TypeScript
const notifs = await Service.import("notifications");
|
|
import options from "options";
|
|
import { notifHasImg } from "../menus/notifications/utils.js";
|
|
import { Image } from "./image/index.js";
|
|
import { Action } from "./actions/index.js";
|
|
import { Header } from "./header/index.js";
|
|
import { Body } from "./body/index.js";
|
|
import { CloseButton } from "./close/index.js";
|
|
import { NotificationAnchor } from "lib/types/options";
|
|
|
|
const { position } = options.notifications;
|
|
|
|
export default () => {
|
|
notifs.popupTimeout = 7000;
|
|
const getPosition = (pos: NotificationAnchor): ("top" | "bottom" | "left" | "right")[] => {
|
|
const positionMap: { [key: string]: ("top" | "bottom" | "left" | "right")[] } = {
|
|
"top": ["top"],
|
|
"top right": ["top", "right"],
|
|
"top left": ["top", "left"],
|
|
"bottom": ["bottom"],
|
|
"bottom right": ["bottom", "right"],
|
|
"bottom left": ["bottom", "left"]
|
|
};
|
|
|
|
return positionMap[pos] || ["top"];
|
|
}
|
|
|
|
return Widget.Window({
|
|
name: "notifications-window",
|
|
class_name: "notifications-window",
|
|
monitor: 2,
|
|
layer: "top",
|
|
anchor: position.bind("value").as(v => getPosition(v)),
|
|
exclusivity: "ignore",
|
|
child: Widget.Box({
|
|
class_name: "notification-card-container",
|
|
vertical: true,
|
|
hexpand: true,
|
|
setup: (self) => {
|
|
self.hook(notifs, () => {
|
|
return (self.children = notifs.popups.map((notif) => {
|
|
return Widget.Box({
|
|
class_name: "notification-card",
|
|
vpack: "start",
|
|
hexpand: true,
|
|
children: [
|
|
Image(notif),
|
|
Widget.Box({
|
|
vpack: "start",
|
|
vertical: true,
|
|
hexpand: true,
|
|
class_name: `notification-card-content ${!notifHasImg(notif) ? "noimg" : ""}`,
|
|
children: [Header(notif), Body(notif), Action(notif, notifs)],
|
|
}),
|
|
CloseButton(notif, notifs),
|
|
],
|
|
});
|
|
}));
|
|
});
|
|
},
|
|
}),
|
|
});
|
|
};
|