Add notification history

2025-08-13 12:16:30 +02:00 · 2025-08-13 12:16:30 +02:00 · 9008d6bab9
commit 9008d6bab9
parent cc0ea7f37a
4 changed files with 288 additions and 2 deletions
--- a/Modules/Notification/Notification.qml
+++ b/Modules/Notification/Notification.qml
@ -24,8 +24,8 @@ PanelWindow {
  WlrLayershell.layer: WlrLayer.Overlay
  WlrLayershell.exclusionMode: ExclusionMode.Ignore

-  // Use the notification service
-  property var notificationService: NotificationService {}
+  // Use the notification service singleton
+  property var notificationService: NotificationService

  // Access the notification model from the service
  property ListModel notificationModel: notificationService.notificationModel
--- a/Modules/Notification/NotificationHistory.qml
+++ b/Modules/Notification/NotificationHistory.qml
@ -0,0 +1,180 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Quickshell
+import Quickshell.Wayland
+import Quickshell.Services.Notifications
+import qs.Services
+import qs.Widgets
+
+NIconButton {
+  id: root
+
+  readonly property real scaling: Scaling.scale(screen)
+  sizeMultiplier: 0.8
+  showBorder: false
+  icon: "notifications"
+  tooltipText: "Notification History"
+  onClicked: {
+    notificationHistoryLoader.active = !notificationHistoryLoader.active
+  }
+
+  // Loader for Notification History menu
+  NLoader {
+    id: notificationHistoryLoader
+    active: false
+
+    content: Component {
+      NPanel {
+        id: notificationPanel
+
+        Connections {
+          target: notificationPanel
+          ignoreUnknownSignals: true
+          function onDismissed() {
+            notificationHistoryLoader.active = false
+          }
+        }
+
+        WlrLayershell.keyboardFocus: WlrKeyboardFocus.OnDemand
+
+        Rectangle {
+          color: Colors.backgroundSecondary
+          radius: Style.radiusMedium * scaling
+          border.color: Colors.backgroundTertiary
+          border.width: Math.max(1, Style.borderMedium * scaling)
+          width: 400 * scaling
+          height: 500 * scaling
+          anchors.top: parent.top
+          anchors.right: parent.right
+          anchors.topMargin: Style.marginTiny * scaling
+          anchors.rightMargin: Style.marginTiny * scaling
+
+          ColumnLayout {
+            anchors.fill: parent
+            anchors.margins: Style.marginLarge * scaling
+            spacing: Style.marginMedium * scaling
+
+            RowLayout {
+              Layout.fillWidth: true
+              spacing: Style.marginMedium * scaling
+
+              NText {
+                text: "notifications"
+                font.family: "Material Symbols Outlined"
+                font.pointSize: Style.fontSizeXL * scaling
+                color: Colors.accentPrimary
+              }
+
+              NText {
+                text: "Notification History"
+                font.pointSize: Style.fontSizeLarge * scaling
+                font.bold: true
+                color: Colors.textPrimary
+                Layout.fillWidth: true
+              }
+
+              NIconButton {
+                icon: "delete"
+                sizeMultiplier: 0.8
+                tooltipText: "Clear history"
+                onClicked: NotificationService.clearHistory()
+              }
+
+              NIconButton {
+                icon: "close"
+                sizeMultiplier: 0.8
+                onClicked: {
+                  notificationHistoryLoader.active = false
+                }
+              }
+            }
+
+            NDivider {}
+
+            ListView {
+              id: notificationList
+              Layout.fillWidth: true
+              Layout.fillHeight: true
+              model: NotificationService.historyModel
+              spacing: Style.marginMedium * scaling
+              clip: true
+              boundsBehavior: Flickable.StopAtBounds
+
+              delegate: Rectangle {
+                width: notificationList ? (notificationList.width - 20) : 380 * scaling
+                height: 80
+                radius: Style.radiusMedium * scaling
+                color: notificationMouseArea.containsMouse ? Colors.accentPrimary : "transparent"
+
+                RowLayout {
+                  anchors {
+                    fill: parent
+                    margins: 15
+                  }
+                  spacing: 15
+
+
+
+                  // Notification content
+                  Column {
+                    Layout.fillWidth: true
+                    Layout.alignment: Qt.AlignVCenter
+                    spacing: 5
+
+                    NText {
+                      text: (summary || "No summary").substring(0, 100)
+                      font.pointSize: Style.fontSizeMedium * scaling
+                      font.weight: Font.Medium
+                      color: notificationMouseArea.containsMouse ? Colors.backgroundPrimary : Colors.textPrimary
+                      wrapMode: Text.Wrap
+                      width: parent.width - 30
+                      maximumLineCount: 2
+                      elide: Text.ElideRight
+                    }
+
+                    NText {
+                      text: (body || "").substring(0, 150)
+                      font.pointSize: Style.fontSizeSmall * scaling
+                      color: notificationMouseArea.containsMouse ? Colors.backgroundPrimary : Colors.textSecondary
+                      wrapMode: Text.Wrap
+                      width: parent.width - 30
+                      maximumLineCount: 3
+                      elide: Text.ElideRight
+                    }
+
+                    NText {
+                      text: NotificationService.formatTimestamp(timestamp)
+                      font.pointSize: Style.fontSizeSmall * scaling
+                      color: notificationMouseArea.containsMouse ? Colors.backgroundPrimary : Colors.textSecondary
+                    }
+                  }
+
+
+                }
+
+                MouseArea {
+                  id: notificationMouseArea
+                  anchors.fill: parent
+                  hoverEnabled: true
+                  onClicked: {
+                    console.log("[NotificationHistory] Removing notification:", summary)
+                    NotificationService.historyModel.remove(index)
+                    NotificationService.saveHistory()
+                  }
+                }
+              }
+
+              ScrollBar.vertical: ScrollBar {
+                active: true
+                anchors.right: parent.right
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}