configurable timeouts, keyboard improvements

2025-12-08 06:25:37 -05:00 · 2025-08-12 14:28:53 -04:00
parent acc8272994
commit 1e23c6b12c
12 changed files with 440 additions and 276 deletions
--- a/Modules/Notifications/Center/NotificationSettings.qml
+++ b/Modules/Notifications/Center/NotificationSettings.qml
@@ -0,0 +1,179 @@
+import QtQuick
+import QtQuick.Controls
+import qs.Common
+import qs.Services
+import qs.Widgets
+
+Rectangle {
+    id: root
+    
+    property bool expanded: false
+    readonly property real contentHeight: contentColumn.height + Theme.spacingL * 2
+    
+    width: parent.width
+    height: expanded ? Math.min(contentHeight, 400) : 0
+    visible: expanded
+    clip: true
+    radius: Theme.cornerRadius
+    color: Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.3)
+    border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
+    border.width: 1
+    
+    Behavior on height {
+        NumberAnimation {
+            duration: Anims.durShort
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Anims.emphasized
+        }
+    }
+    
+    // Ensure smooth opacity transition
+    opacity: expanded ? 1 : 0
+    Behavior on opacity {
+        NumberAnimation {
+            duration: Anims.durShort
+            easing.type: Easing.BezierSpline  
+            easing.bezierCurve: Anims.emphasized
+        }
+    }
+    
+    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"
+        }
+        
+        for (let i = 0; i < timeoutOptions.length; i++) {
+            if (timeoutOptions[i].value === value) {
+                return timeoutOptions[i].text
+            }
+        }
+        if (value === 0) return "Never"
+        if (value < 1000) return value + "ms"
+        if (value < 60000) return Math.round(value / 1000) + " seconds"
+        return Math.round(value / 60000) + " minutes"
+    }
+    
+    Column {
+        id: contentColumn
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.margins: Theme.spacingL
+        spacing: Theme.spacingM
+        
+        StyledText {
+            text: "Notification Settings"
+            font.pixelSize: Theme.fontSizeMedium
+            font.weight: Font.Bold
+            color: Theme.surfaceText
+        }
+        
+        Item {
+            width: parent.width
+            height: 36
+            
+            Row {
+                anchors.left: parent.left
+                anchors.verticalCenter: parent.verticalCenter
+                spacing: Theme.spacingM
+                
+                DankIcon {
+                    name: SessionData.doNotDisturb ? "notifications_off" : "notifications"
+                    size: Theme.iconSizeSmall
+                    color: SessionData.doNotDisturb ? Theme.error : Theme.surfaceText
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+                
+                StyledText {
+                    text: "Do Not Disturb"
+                    font.pixelSize: Theme.fontSizeSmall
+                    color: Theme.surfaceText
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+            }
+            
+            DankToggle {
+                anchors.right: parent.right
+                anchors.verticalCenter: parent.verticalCenter
+                checked: SessionData.doNotDisturb
+                onToggled: SessionData.setDoNotDisturb(!SessionData.doNotDisturb)
+            }
+        }
+        
+        Rectangle {
+            width: parent.width
+            height: 1
+            color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
+        }
+        
+        StyledText {
+            text: "Notification Timeouts"
+            font.pixelSize: Theme.fontSizeSmall
+            font.weight: Font.Medium
+            color: Theme.surfaceVariantText
+        }
+        
+        DankDropdown {
+            width: parent.width
+            text: "Low Priority"
+            description: "Timeout for low priority notifications"
+            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.setNotificationTimeoutLow(timeoutOptions[i].value)
+                        break
+                    }
+                }
+            }
+        }
+        
+        DankDropdown {
+            width: parent.width
+            text: "Normal Priority"
+            description: "Timeout for normal priority notifications"
+            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.setNotificationTimeoutNormal(timeoutOptions[i].value)
+                        break
+                    }
+                }
+            }
+        }
+        
+        DankDropdown {
+            width: parent.width
+            text: "Critical Priority"
+            description: "Timeout for critical priority notifications"
+            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.setNotificationTimeoutCritical(timeoutOptions[i].value)
+                        break
+                    }
+                }
+            }
+        }
+    }
+}