140 lines
4.4 KiB
QML
140 lines
4.4 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Effects
|
|
import Quickshell
|
|
import Quickshell.Hyprland
|
|
import qs.Config
|
|
import qs.Components
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property real activeWorkspaceMargin: Math.ceil(Appearance.padding.small / 2)
|
|
readonly property int effectiveActiveWorkspaceId: monitor?.activeWorkspace?.id ?? 1
|
|
required property bool horizontal
|
|
readonly property HyprlandMonitor monitor: Hyprland.monitorFor(root.screen)
|
|
required property ShellScreen screen
|
|
readonly property real shortSize: Config.bar.height + Appearance.padding.smaller * 2
|
|
readonly property real size: (workspaceButtonWidth * workspacesShown) + activeWorkspaceMargin * 2
|
|
property int workspaceButtonWidth: (horizontal ? bgRect.implicitHeight : bgRect.implicitWidth) - root.activeWorkspaceMargin * 2
|
|
property int workspaceIndexInGroup: (effectiveActiveWorkspaceId - 1) % root.workspacesShown
|
|
readonly property list<var> workspaces: Hyprland.workspaces.values.filter(w => w.monitor === root.monitor)
|
|
readonly property int workspacesShown: workspaces.length
|
|
|
|
implicitHeight: horizontal ? shortSize : size
|
|
implicitWidth: horizontal ? size : shortSize
|
|
|
|
Behavior on implicitHeight {
|
|
enabled: !root.horizontal
|
|
|
|
Anim {
|
|
}
|
|
}
|
|
Behavior on implicitWidth {
|
|
enabled: root.horizontal
|
|
|
|
Anim {
|
|
}
|
|
}
|
|
|
|
CustomRect {
|
|
// qmllint disable Quick.anchor-combinations
|
|
id: bgRect
|
|
|
|
anchors.bottom: root.horizontal ? undefined : parent.bottom
|
|
anchors.horizontalCenter: root.horizontal ? undefined : parent.horizontalCenter
|
|
anchors.left: root.horizontal ? parent.left : undefined
|
|
anchors.right: root.horizontal ? parent.right : undefined
|
|
anchors.top: root.horizontal ? undefined : parent.top
|
|
anchors.verticalCenter: root.horizontal ? parent.verticalCenter : undefined
|
|
color: DynamicColors.tPalette.m3surfaceContainer
|
|
implicitHeight: root.horizontal ? root.implicitHeight - ((Appearance.padding.small - 1) * 2) : 0
|
|
implicitWidth: root.horizontal ? 0 : root.implicitWidth - ((Appearance.padding.small - 1) * 2)
|
|
radius: height / 2
|
|
|
|
// qmllint enable Quick.anchor-combinations
|
|
Grid {
|
|
id: grid
|
|
|
|
anchors.fill: parent
|
|
anchors.margins: root.activeWorkspaceMargin
|
|
columnSpacing: 0
|
|
columns: root.horizontal ? root.workspacesShown : 1
|
|
rowSpacing: 0
|
|
rows: root.horizontal ? 1 : root.workspacesShown
|
|
|
|
Repeater {
|
|
model: root.workspaces
|
|
|
|
Button {
|
|
id: button
|
|
|
|
required property int index
|
|
required property HyprlandWorkspace modelData
|
|
|
|
implicitHeight: indicator.indicatorThickness
|
|
implicitWidth: indicator.indicatorThickness
|
|
width: root.workspaceButtonWidth
|
|
|
|
background: Item {
|
|
id: workspaceButtonBackground
|
|
|
|
implicitHeight: root.workspaceButtonWidth
|
|
implicitWidth: root.workspaceButtonWidth
|
|
|
|
CustomText {
|
|
anchors.centerIn: parent
|
|
color: DynamicColors.palette.m3onSecondaryContainer
|
|
elide: Text.ElideRight
|
|
horizontalAlignment: Text.AlignHCenter
|
|
text: button.modelData.name
|
|
verticalAlignment: Text.AlignVCenter
|
|
}
|
|
}
|
|
|
|
onPressed: {
|
|
const ws = button.modelData.name;
|
|
Hyprland.dispatch(Hyprland.usingLua ? `hl.dsp.focus({ workspace= "${ws}"})` : `workspace ${ws}`);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
CustomRect {
|
|
id: indicator
|
|
|
|
property real indicatorLength: (Math.abs(idxPair.idx1 - idxPair.idx2) + 1) * root.workspaceButtonWidth
|
|
property real indicatorPosition: Math.min(idxPair.idx1, idxPair.idx2) * root.workspaceButtonWidth + root.activeWorkspaceMargin
|
|
property real indicatorThickness: root.workspaceButtonWidth
|
|
|
|
anchors.horizontalCenter: root.horizontal ? undefined : parent.horizontalCenter
|
|
anchors.verticalCenter: root.horizontal ? parent.verticalCenter : undefined
|
|
clip: true
|
|
color: DynamicColors.palette.m3primary
|
|
implicitHeight: root.horizontal ? indicatorThickness : indicatorLength
|
|
implicitWidth: root.horizontal ? indicatorLength : indicatorThickness
|
|
radius: Appearance.rounding.full
|
|
x: root.horizontal ? indicatorPosition : 0
|
|
y: root.horizontal ? 0 : indicatorPosition
|
|
|
|
AnimatedTabIndexPair {
|
|
id: idxPair
|
|
|
|
index: root.workspaces.findIndex(w => w.active)
|
|
}
|
|
|
|
Coloriser {
|
|
colorizationColor: DynamicColors.palette.m3onPrimary
|
|
implicitHeight: grid.height
|
|
implicitWidth: grid.width
|
|
source: grid
|
|
sourceColor: DynamicColors.palette.m3onSurface
|
|
x: root.horizontal ? -indicator.x + 3 : 0
|
|
y: root.horizontal ? 0 : -indicator.y + 3
|
|
}
|
|
}
|
|
}
|
|
}
|