932b174c36
- AGS v3.1.0 (Astal/GTK3) Ghost Shell avec ghost mode (heartbeat + hover reveal) - Modules : clock, battery, volume (interactif), network, MPRIS, CPU/RAM, systray - Brain Power panel (Super + B) — lecture live focus/todos/session - tetardtek_ prompt avec curseur clignotant - Palette violet-chaton v2 documentée (Mitsuri Kanroji gradient magenta → green) - Autostart COSMIC via .desktop - Archive AGS v1 conservée pour référence
106 lines
3.6 KiB
JavaScript
106 lines
3.6 KiB
JavaScript
// ── violet-chaton v2 — Notifications widget ─────────────────────────────────
|
|
// Popup notifications stylees — urgency-aware
|
|
|
|
const notifications = Service.import("notifications");
|
|
|
|
// Ne pas déranger
|
|
notifications.popupTimeout = 5000;
|
|
notifications.cacheActions = true;
|
|
|
|
const NotificationIcon = (notif) => {
|
|
if (notif.image) {
|
|
return Widget.Box({
|
|
css: `
|
|
min-width: 48px; min-height: 48px;
|
|
background-image: url("${notif.image}");
|
|
background-size: cover;
|
|
background-position: center;
|
|
border-radius: 8px;
|
|
margin-right: 10px;
|
|
`,
|
|
});
|
|
}
|
|
return Widget.Icon({
|
|
icon: notif.appIcon || notif.appEntry || "dialog-information",
|
|
size: 36,
|
|
css: "margin-right: 10px;",
|
|
});
|
|
};
|
|
|
|
const Notification = (notif) => Widget.Box({
|
|
className: `notification ${notif.urgency}`,
|
|
vertical: true,
|
|
children: [
|
|
Widget.Box({
|
|
children: [
|
|
NotificationIcon(notif),
|
|
Widget.Box({
|
|
vertical: true,
|
|
hexpand: true,
|
|
children: [
|
|
Widget.Box({
|
|
children: [
|
|
Widget.Label({
|
|
className: "title",
|
|
label: notif.summary,
|
|
xalign: 0,
|
|
hexpand: true,
|
|
truncate: "end",
|
|
}),
|
|
Widget.Label({
|
|
className: "time",
|
|
label: new Date(notif.time * 1000)
|
|
.toLocaleTimeString("fr-FR", {
|
|
hour: "2-digit",
|
|
minute: "2-digit",
|
|
}),
|
|
}),
|
|
Widget.Button({
|
|
className: "close-btn",
|
|
label: "✕",
|
|
onClicked: () => notif.close(),
|
|
}),
|
|
],
|
|
}),
|
|
Widget.Label({
|
|
className: "app-name",
|
|
label: notif.appName || "",
|
|
xalign: 0,
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
...(notif.body ? [Widget.Label({
|
|
className: "body",
|
|
label: notif.body,
|
|
xalign: 0,
|
|
wrap: true,
|
|
useMarkup: true,
|
|
})] : []),
|
|
...(notif.actions.length > 0 ? [Widget.Box({
|
|
className: "actions",
|
|
children: notif.actions.map((action) =>
|
|
Widget.Button({
|
|
label: action.label,
|
|
onClicked: () => notif.invoke(action.id),
|
|
})
|
|
),
|
|
})] : []),
|
|
],
|
|
});
|
|
|
|
export const Notifications = (monitor) => Widget.Window({
|
|
name: `notifications-${monitor}`,
|
|
monitor,
|
|
anchor: ["top", "right"],
|
|
layer: "overlay",
|
|
child: Widget.Box({
|
|
vertical: true,
|
|
css: "min-width: 350px;",
|
|
children: notifications.bind("popups").transform((popups) =>
|
|
popups.map(Notification)
|
|
),
|
|
}),
|
|
});
|