Modularized notification toast and menu components.

modules/menus/notifications/controls/index.js

@@ -0,0 +1,56 @@
+const Controls = (notifs) => {
+  return Widget.Box({
+    class_name: "notification-menu-controls",
+    expand: false,
+    vertical: false,
+    children: [
+      Widget.Box({
+        class_name: "menu-label-container notifications",
+        hpack: "start",
+        vpack: "center",
+        expand: true,
+        children: [
+          Widget.Label({
+            class_name: "menu-label notifications",
+            label: "Notifications",
+          }),
+        ],
+      }),
+      Widget.Box({
+        hpack: "end",
+        vpack: "center",
+        expand: false,
+        children: [
+          Widget.Switch({
+            class_name: "menu-switch notifications",
+            active: notifs.bind("dnd").as((dnd) => !dnd),
+            on_activate: ({ active }) => {
+              notifs.dnd = !active;
+            },
+          }),
+          Widget.Box({
+            children: [
+              Widget.Separator({
+                hpack: "center",
+                vexpand: true,
+                vertical: true,
+                class_name: "menu-separator notification-controls",
+              }),
+              Widget.Button({
+                class_name: "clear-notifications-button",
+                tooltip_text: "Clear Notifications",
+                on_primary_click: () => notifs.clear(),
+                child: Widget.Label({
+                  class_name: "clear-notifications-label",
+                  label: "",
+                }),
+              }),
+            ],
+          }),
+        ],
+      }),
+    ],
+  });
+};
+
+export { Controls };