dock: create an initial basic dock

2025-12-07 14:05:38 -05:00 · 2025-08-04 19:10:20 -04:00
parent 9dbb6b094f
commit 436c7e2234
15 changed files with 1765 additions and 6 deletions
--- a/Modules/Dock/DockWindowsMenu.qml
+++ b/Modules/Dock/DockWindowsMenu.qml
@@ -0,0 +1,200 @@
+import QtQuick
+import QtQuick.Controls
+import Quickshell
+import Quickshell.Wayland
+import Quickshell.Widgets
+import qs.Common
+import qs.Services
+import qs.Widgets
+
+PanelWindow {
+    id: root
+    
+    property bool showWindowsMenu: false
+    property var appData: null
+    property var anchorItem: null
+    property real dockVisibleHeight: 40
+    property int margin: 10
+    
+    function showForButton(button, data, dockHeight) {
+        anchorItem = button
+        appData = data
+        dockVisibleHeight = dockHeight || 40
+        
+        var dockWindow = button.Window.window
+        if (dockWindow) {
+            for (var i = 0; i < Quickshell.screens.length; i++) {
+                var s = Quickshell.screens[i]
+                if (dockWindow.x >= s.x && dockWindow.x < s.x + s.width) {
+                    root.screen = s
+                    break
+                }
+            }
+        }
+        
+        showWindowsMenu = true
+    }
+    
+    function close() { showWindowsMenu = false }
+    
+    screen: Quickshell.screens[0]
+    
+    visible: showWindowsMenu
+    WlrLayershell.layer: WlrLayershell.Overlay
+    WlrLayershell.exclusiveZone: -1
+    WlrLayershell.keyboardFocus: WlrKeyboardFocus.None
+    color: "transparent"
+    anchors { top: true; left: true; right: true; bottom: true }
+    
+    property point anchorPos: Qt.point(screen.width/2, screen.height - 100)
+    
+    onAnchorItemChanged: updatePosition()
+    onVisibleChanged: if (visible) updatePosition()
+    
+    function updatePosition() {
+        if (!anchorItem) {
+            anchorPos = Qt.point(screen.width/2, screen.height - 100)
+            return
+        }
+        
+        var dockWindow = anchorItem.Window.window
+        if (!dockWindow) {
+            anchorPos = Qt.point(screen.width/2, screen.height - 100)
+            return
+        }
+        
+        var buttonPosInDock = anchorItem.mapToItem(dockWindow.contentItem, 0, 0)
+        
+        var actualDockHeight = root.dockVisibleHeight  // fallback
+        
+        function findDockBackground(item) {
+            if (item.objectName === "dockBackground") {
+                return item
+            }
+            for (var i = 0; i < item.children.length; i++) {
+                var found = findDockBackground(item.children[i])
+                if (found) return found
+            }
+            return null
+        }
+        
+        var dockBackground = findDockBackground(dockWindow.contentItem)
+        if (dockBackground) {
+            actualDockHeight = dockBackground.height
+        }
+        
+        var dockBottomMargin = 16  // The dock has bottom margin
+        var buttonScreenY = root.screen.height - actualDockHeight - dockBottomMargin - 20
+        
+        var dockContentWidth = dockWindow.width
+        var screenWidth = root.screen.width
+        var dockLeftMargin = Math.round((screenWidth - dockContentWidth) / 2)
+        var buttonScreenX = dockLeftMargin + buttonPosInDock.x + anchorItem.width/2
+        
+        anchorPos = Qt.point(buttonScreenX, buttonScreenY)
+    }
+    
+    Rectangle {
+        id: menuContainer
+        
+        width: Math.min(600, Math.max(250, windowColumn.implicitWidth + Theme.spacingS * 2))
+        height: Math.max(60, windowColumn.implicitHeight + Theme.spacingS * 2)
+        
+        x: {
+            var left  = 10
+            var right = root.width - width - 10
+            var want  = root.anchorPos.x - width/2
+            return Math.max(left, Math.min(right, want))
+        }
+        y: Math.max(10, root.anchorPos.y - height + 30)
+        color: Theme.popupBackground()
+        radius: Theme.cornerRadiusLarge
+        border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
+        border.width: 1
+        opacity: showWindowsMenu ? 1 : 0
+        scale: showWindowsMenu ? 1 : 0.85
+        
+        
+        Rectangle {
+            anchors.fill: parent
+            anchors.topMargin: 4
+            anchors.leftMargin: 2
+            anchors.rightMargin: -2
+            anchors.bottomMargin: -4
+            radius: parent.radius
+            color: Qt.rgba(0, 0, 0, 0.15)
+            z: parent.z - 1
+        }
+        
+        
+        Column {
+            id: windowColumn
+            width: parent.width - Theme.spacingS * 2
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: parent.top
+            anchors.topMargin: Theme.spacingS
+            spacing: 1
+            
+            Repeater {
+                model: root.appData && root.appData.windows ? root.appData.windows : null
+                
+                Rectangle {
+                    required property var model
+                    width: windowColumn.width
+                    height: 32
+                    radius: Theme.cornerRadiusSmall
+                    color: windowArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent"
+                    
+                    StyledText {
+                        anchors.left: parent.left
+                        anchors.leftMargin: Theme.spacingS
+                        anchors.right: parent.right
+                        anchors.rightMargin: Theme.spacingS
+                        anchors.verticalCenter: parent.verticalCenter
+                        text: model.title || "Untitled Window"
+                        font.pixelSize: Theme.fontSizeSmall
+                        color: model.is_focused ? Theme.primary : Theme.surfaceText
+                        font.weight: model.is_focused ? Font.Medium : Font.Normal
+                        elide: Text.ElideRight
+                        wrapMode: Text.NoWrap
+                    }
+                    
+                    MouseArea {
+                        id: windowArea
+                        anchors.fill: parent
+                        hoverEnabled: true
+                        cursorShape: Qt.PointingHandCursor
+                        onClicked: {
+                            NiriService.focusWindow(model.id)
+                            root.close()
+                        }
+                    }
+                }
+            }
+        }
+        
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Theme.shortDuration
+                easing.type: Theme.emphasizedEasing
+            }
+        }
+        
+        Behavior on scale {
+            NumberAnimation {
+                duration: Theme.shortDuration
+                easing.type: Theme.emphasizedEasing
+            }
+        }
+    }
+    
+    MouseArea {
+        anchors.fill: parent
+        z: -1
+        hoverEnabled: false
+        acceptedButtons: Qt.LeftButton | Qt.RightButton
+        onClicked: {
+            root.close()
+        }
+    }
+}