Test

2026-07-17 19:57:48 +00:00
parent f11ddfb7fe
commit 880ee3974f
9 changed files with 649 additions and 2 deletions
@@ -0,0 +1,154 @@
+import QtQuick
+import Quickshell
+import Quickshell.Services.Notifications
+import Quickshell.Widgets
+import "../../config"
+
+Rectangle {
+    id: card
+
+    required property var notification
+    required property var manager
+
+    width: parent.width
+    height: Math.max(64, cardContent.height + 24)
+    radius: Config.radius
+
+    property var urgency: notification.urgency
+    property bool isCritical: urgency === NotificationUrgency.Critical
+
+    color: {
+        if (isCritical) return Qt.alpha(Colors.errorContainer, 0.95)
+        if (urgency === NotificationUrgency.Low) return Qt.alpha(Colors.surfaceContainerHigh, 0.95)
+        return Qt.alpha(Colors.primaryContainer, 0.95)
+    }
+
+    border {
+        width: Config.border_width
+        color: {
+            if (isCritical) return Colors.error
+            if (urgency === NotificationUrgency.Low) return Colors.outline
+            return Colors.primaryContainer_fg
+        }
+    }
+
+    NumberAnimation on opacity {
+        id: fadeInAnim
+        from: 0
+        to: 1
+        duration: 200
+        easing.type: Easing.OutCubic
+    }
+
+    NumberAnimation on x {
+        id: slideInAnim
+        from: parent ? parent.width : 100
+        to: 0
+        duration: 300
+        easing.type: Easing.OutCubic
+    }
+
+    Component.onCompleted: {
+        fadeInAnim.start()
+        slideInAnim.start()
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        cursorShape: Qt.PointingHandCursor
+        acceptedButtons: Qt.LeftButton
+        onClicked: {
+            manager.dismissNotification(notification)
+        }
+    }
+
+    Row {
+        id: cardContent
+        anchors {
+            top: parent.top
+            left: parent.left
+            right: parent.right
+            margins: 12
+        }
+        spacing: 10
+
+        Item {
+            id: iconContainer
+            width: 28
+            height: 28
+            anchors.verticalCenter: parent.verticalCenter
+
+            IconImage {
+                id: notifIcon
+                anchors.fill: parent
+                icon: notification.appIcon
+                sourceSize.width: 28
+                sourceSize.height: 28
+                visible: notification.appIcon !== ""
+            }
+
+            Text {
+                anchors.centerIn: parent
+                text: "\uF0F3"
+                font.pixelSize: 16
+                font.family: Config.font
+                visible: !notifIcon.visible
+                color: Colors.primary_fg
+            }
+        }
+
+        Column {
+            id: textColumn
+            width: parent.width - iconContainer.width - parent.spacing - 20
+            spacing: 3
+            anchors.verticalCenter: parent.verticalCenter
+
+            Text {
+                id: summaryText
+                width: parent.width
+                text: notification.summary || notification.appName || "Notification"
+                font.pixelSize: 13
+                font.bold: true
+                font.family: Config.font
+                color: {
+                    if (isCritical) return Colors.error
+                    if (urgency === NotificationUrgency.Low) return Colors.secondaryContainer_fg
+                    return Colors.primary
+                }
+                elide: Text.ElideRight
+                maximumLineCount: 1
+            }
+
+            Text {
+                id: bodyText
+                width: parent.width
+                text: notification.body || ""
+                visible: text !== ""
+                wrapMode: Text.WordWrap
+                font.pixelSize: 11
+                font.family: Config.font
+                color: isCritical ? Colors.errorContainer_fg : Colors.surface_fg
+                maximumLineCount: 2
+                elide: Text.ElideRight
+            }
+        }
+
+        Text {
+            text: "\u00D7"
+            font.pixelSize: 16
+            font.bold: true
+            color: isCritical ? Colors.error : Colors.secondary
+            anchors.verticalCenter: parent.verticalCenter
+            opacity: 0.6
+
+            MouseArea {
+                anchors.fill: parent
+                cursorShape: Qt.PointingHandCursor
+                hoverEnabled: true
+                onClicked: {
+                    manager.dismissNotification(notification)
+                }
+            }
+        }
+    }
+}