mirror of
https://github.com/xsghetti/HyprCrux.git
synced 2025-07-04 14:20:37 -04:00
117 lines
2.7 KiB
JavaScript
117 lines
2.7 KiB
JavaScript
import Notification from "../notifications/Notification.js"
|
|
import options from "../../options.js"
|
|
import icons from "../../lib/icons.js"
|
|
|
|
const notifications = await Service.import("notifications")
|
|
const notifs = notifications.bind("notifications")
|
|
|
|
const Animated = (n) => Widget.Revealer({
|
|
transition_duration: options.transition,
|
|
transition: "slide_down",
|
|
child: Notification(n),
|
|
setup: self => Utils.timeout(options.transition, () => {
|
|
if (!self.is_destroyed)
|
|
self.reveal_child = true
|
|
}),
|
|
})
|
|
|
|
const ClearButton = () => Widget.Button({
|
|
on_clicked: notifications.clear,
|
|
sensitive: notifs.as(n => n.length > 0),
|
|
child: Widget.Box({
|
|
children: [
|
|
Widget.Label("Clear "),
|
|
Widget.Icon({
|
|
icon: notifs.as(n => icons.trash[n.length > 0 ? "full" : "empty"]),
|
|
}),
|
|
],
|
|
}),
|
|
})
|
|
|
|
const Header = () => Widget.Box({
|
|
class_name: "header",
|
|
children: [
|
|
Widget.Label({ label: "Notifications", hexpand: true, xalign: 0 }),
|
|
ClearButton(),
|
|
],
|
|
})
|
|
|
|
const NotificationList = () => {
|
|
const map = new Map
|
|
const box = Widget.Box({
|
|
vertical: true,
|
|
children: notifications.notifications.map(n => {
|
|
const w = Animated(n)
|
|
map.set(n.id, w)
|
|
return w
|
|
}),
|
|
visible: notifs.as(n => n.length > 0),
|
|
})
|
|
|
|
function remove(_, id) {
|
|
const n = map.get(id)
|
|
if (n) {
|
|
n.reveal_child = false
|
|
Utils.timeout(options.transition, () => {
|
|
n.destroy()
|
|
map.delete(id)
|
|
})
|
|
}
|
|
}
|
|
|
|
return box
|
|
.hook(notifications, remove, "closed")
|
|
.hook(notifications, (_, id) => {
|
|
if (id !== undefined) {
|
|
if (map.has(id))
|
|
remove(null, id)
|
|
|
|
const n = notifications.getNotification(id)
|
|
const w = Animated(n)
|
|
map.set(id, w)
|
|
box.children = [w, ...box.children]
|
|
}
|
|
}, "notified")
|
|
}
|
|
|
|
const Placeholder = () => Widget.Box({
|
|
class_name: "placeholder",
|
|
vertical: true,
|
|
vpack: "center",
|
|
hpack: "center",
|
|
vexpand: true,
|
|
hexpand: true,
|
|
visible: notifs.as(n => n.length === 0),
|
|
children: [
|
|
Widget.Icon(icons.notifications.silent),
|
|
Widget.Label("Your inbox is empty"),
|
|
],
|
|
})
|
|
|
|
export default () => Widget.Box({
|
|
class_name: "notifications",
|
|
css: `min-width: ${options.notifications.width}px`,
|
|
// vpack: "fill",
|
|
vexpand: true,
|
|
vertical: true,
|
|
children: [
|
|
Header(),
|
|
Widget.Scrollable({
|
|
vexpand: true,
|
|
// vpack: "fill",
|
|
hscroll: "never",
|
|
class_name: "notification-scrollable",
|
|
child: Widget.Box({
|
|
class_name: "notification-list vertical",
|
|
vertical: true,
|
|
vexpand: true,
|
|
// vpack: "fill",
|
|
// vexpand: true,
|
|
children: [
|
|
NotificationList(),
|
|
Placeholder(),
|
|
],
|
|
}),
|
|
}),
|
|
],
|
|
})
|