summaryrefslogtreecommitdiff
path: root/modules
diff options
context:
space:
mode:
Diffstat (limited to 'modules')
-rw-r--r--modules/notifications/AppIconBadge.qml72
-rw-r--r--modules/notifications/Notification.qml59
-rw-r--r--modules/notifications/NotificationToast.qml44
3 files changed, 84 insertions, 91 deletions
diff --git a/modules/notifications/AppIconBadge.qml b/modules/notifications/AppIconBadge.qml
new file mode 100644
index 0000000..8bbae89
--- /dev/null
+++ b/modules/notifications/AppIconBadge.qml
@@ -0,0 +1,72 @@
+import qs.components
+import qs.components.effects
+import qs.services
+import qs.config
+import qs.utils
+import Quickshell
+import Quickshell.Services.Notifications
+import QtQuick
+
+StyledRect {
+ id: root
+
+ required property Notifs.Notif modelData
+ required property bool hasImage
+ required property bool hasAppIcon
+ required property bool isCritical
+ required property bool isLow
+
+ radius: Appearance.rounding.full
+ color: {
+ if (root.isCritical) return Colours.palette.m3error;
+ if (root.isLow) return Colours.layer(Colours.palette.m3surfaceContainerHighest, 2);
+ return Colours.palette.m3secondaryContainer;
+ }
+ implicitWidth: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
+ implicitHeight: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
+
+ Loader {
+ id: icon
+
+ active: root.hasAppIcon
+ asynchronous: false
+ visible: active
+
+ anchors.centerIn: parent
+
+ width: Math.round(parent.width * 0.6)
+ height: Math.round(parent.width * 0.6)
+
+ sourceComponent: ColouredIcon {
+ anchors.fill: parent
+ source: Quickshell.iconPath(root.modelData.appIcon)
+ colour: {
+ if (root.isCritical) return Colours.palette.m3onError;
+ if (root.isLow) return Colours.palette.m3onSurface;
+ return Colours.palette.m3onSecondaryContainer;
+ }
+ layer.enabled: root.modelData.appIcon.endsWith("symbolic")
+ }
+ }
+
+ Loader {
+ active: !root.hasAppIcon
+ asynchronous: false
+ visible: active
+ anchors.centerIn: parent
+ anchors.horizontalCenterOffset: -Appearance.font.size.large * 0.02
+ anchors.verticalCenterOffset: Appearance.font.size.large * 0.02
+
+ sourceComponent: MaterialIcon {
+ text: Icons.getNotifIcon(root.modelData.summary, root.modelData.urgency)
+
+ color: {
+ if (root.isCritical) return Colours.palette.m3onError;
+ if (root.isLow) return Colours.palette.m3onSurface;
+ return Colours.palette.m3onSecondaryContainer;
+ }
+ font.pointSize: Appearance.font.size.large
+ }
+ }
+}
+
diff --git a/modules/notifications/Notification.qml b/modules/notifications/Notification.qml
index 091da2c..75defb6 100644
--- a/modules/notifications/Notification.qml
+++ b/modules/notifications/Notification.qml
@@ -155,59 +155,12 @@ StyledRect {
anchors.right: root.hasImage ? image.right : undefined
anchors.bottom: root.hasImage ? image.bottom : undefined
- sourceComponent: StyledRect {
- radius: Appearance.rounding.full
- color: {
- if (root.isCritical) return Colours.palette.m3error;
- if (root.isLow) return Colours.layer(Colours.palette.m3surfaceContainerHighest, 2);
- return Colours.palette.m3secondaryContainer;
- }
- implicitWidth: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
- implicitHeight: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
-
- Loader {
- id: icon
-
- active: root.hasAppIcon
- asynchronous: false
- visible: active
-
- anchors.centerIn: parent
-
- width: Math.round(parent.width * 0.6)
- height: Math.round(parent.width * 0.6)
-
- sourceComponent: ColouredIcon {
- anchors.fill: parent
- source: Quickshell.iconPath(root.modelData.appIcon)
- colour: {
- if (root.isCritical) return Colours.palette.m3onError;
- if (root.isLow) return Colours.palette.m3onSurface;
- return Colours.palette.m3onSecondaryContainer;
- }
- layer.enabled: root.modelData.appIcon.endsWith("symbolic")
- }
- }
-
- Loader {
- active: !root.hasAppIcon
- asynchronous: false
- visible: active
- anchors.centerIn: parent
- anchors.horizontalCenterOffset: -Appearance.font.size.large * 0.02
- anchors.verticalCenterOffset: Appearance.font.size.large * 0.02
-
- sourceComponent: MaterialIcon {
- text: Icons.getNotifIcon(root.modelData.summary, root.modelData.urgency)
-
- color: {
- if (root.isCritical) return Colours.palette.m3onError;
- if (root.isLow) return Colours.palette.m3onSurface;
- return Colours.palette.m3onSecondaryContainer;
- }
- font.pointSize: Appearance.font.size.large
- }
- }
+ sourceComponent: AppIconBadge {
+ modelData: root.modelData
+ hasImage: root.hasImage
+ hasAppIcon: root.hasAppIcon
+ isCritical: root.isCritical
+ isLow: root.isLow
}
}
diff --git a/modules/notifications/NotificationToast.qml b/modules/notifications/NotificationToast.qml
index 1ce334b..f8b830a 100644
--- a/modules/notifications/NotificationToast.qml
+++ b/modules/notifications/NotificationToast.qml
@@ -81,44 +81,12 @@ StyledRect {
anchors.right: root.hasImage ? parent.right : undefined
anchors.bottom: root.hasImage ? parent.bottom : undefined
- sourceComponent: StyledRect {
- radius: Appearance.rounding.full
- color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3error : root.modelData.urgency === NotificationUrgency.Low ? Colours.layer(Colours.palette.m3surfaceContainerHighest, 2) : Colours.palette.m3secondaryContainer
- implicitWidth: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
- implicitHeight: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
-
- Loader {
- id: appIcon
-
- active: root.hasAppIcon
- asynchronous: true
-
- anchors.centerIn: parent
-
- width: Math.round(parent.width * 0.6)
- height: Math.round(parent.width * 0.6)
-
- sourceComponent: ColouredIcon {
- anchors.fill: parent
- source: Quickshell.iconPath(root.modelData.appIcon)
- colour: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3onError : root.modelData.urgency === NotificationUrgency.Low ? Colours.palette.m3onSurface : Colours.palette.m3onSecondaryContainer
- layer.enabled: root.modelData.appIcon.endsWith("symbolic")
- }
- }
-
- Loader {
- active: !root.hasAppIcon
- asynchronous: true
- anchors.centerIn: parent
- anchors.horizontalCenterOffset: -Appearance.font.size.large * 0.02
- anchors.verticalCenterOffset: Appearance.font.size.large * 0.02
-
- sourceComponent: MaterialIcon {
- text: Icons.getNotifIcon(root.modelData.summary, root.modelData.urgency)
- color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3onError : root.modelData.urgency === NotificationUrgency.Low ? Colours.palette.m3onSurface : Colours.palette.m3onSecondaryContainer
- font.pointSize: Appearance.font.size.large
- }
- }
+ sourceComponent: AppIconBadge {
+ modelData: root.modelData
+ hasImage: root.hasImage
+ hasAppIcon: root.hasAppIcon
+ isCritical: root.modelData.urgency === NotificationUrgency.Critical
+ isLow: root.modelData.urgency === NotificationUrgency.Low
}
}
}
generated by cgit v1.2.3-freya (git 2.51.1) at 2026-01-20 09:37:04 +0000