322 lines
11 KiB
QML
322 lines
11 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import Quickshell
|
|
import "../../components"
|
|
import "../../services"
|
|
import "../../theme"
|
|
|
|
GlassPanel {
|
|
id: root
|
|
implicitWidth: mainLayout.implicitWidth + 24
|
|
implicitHeight: 36
|
|
|
|
RowLayout {
|
|
id: mainLayout
|
|
anchors.fill: parent
|
|
anchors.leftMargin: 8
|
|
anchors.rightMargin: 8
|
|
spacing: 8
|
|
|
|
// Power / Session Trigger Button
|
|
Rectangle {
|
|
id: sessionBtn
|
|
Layout.preferredWidth: 26
|
|
Layout.preferredHeight: 26
|
|
radius: 6
|
|
color: sessionMouse.containsMouse ? Theme.currentLine : "transparent"
|
|
|
|
Behavior on color { ColorAnimation { duration: 120 } }
|
|
|
|
PowerIcon {
|
|
anchors.centerIn: parent
|
|
color: sessionMouse.containsMouse ? Theme.accent : Theme.fg
|
|
implicitWidth: 13
|
|
implicitHeight: 13
|
|
strokeWidth: 1.6
|
|
|
|
Behavior on color { ColorAnimation { duration: 120 } }
|
|
}
|
|
|
|
MouseArea {
|
|
id: sessionMouse
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onClicked: PopupService.toggleSession()
|
|
}
|
|
}
|
|
|
|
// Minimal Divider Line (Shown only when virtual desktops exist)
|
|
Rectangle {
|
|
Layout.preferredWidth: 1
|
|
Layout.preferredHeight: 14
|
|
color: Theme.separator
|
|
visible: WorkspaceService.hasWorkspaces
|
|
}
|
|
|
|
// Dynamic Workspace Switcher
|
|
Item {
|
|
id: workspaceContainer
|
|
visible: WorkspaceService.hasWorkspaces
|
|
Layout.preferredWidth: wsRow.implicitWidth
|
|
Layout.preferredHeight: 26
|
|
|
|
RowLayout {
|
|
id: wsRow
|
|
anchors.centerIn: parent
|
|
spacing: 2
|
|
|
|
Repeater {
|
|
model: WorkspaceService.workspaceNames
|
|
|
|
Rectangle {
|
|
id: wsItem
|
|
property int wsNumber: index + 1
|
|
property bool isActive: WorkspaceService.activeWorkspace === wsNumber
|
|
|
|
Layout.preferredWidth: wsText.implicitWidth + 14
|
|
Layout.preferredHeight: 22
|
|
radius: 5
|
|
color: isActive ? Theme.accent : (wsItemMouse.containsMouse ? Theme.currentLine : "transparent")
|
|
|
|
Behavior on color { ColorAnimation { duration: 120 } }
|
|
|
|
Text {
|
|
id: wsText
|
|
anchors.centerIn: parent
|
|
text: modelData
|
|
color: wsItem.isActive ? (Theme.isDark ? Theme.bg : "#ffffff") : (wsItemMouse.containsMouse ? Theme.accent : Theme.fg)
|
|
font.pixelSize: 11
|
|
font.weight: wsItem.isActive ? Font.Bold : Font.Medium
|
|
|
|
Behavior on color { ColorAnimation { duration: 120 } }
|
|
}
|
|
|
|
MouseArea {
|
|
id: wsItemMouse
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onClicked: {
|
|
PopupService.closeAll()
|
|
WorkspaceService.switchTo(wsItem.wsNumber)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Scroll Throttle Timer (Eliminates scroll lag during rapid mouse wheel scrolling)
|
|
Timer {
|
|
id: scrollThrottleTimer
|
|
interval: 120
|
|
repeat: false
|
|
}
|
|
|
|
// Global Mouse Wheel Scroll Area
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
acceptedButtons: Qt.NoButton
|
|
|
|
onWheel: (wheel) => {
|
|
if (scrollThrottleTimer.running) return;
|
|
scrollThrottleTimer.restart();
|
|
PopupService.closeAll()
|
|
|
|
if (wheel.angleDelta.y < 0) {
|
|
if (WorkspaceService.activeWorkspace < WorkspaceService.totalWorkspaces) {
|
|
WorkspaceService.switchTo(WorkspaceService.activeWorkspace + 1)
|
|
}
|
|
} else if (wheel.angleDelta.y > 0) {
|
|
if (WorkspaceService.activeWorkspace > 1) {
|
|
WorkspaceService.switchTo(WorkspaceService.activeWorkspace - 1)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Detached Solid Session Popup Window (Controlled by PopupService)
|
|
PopupWindow {
|
|
id: sessionMenu
|
|
anchor.window: window
|
|
anchor.rect.x: 8
|
|
anchor.rect.y: 42
|
|
anchor.edges: Edges.Bottom | Edges.Left
|
|
visible: false
|
|
color: "transparent"
|
|
|
|
implicitWidth: contentGlass.implicitWidth
|
|
implicitHeight: contentGlass.implicitHeight
|
|
|
|
property real animProgress: 0.0
|
|
|
|
NumberAnimation on animProgress {
|
|
id: sessPopIn
|
|
running: false
|
|
to: 1.0
|
|
duration: 220
|
|
easing.type: Easing.OutBack
|
|
easing.overshoot: 1.15
|
|
}
|
|
|
|
NumberAnimation on animProgress {
|
|
id: sessPopOut
|
|
running: false
|
|
to: 0.0
|
|
duration: 160
|
|
easing.type: Easing.InQuad
|
|
onFinished: sessionMenu.visible = false
|
|
}
|
|
|
|
Connections {
|
|
target: PopupService
|
|
function onSessionMenuOpenChanged() {
|
|
if (PopupService.sessionMenuOpen) {
|
|
sessPopOut.running = false
|
|
sessionMenu.visible = true
|
|
sessPopIn.restart()
|
|
} else if (sessionMenu.visible) {
|
|
sessPopIn.running = false
|
|
sessPopOut.restart()
|
|
}
|
|
}
|
|
}
|
|
|
|
GlassPanel {
|
|
id: contentGlass
|
|
implicitWidth: menuLayout.implicitWidth + 16
|
|
implicitHeight: menuLayout.implicitHeight + 12
|
|
anchors.fill: parent
|
|
|
|
opacity: sessionMenu.animProgress
|
|
scale: 0.90 + 0.10 * sessionMenu.animProgress
|
|
transformOrigin: Item.TopLeft
|
|
|
|
ColumnLayout {
|
|
id: menuLayout
|
|
anchors.fill: parent
|
|
anchors.margins: 4
|
|
spacing: 2
|
|
|
|
// Lock Option
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: lockRow.implicitWidth + 24
|
|
Layout.preferredHeight: 28
|
|
color: lockMouse.containsMouse ? Theme.currentLine : "transparent"
|
|
radius: 5
|
|
|
|
Behavior on color { ColorAnimation { duration: 100 } }
|
|
|
|
RowLayout {
|
|
id: lockRow
|
|
anchors.fill: parent
|
|
anchors.leftMargin: 8
|
|
anchors.rightMargin: 12
|
|
spacing: 8
|
|
|
|
Rectangle {
|
|
width: 6; height: 6; radius: 3
|
|
color: Theme.purple
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
Text {
|
|
text: "Lock"
|
|
color: Theme.fg
|
|
font.pixelSize: 11
|
|
font.weight: Font.Medium
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: lockMouse
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onClicked: { SessionService.lock(); PopupService.closeAll() }
|
|
}
|
|
}
|
|
|
|
// Reboot Option
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: rebootRow.implicitWidth + 24
|
|
Layout.preferredHeight: 28
|
|
color: rebootMouse.containsMouse ? Theme.currentLine : "transparent"
|
|
radius: 5
|
|
|
|
Behavior on color { ColorAnimation { duration: 100 } }
|
|
|
|
RowLayout {
|
|
id: rebootRow
|
|
anchors.fill: parent
|
|
anchors.leftMargin: 8
|
|
anchors.rightMargin: 12
|
|
spacing: 8
|
|
|
|
Rectangle {
|
|
width: 6; height: 6; radius: 3
|
|
color: Theme.accent
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
Text {
|
|
text: "Reboot"
|
|
color: Theme.fg
|
|
font.pixelSize: 11
|
|
font.weight: Font.Medium
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: rebootMouse
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onClicked: { SessionService.reboot(); PopupService.closeAll() }
|
|
}
|
|
}
|
|
|
|
// Shutdown Option
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: shutdownRow.implicitWidth + 24
|
|
Layout.preferredHeight: 28
|
|
color: shutdownMouse.containsMouse ? Theme.currentLine : "transparent"
|
|
radius: 5
|
|
|
|
Behavior on color { ColorAnimation { duration: 100 } }
|
|
|
|
RowLayout {
|
|
id: shutdownRow
|
|
anchors.fill: parent
|
|
anchors.leftMargin: 8
|
|
anchors.rightMargin: 12
|
|
spacing: 8
|
|
|
|
Rectangle {
|
|
width: 6; height: 6; radius: 3
|
|
color: Theme.red
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
Text {
|
|
text: "Power Off"
|
|
color: Theme.red
|
|
font.pixelSize: 11
|
|
font.weight: Font.Medium
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: shutdownMouse
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onClicked: { SessionService.shutdown(); PopupService.closeAll() }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|