Notification backend usable

2025-10-07 23:15:53 -03:00
parent d9406f2a90
commit 7c2c2f3a7c
13 changed files with 352 additions and 339 deletions
--- a/Widgets/NotificationWrapper.qml
+++ b/Widgets/NotificationWrapper.qml
@@ -0,0 +1,138 @@
+import Quickshell
+import QtQuick
+import QtQuick.Layouts
+import Quickshell.Widgets
+
+Rectangle {
+    id: notificationWrapper
+
+    signal dismissed
+
+    property bool hasImage: notification?.image ? true : false
+    property var notification: null
+
+    property string image: {
+        if (hasImage) {
+            return notification.image;
+        }
+        if (notification?.appIcon === "") {
+            return "";
+        }
+        return Quickshell.iconPath(notification?.appIcon);
+    }
+
+    implicitWidth: 400
+    implicitHeight: notifLayout.implicitHeight
+    topLeftRadius: image ? 100 : 20
+    bottomLeftRadius: image ? 100 : 20
+    topRightRadius: 20
+    bottomRightRadius: 20
+    color: "#80000000"
+
+    MouseArea {
+        anchors.fill: parent
+        onClicked: {
+            notificationWrapper.dismissed();
+            console.log("opa");
+        }
+    }
+
+    RowLayout {
+        id: notifLayout
+
+        anchors {
+            fill: parent
+        }
+
+        ClippingRectangle {
+
+            Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter
+
+            implicitWidth: 100
+            implicitHeight: 100
+            visible: notificationWrapper.image ? true : false
+
+            color: "grey"
+
+            radius: 100
+
+            IconImage {
+                anchors.centerIn: parent
+                implicitSize: 100
+                source: notificationWrapper.image
+            }
+        }
+
+        ColumnLayout {
+
+            Layout.leftMargin: 10
+            Layout.rightMargin: 10
+
+            Rectangle {
+                Layout.fillWidth: true
+
+                implicitHeight: summaryText.implicitHeight + 10
+                radius: 20
+                color: "#50ffffff"
+
+                Rectangle {
+                    anchors {
+                        left: parent.left
+                        top: parent.top
+                        bottom: parent.bottom
+                    }
+
+                    implicitWidth: parent.width
+                    radius: parent.radius
+                    color: "white"
+
+                    Text {
+                        id: summaryText
+
+                        anchors.fill: parent
+                        horizontalAlignment: Text.AlignHCenter
+                        verticalAlignment: Text.AlignVCenter
+                        font.pixelSize: 12
+                        wrapMode: Text.WordWrap
+                        textFormat: Text.MarkdownText
+
+                        text: notificationWrapper.notification.summary
+                    }
+                }
+            }
+
+            Rectangle {
+                Layout.fillWidth: true
+
+                implicitHeight: bodyText.implicitHeight + 10
+                radius: 20
+
+                Rectangle {
+                    anchors {
+                        left: parent.left
+                        top: parent.top
+                        bottom: parent.bottom
+                    }
+
+                    implicitWidth: parent.width
+                    radius: parent.radius
+                    color: "white"
+
+                    Text {
+                        id: bodyText
+
+                        anchors.fill: parent
+                        horizontalAlignment: Text.AlignHCenter
+                        verticalAlignment: Text.AlignVCenter
+                        font.pixelSize: 14
+                        wrapMode: Text.WordWrap
+                        textFormat: Text.MarkdownText
+
+                        text: notificationWrapper.notification.body
+                        onLinkActivated: link => Qt.openUrlExternally(link)
+                    }
+                }
+            }
+        }
+    }
+}