noctalia
This commit is contained in:
Domipoke
@@ -0,0 +1,253 @@
|
||||
import QtQuick
|
||||
import QtQuick.Layouts
|
||||
import qs.Commons
|
||||
import qs.Widgets
|
||||
import qs.Services.UI
|
||||
import Quickshell.Hyprland
|
||||
import Quickshell.Wayland
|
||||
|
||||
Item {
|
||||
id: root
|
||||
|
||||
// --- Mandatory Panel Properties (Injected by Noctalia) ---
|
||||
property var pluginApi: null
|
||||
readonly property var geometryPlaceholder: panelContainer
|
||||
readonly property bool allowAttach: true
|
||||
|
||||
// Recommended dimensions adapted to the interface scale
|
||||
property real contentPreferredWidth: 840 * Style.uiScaleRatio
|
||||
property real contentPreferredHeight: Math.max(320 * Style.uiScaleRatio, (workspaceGrid.computedRows * workspaceGrid.cellHeight) + 100 * Style.uiScaleRatio)
|
||||
|
||||
anchors.fill: parent
|
||||
|
||||
Rectangle {
|
||||
id: panelContainer
|
||||
anchors.fill: parent
|
||||
color: "transparent"
|
||||
|
||||
ColumnLayout {
|
||||
anchors {
|
||||
fill: parent
|
||||
margins: Style.marginL
|
||||
}
|
||||
spacing: Style.marginL
|
||||
|
||||
// --- Header ---
|
||||
RowLayout {
|
||||
Layout.fillWidth: true
|
||||
NText {
|
||||
text: "Workspace Overview"
|
||||
pointSize: Style.fontSizeXL
|
||||
font.weight: Font.Bold
|
||||
color: Color.mOnSurface
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
NIconButton {
|
||||
icon: "x"
|
||||
onClicked: {
|
||||
if (pluginApi) {
|
||||
pluginApi.closePanel(pluginApi.panelOpenScreen)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// --- Workspaces Area (Grid) ---
|
||||
NBox {
|
||||
Layout.fillWidth: true
|
||||
Layout.fillHeight: true
|
||||
clip: true // Enable clipping to hide the overflow
|
||||
|
||||
NGridView {
|
||||
id: workspaceGrid
|
||||
anchors {
|
||||
left: parent.left
|
||||
top: parent.top
|
||||
bottom: parent.bottom
|
||||
}
|
||||
// Widen the grid and push its internal scrollbar beyond the clipped parent edge
|
||||
width: parent.width + (40 * Style.uiScaleRatio)
|
||||
|
||||
anchors.topMargin: Style.marginM
|
||||
anchors.bottomMargin: Style.marginM
|
||||
|
||||
// Use parent.width (the visible area) for cells, not its own widened width
|
||||
cellWidth: parent.width / columns
|
||||
cellHeight: (194.002 + 13.284) * Style.uiScaleRatio
|
||||
|
||||
// The distribution is now handled by the dynamic cellWidth relative to the visible panel
|
||||
property int columns: Math.max(1, Math.min(count, 3))
|
||||
property int computedRows: Math.max(1, Math.ceil(count / columns))
|
||||
|
||||
leftMargin: 0
|
||||
topMargin: Math.max(0, (height - (computedRows * cellHeight)) / 2)
|
||||
|
||||
clip: true
|
||||
|
||||
// Using the real Hyprland model provided by Quickshell
|
||||
model: Hyprland.workspaces
|
||||
|
||||
// --- Workspace Component ---
|
||||
delegate: DropArea {
|
||||
width: workspaceGrid.cellWidth
|
||||
height: workspaceGrid.cellHeight
|
||||
|
||||
// The "required property" tells QML: "I expect the model to send me a modelData"
|
||||
required property var modelData
|
||||
|
||||
// Now you use it directly, without fear of being undefined
|
||||
property int targetWorkspaceId: modelData.id
|
||||
|
||||
// Action when dropping the window in this workspace
|
||||
onDropped: (drop) => {
|
||||
if (drop.hasText && drop.text !== "") {
|
||||
let windowData = JSON.parse(drop.text);
|
||||
Logger.i("Workspace Overview", "Move window " + windowData.winId + " to workspace " + targetWorkspaceId);
|
||||
|
||||
// Hyprland command via Quickshell
|
||||
Hyprland.dispatch("movetoworkspacesilent " + targetWorkspaceId + ",address:" + windowData.winId);
|
||||
}
|
||||
}
|
||||
|
||||
NBox {
|
||||
id: workspaceBg
|
||||
width: 228.646 * Style.uiScaleRatio // Keep fixed width
|
||||
height: 194.002 * Style.uiScaleRatio // Keep fixed height
|
||||
anchors.centerIn: parent
|
||||
|
||||
// Visual highlight if it is the active workspace or if it contains drag
|
||||
readonly property bool isActiveWorkspace: Hyprland.focusedWorkspace && Hyprland.focusedWorkspace.id === modelData.id
|
||||
|
||||
// Using conditional color while still being an NBox for theme consistency
|
||||
color: isActiveWorkspace ? Color.mPrimary : (parent.containsDrag ? Color.mSurfaceVariant : Color.mSurface)
|
||||
border.color: isActiveWorkspace ? Color.mOnPrimary : Color.mOutline
|
||||
border.width: parent.containsDrag ? 4 : 0
|
||||
opacity: parent.containsDrag ? 0.8 : 1.0
|
||||
|
||||
// MouseArea to click on the workspace and switch to it
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
onClicked: {
|
||||
if (targetWorkspaceId !== undefined) {
|
||||
Hyprland.dispatch("workspace " + targetWorkspaceId);
|
||||
if (pluginApi) {
|
||||
pluginApi.closePanel(pluginApi.panelOpenScreen);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
anchors.fill: parent
|
||||
anchors.margins: Style.marginM / 2
|
||||
spacing: Style.marginS
|
||||
|
||||
NText {
|
||||
text: modelData.name !== "" ? modelData.name : "Workspace " + modelData.id
|
||||
font.weight: Font.Bold
|
||||
color: workspaceBg.isActiveWorkspace ? Color.mOnPrimary : Color.mOnSurface
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
}
|
||||
|
||||
// List of active windows (Titles)
|
||||
Column {
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: 20 * Style.uiScaleRatio
|
||||
spacing: 1 * Style.uiScaleRatio
|
||||
clip: true
|
||||
|
||||
Repeater {
|
||||
model: modelData.toplevels || null
|
||||
delegate: NText {
|
||||
width: 199.663 * Style.uiScaleRatio // Precise width
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
text: "• " + (modelData.title || "App")
|
||||
pointSize: 8 * Style.uiScaleRatio
|
||||
elide: Text.ElideRight
|
||||
color: workspaceBg.isActiveWorkspace ? Color.mOnPrimary : Color.mOnSurfaceVariant
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Mini-monitor background (Real wallpaper or solid color)
|
||||
Rectangle {
|
||||
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
|
||||
Layout.preferredWidth: 199.663 * Style.uiScaleRatio
|
||||
Layout.preferredHeight: 112.256 * Style.uiScaleRatio
|
||||
color: Qt.rgba(0, 0, 0, 0.4)
|
||||
border.color: parent.parent.isActiveWorkspace ? Color.mOnPrimary : Color.mOutline
|
||||
border.width: 2 * Style.uiScaleRatio
|
||||
radius: Style.radiusS
|
||||
clip: true
|
||||
|
||||
// Wallpaper
|
||||
Image {
|
||||
anchors.fill: parent
|
||||
source: typeof WallpaperService !== "undefined" ? WallpaperService.getWallpaper(modelData.monitor.name) : ""
|
||||
fillMode: Image.PreserveAspectCrop
|
||||
visible: source != ""
|
||||
opacity: 0.8
|
||||
}
|
||||
|
||||
// Actual dimensions and positions come from the workspace monitor.
|
||||
// Use monitor scale to convert from physical to logical pixels.
|
||||
property var wsMonitor: modelData.monitor || null
|
||||
property real monitorX: wsMonitor ? wsMonitor.x : 0
|
||||
property real monitorY: wsMonitor ? wsMonitor.y : 0
|
||||
property real monitorScale: wsMonitor && wsMonitor.scale > 0 ? wsMonitor.scale : 1.0
|
||||
property real monitorW: (wsMonitor && wsMonitor.width > 0 ? wsMonitor.width : 1920) / monitorScale
|
||||
property real monitorH: (wsMonitor && wsMonitor.height > 0 ? wsMonitor.height : 1080) / monitorScale
|
||||
property real scaleX: width / monitorW
|
||||
property real scaleY: height / monitorH
|
||||
|
||||
Repeater {
|
||||
model: modelData.toplevels || null
|
||||
delegate: Rectangle {
|
||||
// Using 'required property var modelData' forces QML to get the modelData from the internal Repeater
|
||||
// escaping the scope shadowing generated by the external GridView.
|
||||
required property var modelData
|
||||
|
||||
// Geometric information comes from the lastIpcObject associated with the window (inner modelData)
|
||||
property var ipcObj: modelData.lastIpcObject || null
|
||||
property real winX: ipcObj && ipcObj.at ? ipcObj.at[0] : 0
|
||||
property real winY: ipcObj && ipcObj.at ? ipcObj.at[1] : 0
|
||||
property real winW: ipcObj && ipcObj.size ? ipcObj.size[0] : 0
|
||||
property real winH: ipcObj && ipcObj.size ? ipcObj.size[1] : 0
|
||||
|
||||
// Position relative to the monitor
|
||||
x: (winX - parent.monitorX) * parent.scaleX
|
||||
y: (winY - parent.monitorY) * parent.scaleY
|
||||
width: Math.max(2, winW * parent.scaleX)
|
||||
height: Math.max(2, winH * parent.scaleY)
|
||||
|
||||
// Ignore unmapped (hidden) windows
|
||||
visible: modelData.mapped !== undefined ? modelData.mapped : (ipcObj !== null && ipcObj.mapped !== undefined ? ipcObj.mapped : true)
|
||||
|
||||
color: Color.mPrimary
|
||||
border.color: Color.mBackground
|
||||
border.width: Math.max(1, 1 * Style.uiScaleRatio)
|
||||
radius: 2 * Style.uiScaleRatio
|
||||
clip: true
|
||||
|
||||
ScreencopyView {
|
||||
anchors.fill: parent
|
||||
captureSource: modelData.wayland
|
||||
live: true
|
||||
paintCursor: true
|
||||
|
||||
// Optimization: Only capture at the resolution we are displaying
|
||||
constraintSize: Qt.size(parent.width, parent.height)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user