motifications: add support for configurable persistent history

fixes #929

quickshell/Modules/Notifications/Center/NotificationSettings.qml

@@ -1,7 +1,5 @@
 import QtQuick
-import QtQuick.Controls
 import qs.Common
-import qs.Services
 import qs.Widgets
 
 Rectangle {
@@ -36,64 +34,77 @@ Rectangle {
         }
     }
 
-    readonly property var timeoutOptions: [{
+    readonly property var timeoutOptions: [
+        {
             "text": "Never",
             "value": 0
-        }, {
+        },
+        {
             "text": "1 second",
             "value": 1000
-        }, {
+        },
+        {
             "text": "3 seconds",
             "value": 3000
-        }, {
+        },
+        {
             "text": "5 seconds",
             "value": 5000
-        }, {
+        },
+        {
             "text": "8 seconds",
             "value": 8000
-        }, {
+        },
+        {
             "text": "10 seconds",
             "value": 10000
-        }, {
+        },
+        {
             "text": "15 seconds",
             "value": 15000
-        }, {
+        },
+        {
             "text": "30 seconds",
             "value": 30000
-        }, {
+        },
+        {
             "text": "1 minute",
             "value": 60000
-        }, {
+        },
+        {
             "text": "2 minutes",
             "value": 120000
-        }, {
+        },
+        {
             "text": "5 minutes",
             "value": 300000
-        }, {
+        },
+        {
             "text": "10 minutes",
             "value": 600000
-        }]
+        }
+    ]
 
     function getTimeoutText(value) {
         if (value === undefined || value === null || isNaN(value)) {
-            return "5 seconds"
+            return "5 seconds";
         }
 
         for (let i = 0; i < timeoutOptions.length; i++) {
             if (timeoutOptions[i].value === value) {
-                return timeoutOptions[i].text
+                return timeoutOptions[i].text;
             }
         }
         if (value === 0) {
-            return "Never"
+            return "Never";
         }
         if (value < 1000) {
-            return value + "ms"
+            return value + "ms";
         }
         if (value < 60000) {
-            return Math.round(value / 1000) + " seconds"
+            return Math.round(value / 1000) + " seconds";
         }
-        return Math.round(value / 60000) + " minutes"
+        return Math.round(value / 60000) + " minutes";
     }
 
     Column {
@@ -113,9 +124,10 @@ Rectangle {
 
         Item {
             width: parent.width
-            height: 36
+            height: Math.max(dndRow.implicitHeight, dndToggle.implicitHeight) + Theme.spacingS
 
             Row {
+                id: dndRow
                 anchors.left: parent.left
                 anchors.verticalCenter: parent.verticalCenter
                 spacing: Theme.spacingM
@@ -136,6 +148,7 @@ Rectangle {
             }
 
             DankToggle {
+                id: dndToggle
                 anchors.right: parent.right
                 anchors.verticalCenter: parent.verticalCenter
                 checked: SessionData.doNotDisturb
@@ -162,13 +175,13 @@ Rectangle {
             currentValue: getTimeoutText(SettingsData.notificationTimeoutLow)
             options: timeoutOptions.map(opt => opt.text)
             onValueChanged: value => {
-                                for (let i = 0; i < timeoutOptions.length; i++) {
-                                    if (timeoutOptions[i].text === value) {
-                                        SettingsData.set("notificationTimeoutLow", timeoutOptions[i].value)
-                                        break
-                                    }
-                                }
-                            }
+                for (let i = 0; i < timeoutOptions.length; i++) {
+                    if (timeoutOptions[i].text === value) {
+                        SettingsData.set("notificationTimeoutLow", timeoutOptions[i].value);
+                        break;
+                    }
+                }
+            }
         }
 
         DankDropdown {
@@ -177,13 +190,13 @@ Rectangle {
             currentValue: getTimeoutText(SettingsData.notificationTimeoutNormal)
             options: timeoutOptions.map(opt => opt.text)
             onValueChanged: value => {
-                                for (let i = 0; i < timeoutOptions.length; i++) {
-                                    if (timeoutOptions[i].text === value) {
-                                        SettingsData.set("notificationTimeoutNormal", timeoutOptions[i].value)
-                                        break
-                                    }
-                                }
-                            }
+                for (let i = 0; i < timeoutOptions.length; i++) {
+                    if (timeoutOptions[i].text === value) {
+                        SettingsData.set("notificationTimeoutNormal", timeoutOptions[i].value);
+                        break;
+                    }
+                }
+            }
         }
 
         DankDropdown {
@@ -192,13 +205,13 @@ Rectangle {
             currentValue: getTimeoutText(SettingsData.notificationTimeoutCritical)
             options: timeoutOptions.map(opt => opt.text)
             onValueChanged: value => {
-                                for (let i = 0; i < timeoutOptions.length; i++) {
-                                    if (timeoutOptions[i].text === value) {
-                                        SettingsData.set("notificationTimeoutCritical", timeoutOptions[i].value)
-                                        break
-                                    }
-                                }
-                            }
+                for (let i = 0; i < timeoutOptions.length; i++) {
+                    if (timeoutOptions[i].text === value) {
+                        SettingsData.set("notificationTimeoutCritical", timeoutOptions[i].value);
+                        break;
+                    }
+                }
+            }
         }
 
         Rectangle {
@@ -209,9 +222,10 @@ Rectangle {
 
         Item {
             width: parent.width
-            height: 36
+            height: Math.max(overlayRow.implicitHeight, overlayToggle.implicitHeight) + Theme.spacingS
 
             Row {
+                id: overlayRow
                 anchors.left: parent.left
                 anchors.verticalCenter: parent.verticalCenter
                 spacing: Theme.spacingM
@@ -242,11 +256,127 @@ Rectangle {
             }
 
             DankToggle {
+                id: overlayToggle
                 anchors.right: parent.right
                 anchors.verticalCenter: parent.verticalCenter
                 checked: SettingsData.notificationOverlayEnabled
                 onToggled: toggled => SettingsData.set("notificationOverlayEnabled", toggled)
             }
         }
+
+        Rectangle {
+            width: parent.width
+            height: 1
+            color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
+        }
+
+        StyledText {
+            text: I18n.tr("History Settings")
+            font.pixelSize: Theme.fontSizeSmall
+            font.weight: Font.Medium
+            color: Theme.surfaceVariantText
+        }
+
+        Item {
+            width: parent.width
+            height: Math.max(lowRow.implicitHeight, lowToggle.implicitHeight) + Theme.spacingS
+
+            Row {
+                id: lowRow
+                anchors.left: parent.left
+                anchors.verticalCenter: parent.verticalCenter
+                spacing: Theme.spacingM
+
+                DankIcon {
+                    name: "low_priority"
+                    size: Theme.iconSizeSmall
+                    color: SettingsData.notificationHistorySaveLow ? Theme.primary : Theme.surfaceText
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+
+                StyledText {
+                    text: I18n.tr("Low Priority")
+                    font.pixelSize: Theme.fontSizeSmall
+                    color: Theme.surfaceText
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+            }
+
+            DankToggle {
+                id: lowToggle
+                anchors.right: parent.right
+                anchors.verticalCenter: parent.verticalCenter
+                checked: SettingsData.notificationHistorySaveLow
+                onToggled: toggled => SettingsData.set("notificationHistorySaveLow", toggled)
+            }
+        }
+
+        Item {
+            width: parent.width
+            height: Math.max(normalRow.implicitHeight, normalToggle.implicitHeight) + Theme.spacingS
+
+            Row {
+                id: normalRow
+                anchors.left: parent.left
+                anchors.verticalCenter: parent.verticalCenter
+                spacing: Theme.spacingM
+
+                DankIcon {
+                    name: "notifications"
+                    size: Theme.iconSizeSmall
+                    color: SettingsData.notificationHistorySaveNormal ? Theme.primary : Theme.surfaceText
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+
+                StyledText {
+                    text: I18n.tr("Normal Priority")
+                    font.pixelSize: Theme.fontSizeSmall
+                    color: Theme.surfaceText
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+            }
+
+            DankToggle {
+                id: normalToggle
+                anchors.right: parent.right
+                anchors.verticalCenter: parent.verticalCenter
+                checked: SettingsData.notificationHistorySaveNormal
+                onToggled: toggled => SettingsData.set("notificationHistorySaveNormal", toggled)
+            }
+        }
+
+        Item {
+            width: parent.width
+            height: Math.max(criticalRow.implicitHeight, criticalToggle.implicitHeight) + Theme.spacingS
+
+            Row {
+                id: criticalRow
+                anchors.left: parent.left
+                anchors.verticalCenter: parent.verticalCenter
+                spacing: Theme.spacingM
+
+                DankIcon {
+                    name: "priority_high"
+                    size: Theme.iconSizeSmall
+                    color: SettingsData.notificationHistorySaveCritical ? Theme.primary : Theme.surfaceText
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+
+                StyledText {
+                    text: I18n.tr("Critical Priority")
+                    font.pixelSize: Theme.fontSizeSmall
+                    color: Theme.surfaceText
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+            }
+
+            DankToggle {
+                id: criticalToggle
+                anchors.right: parent.right
+                anchors.verticalCenter: parent.verticalCenter
+                checked: SettingsData.notificationHistorySaveCritical
+                onToggled: toggled => SettingsData.set("notificationHistorySaveCritical", toggled)
+            }
+        }
     }
 }