waffles: notifications, kind of

2025-11-27 23:25:59 +01:00
parent b7ad7361d6
commit 2fd25af353
19 changed files with 470 additions and 116 deletions
@@ -0,0 +1,93 @@
+import QtQuick
+import QtQuick.Layouts
+import Quickshell
+import qs.services
+import qs.modules.common
+import qs.modules.common.widgets
+import qs.modules.common.functions
+import qs.modules.waffle.looks
+
+MouseArea {
+    id: root
+
+    required property var notificationGroup
+    readonly property var notifications: notificationGroup?.notifications ?? []
+
+    implicitWidth: contentLayout.implicitWidth
+    implicitHeight: contentLayout.implicitHeight
+
+    ColumnLayout {
+        id: contentLayout
+        anchors.fill: parent
+        spacing: 4
+
+        GroupHeader {
+            id: notifHeader
+            Layout.fillWidth: true
+            Layout.margins: 11
+        }
+
+        ListView {
+            Layout.fillWidth: true
+            implicitWidth: notifHeader.implicitWidth
+            implicitHeight: contentHeight
+            interactive: false
+            spacing: 4
+            model: ScriptModel {
+                values: root.notifications.slice().reverse()
+            }
+            delegate: WSingleNotification {
+                required property var modelData
+                width: ListView.view.width
+                notification: modelData
+            }
+        }
+    }
+
+    component GroupHeader: MouseArea {
+        id: headerMouseArea
+        hoverEnabled: true
+        acceptedButtons: Qt.NoButton
+
+        implicitWidth: appHeader.implicitWidth
+        implicitHeight: appHeader.implicitHeight
+
+        RowLayout {
+            id: appHeader
+            anchors.fill: parent
+            spacing: 7
+
+            WNotificationAppIcon {
+                Layout.alignment: Qt.AlignVCenter
+                icon: root.notificationGroup?.appIcon ?? ""
+            }
+
+            WText {
+                Layout.fillWidth: true
+                horizontalAlignment: Text.AlignLeft
+                elide: Text.ElideRight
+                text: root.notificationGroup?.appName ?? ""
+            }
+
+            // NotificationHeaderButton { // TODO: More notification functionality needed so we can have this button
+            //     visible: headerMouseArea.containsMouse
+            //     Layout.leftMargin: 25
+            //     Layout.rightMargin: 25
+            //     icon.name: "more-horizontal"
+            // }
+
+            NotificationHeaderButton {
+                visible: headerMouseArea.containsMouse
+                Layout.rightMargin: 3
+                icon.name: "dismiss"
+                onClicked: {
+                    root.notifications.forEach(notif => {
+                        Qt.callLater(() => {
+                            Notifications.discardNotification(notif.notificationId);
+                        });
+                    });
+                }
+            }
+        }
+    }
+}