fix clear all button

2025-11-17 22:29:13 +01:00
parent 30a154f36b
commit 459fb94279
4 changed files with 423 additions and 395 deletions
@@ -0,0 +1,128 @@
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+import QtQuick.Layouts
+import qs.Config
+import qs.Daemons
+
+Repeater {
+    model: ScriptModel {
+        values: {
+            const map = new Map();
+            for ( const n of NotifServer.notClosed )
+            map.set( n.appName, null );
+            for ( const n of NotifServer.list )
+            map.set( n.appName, null );
+            return [ ...map.keys() ];
+        }
+        onValuesChanged: {
+            root.flagChanged();
+        }
+    }
+    Column {
+        id: groupColumn
+        required property string modelData
+        property list<var> notifications: NotifServer.list.filter( n => n.appName === modelData )
+        width: parent.width
+        spacing: 10
+
+        property bool shouldShow: false
+        property bool isExpanded: false
+
+        function closeAll(): void {
+            for ( const n of NotifServer.notClosed.filter( n => n.appName === modelData ))
+            n.close();
+        }
+
+        Behavior on height {
+            Anim {}
+        }
+
+        Behavior on y {
+            Anim {
+                duration: MaterialEasing.expressiveEffectsTime
+                easing.bezierCurve: MaterialEasing.expressiveEffects
+            }
+        }
+
+        add: Transition {
+            id: addTrans
+            SequentialAnimation {
+                PauseAnimation {
+                    duration: ( addTrans.ViewTransition.index - addTrans.ViewTransition.targetIndexes[ 0 ]) * 50
+                }
+                ParallelAnimation {
+                    NumberAnimation {
+                        properties: "y";
+                        from: addTrans.ViewTransition.destination.y - (height / 2);
+                        to: addTrans.ViewTransition.destination.y;
+                        duration: 100;
+                        easing.type: Easing.OutCubic
+                    }
+                    NumberAnimation {
+                        properties: "opacity";
+                        from: 0;
+                        to: 1;
+                        duration: 100;
+                        easing.type: Easing.OutCubic
+                    }
+                    NumberAnimation {
+                        properties: "scale";
+                        from: 0.7;
+                        to: 1.0;
+                        duration: 100
+                        easing.type: Easing.InOutQuad
+                    }
+                }
+            }
+        }
+
+        move: Transition {
+            id: moveTrans
+            NumberAnimation {
+                properties: "y";
+                duration: 100;
+                easing.type: Easing.OutCubic
+            }
+        }
+
+        RowLayout {
+            width: parent.width
+            height: 30
+
+            Text {
+                Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
+                Layout.leftMargin: 5
+                text: groupColumn.modelData
+                color: "white"
+                font.pointSize: 14
+                font.bold: true
+            }
+
+            Rectangle {
+                Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
+                Layout.fillHeight: true
+                Layout.preferredWidth: 30
+                color: collapseArea.containsMouse ? "#15FFFFFF" : "transparent"
+                radius: 4
+                visible: groupColumn.isExpanded
+                Text {
+                    anchors.centerIn: parent
+                    text: "\ue944"
+                    font.family: "Material Symbols Rounded"
+                    font.pointSize: 18
+                    color: "white"
+                }
+                MouseArea {
+                    id: collapseArea
+                    anchors.fill: parent
+                    hoverEnabled: true
+                    onClicked: {
+                        groupColumn.shouldShow = false;
+                    }
+                }
+            }
+        }
+        NotifGroupRepeater { }
+    }
+}