211 lines
7.3 KiB
QML
211 lines
7.3 KiB
QML
import QtQuick
|
|
import Quickshell
|
|
import Quickshell.Wayland
|
|
import "." as M
|
|
|
|
// Per-icon context menu popup window.
|
|
// Covers the screen on the Overlay layer so clicking anywhere outside
|
|
// the menu panel dismisses it. Created on demand by Tray.qml delegates.
|
|
PanelWindow {
|
|
id: menuWindow
|
|
|
|
required property var handle
|
|
required property var screen
|
|
required property real anchorX
|
|
|
|
signal menuClosed()
|
|
|
|
// Current menu level — swapped when entering/leaving submenus
|
|
property var _currentHandle: handle
|
|
property var _handleStack: []
|
|
|
|
visible: true
|
|
color: "transparent"
|
|
|
|
WlrLayershell.layer: WlrLayer.Overlay
|
|
WlrLayershell.exclusiveZone: 0
|
|
WlrLayershell.namespace: "nova-traymenu"
|
|
|
|
anchors.top: true
|
|
anchors.left: true
|
|
anchors.right: true
|
|
anchors.bottom: true
|
|
|
|
// Click outside the menu panel → dismiss
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: menuWindow.menuClosed()
|
|
}
|
|
|
|
// Menu panel
|
|
Item {
|
|
id: panel
|
|
|
|
x: Math.max(0, Math.min(
|
|
Math.round(menuWindow.anchorX - menuCol.width / 2),
|
|
menuWindow.width - menuCol.width
|
|
))
|
|
y: 0
|
|
|
|
width: menuCol.width
|
|
height: menuCol.height
|
|
|
|
// Eat clicks inside the panel
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: M.Theme.base01
|
|
opacity: Math.max(M.Theme.barOpacity, 0.85)
|
|
topLeftRadius: 0
|
|
topRightRadius: 0
|
|
bottomLeftRadius: M.Theme.radius
|
|
bottomRightRadius: M.Theme.radius
|
|
}
|
|
|
|
Column {
|
|
id: menuCol
|
|
|
|
width: 220
|
|
topPadding: 4
|
|
bottomPadding: 4
|
|
spacing: 2
|
|
|
|
QsMenuOpener {
|
|
id: opener
|
|
menu: menuWindow._currentHandle
|
|
}
|
|
|
|
// Back button (submenus only)
|
|
Item {
|
|
visible: menuWindow._handleStack.length > 0
|
|
width: menuCol.width
|
|
height: visible ? 28 : 0
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
anchors.leftMargin: 4
|
|
anchors.rightMargin: 4
|
|
color: backArea.containsMouse ? M.Theme.base02 : "transparent"
|
|
radius: M.Theme.radius
|
|
}
|
|
|
|
Text {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 12
|
|
text: "\u2039 Back"
|
|
color: M.Theme.base05
|
|
font.pixelSize: M.Theme.fontSize
|
|
font.family: M.Theme.fontFamily
|
|
}
|
|
|
|
MouseArea {
|
|
id: backArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onClicked: {
|
|
const stack = menuWindow._handleStack.slice();
|
|
menuWindow._currentHandle = stack.pop();
|
|
menuWindow._handleStack = stack;
|
|
}
|
|
}
|
|
}
|
|
|
|
Repeater {
|
|
model: opener.children
|
|
|
|
delegate: Item {
|
|
id: entryItem
|
|
|
|
required property QsMenuEntry modelData
|
|
|
|
width: menuCol.width
|
|
height: modelData.isSeparator ? 9 : 28
|
|
|
|
// Separator
|
|
Rectangle {
|
|
visible: entryItem.modelData.isSeparator
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.leftMargin: 8
|
|
anchors.rightMargin: 8
|
|
height: 1
|
|
color: M.Theme.base03
|
|
}
|
|
|
|
// Hover highlight
|
|
Rectangle {
|
|
visible: !entryItem.modelData.isSeparator
|
|
anchors.fill: parent
|
|
anchors.leftMargin: 4
|
|
anchors.rightMargin: 4
|
|
color: rowArea.containsMouse && entryItem.modelData.enabled
|
|
? M.Theme.base02 : "transparent"
|
|
radius: M.Theme.radius
|
|
}
|
|
|
|
// Icon
|
|
Image {
|
|
id: entryIcon
|
|
visible: !entryItem.modelData.isSeparator && entryItem.modelData.icon !== ""
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 12
|
|
width: M.Theme.fontSize
|
|
height: M.Theme.fontSize
|
|
source: entryItem.modelData.icon
|
|
fillMode: Image.PreserveAspectFit
|
|
}
|
|
|
|
// Label
|
|
Text {
|
|
visible: !entryItem.modelData.isSeparator
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: entryIcon.visible ? entryIcon.right : parent.left
|
|
anchors.leftMargin: entryIcon.visible ? 6 : 12
|
|
anchors.right: entryChevron.visible ? entryChevron.left : parent.right
|
|
anchors.rightMargin: entryChevron.visible ? 4 : 12
|
|
text: entryItem.modelData.text
|
|
color: entryItem.modelData.enabled ? M.Theme.base05 : M.Theme.base03
|
|
font.pixelSize: M.Theme.fontSize
|
|
font.family: M.Theme.fontFamily
|
|
elide: Text.ElideRight
|
|
}
|
|
|
|
// Submenu chevron
|
|
Text {
|
|
id: entryChevron
|
|
visible: !entryItem.modelData.isSeparator && entryItem.modelData.hasChildren
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 12
|
|
text: "\u203A"
|
|
color: entryItem.modelData.enabled ? M.Theme.base05 : M.Theme.base03
|
|
font.pixelSize: M.Theme.fontSize
|
|
font.family: M.Theme.fontFamily
|
|
}
|
|
|
|
MouseArea {
|
|
id: rowArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
enabled: !entryItem.modelData.isSeparator && entryItem.modelData.enabled
|
|
onClicked: {
|
|
if (entryItem.modelData.hasChildren) {
|
|
menuWindow._handleStack = menuWindow._handleStack.concat([menuWindow._currentHandle]);
|
|
menuWindow._currentHandle = entryItem.modelData;
|
|
} else {
|
|
entryItem.modelData.triggered();
|
|
menuWindow.menuClosed();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|