notifications: modularize

2025-12-07 14:05:38 -05:00 · 2025-07-24 20:58:57 -04:00
parent 0068774a8b
commit 14a9828296
7 changed files with 877 additions and 1001 deletions
--- a/Modules/Notifications/NotificationHeader.qml
+++ b/Modules/Notifications/NotificationHeader.qml
@@ -0,0 +1,76 @@
+import QtQuick
+import QtQuick.Controls
+import qs.Common
+import qs.Services
+import qs.Widgets
+
+Item {
+    id: root
+    
+    width: parent.width
+    height: 32
+
+    Text {
+        text: "Notifications"
+        font.pixelSize: Theme.fontSizeLarge
+        color: Theme.surfaceText
+        font.weight: Font.Medium
+        anchors.left: parent.left
+        anchors.verticalCenter: parent.verticalCenter
+    }
+
+    Rectangle {
+        width: 120
+        height: 28
+        radius: Theme.cornerRadiusLarge
+        anchors.right: parent.right
+        anchors.verticalCenter: parent.verticalCenter
+        visible: NotificationService.notifications.length > 0
+        color: clearArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.3)
+        border.color: clearArea.containsMouse ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
+        border.width: 1
+
+        Row {
+            anchors.centerIn: parent
+            spacing: Theme.spacingXS
+
+            DankIcon {
+                name: "delete_sweep"
+                size: Theme.iconSizeSmall
+                color: clearArea.containsMouse ? Theme.primary : Theme.surfaceText
+                anchors.verticalCenter: parent.verticalCenter
+            }
+
+            Text {
+                text: "Clear All"
+                font.pixelSize: Theme.fontSizeSmall
+                color: clearArea.containsMouse ? Theme.primary : Theme.surfaceText
+                font.weight: Font.Medium
+                anchors.verticalCenter: parent.verticalCenter
+            }
+        }
+
+        MouseArea {
+            id: clearArea
+            
+            anchors.fill: parent
+            hoverEnabled: true
+            cursorShape: Qt.PointingHandCursor
+            onClicked: NotificationService.clearAllNotifications()
+        }
+
+        Behavior on color {
+            ColorAnimation {
+                duration: Theme.shortDuration
+                easing.type: Theme.standardEasing
+            }
+        }
+
+        Behavior on border.color {
+            ColorAnimation {
+                duration: Theme.shortDuration
+                easing.type: Theme.standardEasing
+            }
+        }
+    }
+}