97 lines
2.6 KiB
QML
97 lines
2.6 KiB
QML
import Quickshell
|
|
import Quickshell.Services.Notifications
|
|
import QtQuick
|
|
import QtQuick.Effects
|
|
import "./NotificationBox.qml"
|
|
|
|
PanelWindow {
|
|
id: root
|
|
visible: false
|
|
anchors {
|
|
top: true
|
|
right: true
|
|
}
|
|
color: "transparent"
|
|
aboveWindows: true
|
|
implicitWidth: 500
|
|
implicitHeight: 200
|
|
focusable: false
|
|
|
|
property var font: { family: "Comfortaa" }
|
|
|
|
Component {
|
|
id: notifPopup
|
|
NotificationBox {
|
|
id: notifBox
|
|
y: {
|
|
let res = 0;
|
|
for (let i = 0; notifsList.children[i] && notifsList.children[i] != this; i++) {
|
|
if (!notifsList.children[i].exiting) res += notifsList.children[i].height + 10;
|
|
}
|
|
return res;
|
|
}
|
|
Behavior on y { NumberAnimation {
|
|
duration: 300
|
|
easing.type: Easing.InOutCubic
|
|
}}
|
|
RectangularShadow {
|
|
z: -1
|
|
anchors.fill: parent
|
|
blur: 12
|
|
radius: parent.radius
|
|
}
|
|
NumberAnimation on x {
|
|
running: root.visible
|
|
from: root.width
|
|
to: 0
|
|
duration: 300
|
|
easing.type: Easing.OutBack
|
|
easing.overshoot: 0.8
|
|
}
|
|
NumberAnimation on x {
|
|
id: exitAnim
|
|
running: false
|
|
to: parent.parent.width
|
|
duration: 300
|
|
easing.type: Easing.InCubic
|
|
onStarted: exiting = true
|
|
onFinished: {
|
|
if (notifsList.children.length === 1) {
|
|
root.visible = false
|
|
root.implicitHeight = 200;
|
|
}
|
|
notifBox.destroy();
|
|
}
|
|
}
|
|
Timer {
|
|
running: true
|
|
repeat: false
|
|
interval: 5000
|
|
onTriggered: exitAnim.start()
|
|
}
|
|
Component.onCompleted: {
|
|
let sumHeight = 40;
|
|
for (const notif of notifsList.children) {
|
|
sumHeight += notif.height + 6;
|
|
}
|
|
root.implicitHeight = Math.max(root.implicitHeight, sumHeight);
|
|
}
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: notifsList
|
|
anchors {
|
|
fill: parent
|
|
margins: 12
|
|
leftMargin: 64
|
|
}
|
|
}
|
|
|
|
function notify(notif) {
|
|
if (notif.lastGeneration) return
|
|
root.visible = true;
|
|
notifPopup.createObject(notifsList, {notification: notif});
|
|
}
|
|
}
|