Salastil/DankMaterialShell
1
0
Fork 0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2026-01-24 21:42:51 -05:00
Code Packages Releases Activity

stash n otifs

Browse Source
This commit is contained in:
bbedward
2025-08-12 10:44:55 -04:00
parent 5c3d79eef7
commit de91eb8afa
10 changed files with 1006 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

268
Modals/NotificationModal.qml Normal file
View File

@@ -0,0 +1,268 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Effects
import Quickshell
import Quickshell.Io
import Quickshell.Widgets
import qs.Common
import qs.Modules.Notifications.Center
import qs.Services
import qs.Widgets
DankModal {
id: notificationModal
property bool notificationModalOpen: false
property var notificationListRef: null
// Keyboard controller for navigation
NotificationKeyboardController {
id: keyboardController
listView: null // Set later to avoid binding loop
isOpen: notificationModalOpen
onClose: function() { hide() }
Component.onCompleted: {
console.log("KeyboardController created")
}
}
function show() {
console.log("NotificationModal.show() called")
notificationModalOpen = true
keyboardController.reset()
// Set the listView reference when modal is shown
console.log("SHOW: keyboardController:", !!keyboardController, "notificationListRef:", !!notificationListRef)
if (keyboardController && notificationListRef) {
console.log("FIXING listView reference in show()")
keyboardController.listView = notificationListRef
keyboardController.rebuildFlatNavigation()
}
}
function hide() {
notificationModalOpen = false
keyboardController.reset()
}
function toggle() {
if (notificationModalOpen)
hide()
else
show()
}
visible: notificationModalOpen
width: 500
height: 700
keyboardFocus: "ondemand"
backgroundColor: Theme.popupBackground()
cornerRadius: Theme.cornerRadius
borderColor: Theme.outlineMedium
borderWidth: 1
enableShadow: true
onVisibleChanged: {
if (visible && !notificationModalOpen)
show()
}
onBackgroundClicked: {
notificationModalOpen = false
}
IpcHandler {
function open() {
notificationModal.show()
return "NOTIFICATION_MODAL_OPEN_SUCCESS"
}
function close() {
notificationModal.hide()
return "NOTIFICATION_MODAL_CLOSE_SUCCESS"
}
function toggle() {
console.log("IPC toggle() called")
notificationModal.toggle()
return "NOTIFICATION_MODAL_TOGGLE_SUCCESS"
}
target: "notifications"
}
content: Component {
FocusScope {
id: notificationKeyHandler
anchors.fill: parent
focus: true
Keys.onPressed: function(event) {
keyboardController.handleKey(event)
}
Component.onCompleted: {
forceActiveFocus()
}
Column {
anchors.fill: parent
anchors.margins: Theme.spacingL
spacing: Theme.spacingL
Rectangle {
width: parent.width
height: 48
color: "transparent"
Row {
anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
spacing: Theme.spacingM
DankIcon {
name: "notifications"
size: Theme.iconSize
color: Theme.surfaceText
anchors.verticalCenter: parent.verticalCenter
}
StyledText {
text: "Notification Center"
font.pixelSize: Theme.fontSizeXLarge
font.weight: Font.Bold
color: Theme.surfaceText
anchors.verticalCenter: parent.verticalCenter
}
}
Row {
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
spacing: Theme.spacingS
Rectangle {
width: 32
height: 32
radius: Theme.cornerRadius
color: helpButtonArea.containsMouse ? Theme.primaryHover : (keyboardController.showKeyboardHints ? Theme.primaryPressed : "transparent")
border.color: Theme.primary
border.width: 1
StyledText {
text: "?"
font.pixelSize: Theme.fontSizeMedium
font.weight: Font.Bold
color: Theme.primary
anchors.centerIn: parent
}
MouseArea {
id: helpButtonArea
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: keyboardController.showKeyboardHints = !keyboardController.showKeyboardHints
}
}
Rectangle {
width: clearAllText.implicitWidth + Theme.spacingM
height: 32
radius: Theme.cornerRadius
color: clearAllArea.containsMouse ? Theme.primaryHover : "transparent"
border.color: Theme.primary
border.width: 1
visible: NotificationService.groupedNotifications.length > 0
StyledText {
id: clearAllText
text: "Clear All"
font.pixelSize: Theme.fontSizeSmall
color: Theme.primary
anchors.centerIn: parent
}
MouseArea {
id: clearAllArea
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: NotificationService.clearAllNotifications()
}
}
}
}
Rectangle {
width: parent.width
height: parent.height - y
radius: Theme.cornerRadius
color: Theme.surfaceLight
border.color: Theme.outlineLight
border.width: 1
clip: false
KeyboardNavigatedNotificationList {
id: notificationList
anchors.fill: parent
anchors.margins: Theme.spacingS
keyboardController: notificationModal.keyboardController
enableKeyboardNavigation: true
Component.onCompleted: {
console.log("ListView onCompleted: keyboardController:", !!keyboardController)
notificationModal.notificationListRef = notificationList
if (keyboardController) {
console.log("SETTING listView reference")
keyboardController.listView = notificationList
keyboardController.rebuildFlatNavigation()
}
}
}
}
}
// Keyboard hints overlay
NotificationKeyboardHints {
id: keyboardHints
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.margins: Theme.spacingL
showHints: keyboardController.showKeyboardHints
}
Connections {
function onNotificationModalOpenChanged() {
if (notificationModal.notificationModalOpen) {
Qt.callLater(function () {
notificationKeyHandler.forceActiveFocus()
})
}
}
target: notificationModal
}
Connections {
function onOpened() {
Qt.callLater(function () {
notificationKeyHandler.forceActiveFocus()
})
}
target: notificationModal
}
}
}
}