notification list

2025-04-19 00:09:51 +02:00
parent 02151a93f6
commit 6b457c7780
21 changed files with 287 additions and 9 deletions
@@ -0,0 +1,138 @@
+import "root:/modules/common"
+import "root:/services"
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Widgets
+import Quickshell.Services.Notifications
+import "./notification_utils.js" as NotificationUtils
+
+WrapperRectangle {
+    id: root
+    property var notificationObject
+    property bool expanded: true
+
+    Layout.fillWidth: true
+    color: (notificationObject.urgency == NotificationUrgency.Critical) ? 
+        Appearance.m3colors.m3secondaryContainer : Appearance.colors.colLayer2
+    radius: Appearance.rounding.normal
+    RowLayout {
+        anchors.fill: parent
+        Rectangle {
+            id: iconRectangle
+            implicitWidth: 47
+            implicitHeight: 47
+            Layout.leftMargin: 10
+            Layout.topMargin: 10
+            Layout.bottomMargin: 10
+            Layout.alignment: Qt.AlignTop
+            radius: Appearance.rounding.full
+            color: (notificationObject.urgency == NotificationUrgency.Critical) ? 
+                Appearance.m3colors.m3secondary : Appearance.m3colors.m3secondaryContainer
+            MaterialSymbol {
+                visible: notificationObject.appIcon == ""
+                text: NotificationUtils.guessMessageType(notificationObject.summary)
+                anchors.fill: parent
+                color: (notificationObject.urgency == NotificationUrgency.Critical) ? 
+                    Appearance.m3colors.m3onSecondary : Appearance.m3colors.m3onSecondaryContainer
+                font.pixelSize: 27
+                horizontalAlignment: Text.AlignHCenter
+                verticalAlignment: Text.AlignVCenter
+            }
+            IconImage {
+                visible: notificationObject.appIcon != ""
+                anchors.centerIn: parent
+                implicitSize: 33
+                asynchronous: true
+                source: Quickshell.iconPath(notificationObject.appIcon)
+            }
+        }
+        ColumnLayout {
+            spacing: 0
+            RowLayout {
+                Layout.topMargin: 10
+                Layout.leftMargin: 10
+                Layout.rightMargin: 10
+                Layout.fillWidth: true
+                StyledText {
+                    Layout.fillWidth: true
+                    horizontalAlignment: Text.AlignLeft
+                    font.pixelSize: Appearance.font.pixelSize.normal
+                    color: Appearance.colors.colOnLayer2
+                    text: notificationObject.summary
+                    wrapMode: expanded ? Text.Wrap : Text.NoWrap
+                    elide: Text.ElideRight
+                }
+                Item { Layout.fillWidth: true }
+                StyledText {
+                    id: notificationTimeText
+                    Layout.fillWidth: false
+                    wrapMode: Text.Wrap
+                    horizontalAlignment: Text.AlignLeft
+                    font.pixelSize: Appearance.font.pixelSize.small
+                    color: Appearance.m3colors.m3outline
+                    text: NotificationUtils.getFriendlyNotifTimeString(notificationObject.time)
+
+                    Connections {
+                        target: DateTime
+                        function onTimeChanged() {
+                            notificationTimeText.text = NotificationUtils.getFriendlyNotifTimeString(notificationObject.time)
+                        }
+                    }
+                }
+                Button {
+                    Layout.alignment: Qt.AlignVCenter
+                    id: expandButton
+                    implicitWidth: 22
+                    implicitHeight: 22
+
+                    onClicked: {
+                        root.expanded = !root.expanded
+                    }
+                    PointingHandInteraction{}
+
+                    background: Rectangle {
+                        anchors.fill: parent
+                        radius: Appearance.rounding.full
+                        color: (expandButton.down) ? Appearance.colors.colLayer2Active : (expandButton.hovered ? Appearance.colors.colLayer2Hover : Appearance.transparentize(Appearance.colors.colLayer2, 1))
+
+                        Behavior on color {
+                            ColorAnimation {
+                                duration: Appearance.animation.elementDecel.duration
+                                easing.type: Appearance.animation.elementDecel.type
+                            }
+
+                        }
+
+                    }
+                    contentItem: MaterialSymbol {
+                        anchors.centerIn: parent
+                        text: expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"
+                        horizontalAlignment: Text.AlignHCenter
+                        verticalAlignment: Text.AlignVCenter
+                        font.pixelSize: Appearance.font.pixelSize.normal
+                        color: Appearance.colors.colOnLayer2
+                    }
+
+                }
+
+            }
+            RowLayout {
+                StyledText {
+                    Layout.fillWidth: true
+                    Layout.bottomMargin: 10
+                    Layout.leftMargin: 10
+                    Layout.rightMargin: 10
+                    wrapMode: expanded ? Text.Wrap : Text.NoWrap
+                    elide: Text.ElideRight
+                    font.pixelSize: Appearance.font.pixelSize.small
+                    horizontalAlignment: Text.AlignLeft
+                    color: Appearance.m3colors.m3outline
+                    textFormat: Text.MarkdownText
+                    text: notificationObject.body
+                }
+            }
+        }
+    }
+}