Added notification popups

2024-06-17 01:45:06 -07:00
parent 904c5b8cd0
commit 296fbde42a
11 changed files with 370 additions and 121 deletions
--- a/modules/notifications/index.js
+++ b/modules/notifications/index.js
@@ -0,0 +1,82 @@
+const notifs = await Service.import("notifications");
+
+export default () => {
+  notifs.popupTimeout = 7000;
+
+  return Widget.Window({
+    name: "notifications-window",
+    class_name: "notifications-window",
+    layer: "top",
+    anchor: ["top", "right"],
+    child: Widget.Box({
+      vertical: true,
+      class_name: "notification-card-container",
+      setup: (self) => {
+        self.hook(notifs, () => {
+          if (notifs.dnd) {
+            return;
+          }
+
+          return (self.children = notifs.popups.map((notif) => {
+            return Widget.Box({
+              class_name: "notification-card",
+              children: [
+                Widget.Box({
+                  class_name: "notification-card-image-container",
+                  hpack: "start",
+                  child: Widget.Box({
+                    class_name: "notification-card-image",
+                    css: `background-image: url("${notif.image}")`,
+                  }),
+                }),
+                Widget.Box({
+                  vertical: true,
+                  hpack: "end",
+                  class_name: "notification-card-content",
+                  children: [
+                    Widget.Box({
+                      class_name: "notification-card-header",
+                      children: [
+                        Widget.Label({
+                          class_name: "notification-card-header-label",
+                          truncate: "end",
+                          wrap: true,
+                          label: notif["summary"],
+                        }),
+                      ],
+                    }),
+                    Widget.Box({
+                      class_name: "notification-card-body",
+                      vexpand: true,
+                      children: [
+                        Widget.Label({
+                          class_name: "notification-card-body-label",
+                          useMarkup: true,
+                          lines: 3,
+                          wrap: true,
+                          truncate: "end",
+                          label: notif["body"],
+                        }),
+                      ],
+                    }),
+                    Widget.Box({
+                      class_name: "notification-card-appname",
+                      children: [
+                        Widget.Label({
+                          class_name: "notification-card-appname-label",
+                          truncate: "end",
+                          wrap: true,
+                          label: notif["app-name"].toUpperCase(),
+                        }),
+                      ],
+                    }),
+                  ],
+                }),
+              ],
+            });
+          }));
+        });
+      },
+    }),
+  });
+};