163 lines
4.4 KiB
QML
163 lines
4.4 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import Quickshell.Hyprland
|
|
import Caelestia.Config
|
|
import qs.components
|
|
import qs.services
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
|
|
required property HyprlandToplevel client
|
|
|
|
anchors.fill: parent
|
|
spacing: Tokens.spacing.small
|
|
|
|
Label {
|
|
Layout.topMargin: Tokens.padding.extraLargeIncreased
|
|
|
|
text: root.client?.title ?? qsTr("No active client")
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
|
|
font: Tokens.font.body.builders.large.weight(500).build()
|
|
}
|
|
|
|
Label {
|
|
text: root.client?.lastIpcObject.class ?? qsTr("No active client")
|
|
color: Colours.palette.m3tertiary
|
|
|
|
font: Tokens.font.body.large
|
|
}
|
|
|
|
StyledRect {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 1
|
|
Layout.leftMargin: Tokens.padding.extraLargeIncreased
|
|
Layout.rightMargin: Tokens.padding.extraLargeIncreased
|
|
Layout.topMargin: Tokens.spacing.medium
|
|
Layout.bottomMargin: Tokens.spacing.largeIncreased
|
|
|
|
color: Colours.palette.m3secondary
|
|
}
|
|
|
|
Detail {
|
|
icon: "location_on"
|
|
text: qsTr("Address: %1").arg(`0x${root.client?.address}` ?? "unknown")
|
|
color: Colours.palette.m3primary
|
|
}
|
|
|
|
Detail {
|
|
icon: "location_searching"
|
|
text: qsTr("Position: %1, %2").arg(root.client?.lastIpcObject.at[0] ?? -1).arg(root.client?.lastIpcObject.at[1] ?? -1)
|
|
}
|
|
|
|
Detail {
|
|
icon: "resize"
|
|
text: qsTr("Size: %1 x %2").arg(root.client?.lastIpcObject.size[0] ?? -1).arg(root.client?.lastIpcObject.size[1] ?? -1)
|
|
color: Colours.palette.m3tertiary
|
|
}
|
|
|
|
Detail {
|
|
icon: "workspaces"
|
|
text: qsTr("Workspace: %1 (%2)").arg(root.client?.workspace.name ?? -1).arg(root.client?.workspace.id ?? -1)
|
|
color: Colours.palette.m3secondary
|
|
}
|
|
|
|
Detail {
|
|
icon: "desktop_windows"
|
|
text: {
|
|
const mon = root.client?.monitor;
|
|
if (mon)
|
|
return qsTr("Monitor: %1 (%2) at %3, %4").arg(mon.name).arg(mon.id).arg(mon.x).arg(mon.y);
|
|
return qsTr("Monitor: unknown");
|
|
}
|
|
}
|
|
|
|
Detail {
|
|
icon: "page_header"
|
|
text: qsTr("Initial title: %1").arg(root.client?.lastIpcObject.initialTitle ?? "unknown")
|
|
color: Colours.palette.m3tertiary
|
|
}
|
|
|
|
Detail {
|
|
icon: "category"
|
|
text: qsTr("Initial class: %1").arg(root.client?.lastIpcObject.initialClass ?? "unknown")
|
|
}
|
|
|
|
Detail {
|
|
icon: "account_tree"
|
|
text: qsTr("Process id: %1").arg(root.client?.lastIpcObject.pid ?? -1)
|
|
color: Colours.palette.m3primary
|
|
}
|
|
|
|
Detail {
|
|
icon: "picture_in_picture_center"
|
|
text: qsTr("Floating: %1").arg(root.client?.lastIpcObject.floating ? "yes" : "no")
|
|
color: Colours.palette.m3secondary
|
|
}
|
|
|
|
Detail {
|
|
icon: "gradient"
|
|
text: qsTr("Xwayland: %1").arg(root.client?.lastIpcObject.xwayland ? "yes" : "no")
|
|
}
|
|
|
|
Detail {
|
|
icon: "keep"
|
|
text: qsTr("Pinned: %1").arg(root.client?.lastIpcObject.pinned ? "yes" : "no")
|
|
color: Colours.palette.m3secondary
|
|
}
|
|
|
|
Detail {
|
|
icon: "fullscreen"
|
|
text: {
|
|
const fs = root.client?.lastIpcObject.fullscreen;
|
|
if (fs)
|
|
return qsTr("Fullscreen state: %1").arg(fs == 0 ? "off" : fs == 1 ? "maximised" : "on");
|
|
return qsTr("Fullscreen state: unknown");
|
|
}
|
|
color: Colours.palette.m3tertiary
|
|
}
|
|
|
|
Item {
|
|
Layout.fillHeight: true
|
|
}
|
|
|
|
component Detail: RowLayout {
|
|
id: detail
|
|
|
|
required property string icon
|
|
required property string text
|
|
property alias color: icon.color
|
|
|
|
Layout.leftMargin: Tokens.padding.large
|
|
Layout.rightMargin: Tokens.padding.large
|
|
Layout.fillWidth: true
|
|
|
|
spacing: Tokens.spacing.medium
|
|
|
|
MaterialIcon {
|
|
id: icon
|
|
|
|
Layout.alignment: Qt.AlignVCenter
|
|
text: detail.icon
|
|
}
|
|
|
|
StyledText {
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignVCenter
|
|
|
|
text: detail.text
|
|
elide: Text.ElideRight
|
|
font: Tokens.font.body.medium
|
|
}
|
|
}
|
|
|
|
component Label: StyledText {
|
|
Layout.leftMargin: Tokens.padding.large
|
|
Layout.rightMargin: Tokens.padding.large
|
|
Layout.fillWidth: true
|
|
elide: Text.ElideRight
|
|
horizontalAlignment: Text.AlignHCenter
|
|
animate: true
|
|
}
|
|
}
|