notifications: groups

2025-05-25 22:47:31 +02:00
parent 85d3bc4444
commit 837a2a06fa
11 changed files with 801 additions and 708 deletions
@@ -0,0 +1,106 @@
+import "root:/"
+import "root:/modules/common/"
+import "root:/modules/common/widgets"
+import "root:/services"
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Wayland
+import Quickshell.Hyprland
+
+ListView { // Scrollable window
+    id: root
+    spacing: 5
+    property real removeOvershoot: 20 // Account for gaps and bouncy animations
+    property int dragIndex: -1
+    property real dragDistance: 0
+
+    function resetDrag() {
+        root.dragIndex = -1
+        root.dragDistance = 0
+    }
+
+    add: Transition {
+        animations: [
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                properties: "opacity,scale",
+                from: 0,
+                to: 1,
+            }),
+        ]
+    }
+
+    addDisplaced: Transition {
+        animations: [
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                property: "y",
+            }),
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                properties: "opacity,scale",
+                to: 1,
+            }),
+        ]
+    }
+    
+    displaced: Transition {
+        animations: [
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                property: "y",
+            }),
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                properties: "opacity,scale",
+                to: 1,
+            }),
+        ]
+    }
+
+    move: Transition {
+        animations: [
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                property: "y",
+            }),
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                properties: "opacity,scale",
+                to: 1,
+            }),
+        ]
+    }
+    moveDisplaced: Transition {
+        animations: [
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                property: "y",
+            }),
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                properties: "opacity,scale",
+                to: 1,
+            }),
+        ]
+    }
+
+    remove: Transition {
+        animations: [
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                property: "x",
+                to: root.width + root.removeOvershoot,
+            }),
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                property: "opacity",
+                to: 0,
+            })
+        ]
+    }
+
+    // This is movement when something is removed, not removing animation!
+    removeDisplaced: Transition { 
+        animations: [
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                property: "y",
+            }),
+            Appearance.animation.elementMove.numberAnimation.createObject(this, {
+                properties: "opacity,scale",
+                to: 1,
+            }),
+        ]
+    }
+}