quickshell/modules/notifications/NotiCard.qml
2026-05-15 18:19:50 +02:00

75 lines
2.3 KiB
QML

import Quickshell
import Quickshell.Widgets
import QtQuick.Layouts
import QtQuick
import qs
import qs.settings
import qs.widgets
WrapperRectangle {
id: root
required property var notification
required property ShellScreen nScreen
implicitWidth: nScreen.width / 6
implicitHeight: 80
radius: Config.rounding
anchors.right: parent?.right
color: Colors.base01
clip: true
child: WrapperMouseArea {
id: mouseHandler
child: RowLayout {
spacing: 10
IconImage {
id: appIcon
Layout.leftMargin: 8
visible: root.notification?.image ? true : false
source: root.notification?.image ? root.notification.image : ''
implicitSize: 64
}
ColumnLayout {
Layout.alignment: Qt.AlignLeft
Layout.fillWidth: true
Layout.preferredWidth: 0
Layout.fillHeight: true
Layout.leftMargin: appIcon.visible ? 0 : 16
RowLayout {
MaterialIcon {
text: "\ue7f4"
font.pixelSize: 12
}
StyledText {
id: appId
text: root.notification?.appName ? root.notification.appName : ''
opacity: 0.4
}
}
StyledText {
id: title
text: root.notification?.summary == null ? '' : root.notification.summary
elide: Text.ElideRight
Layout.fillWidth: true
}
StyledText {
id: body
text: root.notification?.body ? root.notification.body : ''
elide: Text.ElideRight
Layout.fillWidth: true
opacity: 0.6
}
}
}
acceptedButtons: Qt.LeftButton
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onEntered: {
root.color = Colors.base03;
}
onExited: {
root.color = Colors.base01;
}
onClicked: {
root.notification.dismiss();
}
}
}