forked from Shinonome/dots-hyprland
cheatsheet: dont create multiple for each monitor
This commit is contained in:
end-4
@@ -15,154 +15,146 @@ import Quickshell.Hyprland
|
|||||||
Scope { // Scope
|
Scope { // Scope
|
||||||
id: root
|
id: root
|
||||||
|
|
||||||
Variants { // Window repeater
|
Loader {
|
||||||
id: cheatsheetVariants
|
id: cheatsheetLoader
|
||||||
model: Quickshell.screens
|
active: false
|
||||||
|
|
||||||
Loader {
|
sourceComponent: PanelWindow { // Window
|
||||||
id: cheatsheetLoader
|
id: cheatsheetRoot
|
||||||
active: false
|
visible: cheatsheetLoader.active
|
||||||
property var modelData
|
focusable: true
|
||||||
|
|
||||||
sourceComponent: PanelWindow { // Window
|
|
||||||
id: cheatsheetRoot
|
|
||||||
visible: cheatsheetLoader.active
|
|
||||||
focusable: true
|
|
||||||
|
|
||||||
anchors {
|
|
||||||
top: true
|
|
||||||
bottom: true
|
|
||||||
left: true
|
|
||||||
right: true
|
|
||||||
}
|
|
||||||
|
|
||||||
function hide() {
|
|
||||||
cheatsheetLoader.active = false
|
|
||||||
}
|
|
||||||
|
|
||||||
screen: modelData
|
|
||||||
exclusiveZone: 0
|
|
||||||
implicitWidth: cheatsheetBackground.width + Appearance.sizes.elevationMargin * 2
|
|
||||||
implicitHeight: cheatsheetBackground.height + Appearance.sizes.elevationMargin * 2
|
|
||||||
WlrLayershell.namespace: "quickshell:cheatsheet"
|
|
||||||
// Hyprland 0.49: Focus is always exclusive and setting this breaks mouse focus grab
|
|
||||||
// WlrLayershell.keyboardFocus: WlrKeyboardFocus.Exclusive
|
|
||||||
color: "transparent"
|
|
||||||
|
|
||||||
mask: Region {
|
|
||||||
item: cheatsheetBackground
|
|
||||||
}
|
|
||||||
|
|
||||||
HyprlandFocusGrab { // Click outside to close
|
|
||||||
id: grab
|
|
||||||
windows: [ cheatsheetRoot ]
|
|
||||||
active: false
|
|
||||||
onCleared: () => {
|
|
||||||
if (!active) cheatsheetRoot.hide()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Connections {
|
|
||||||
target: cheatsheetRoot
|
|
||||||
function onVisibleChanged() {
|
|
||||||
delayedGrabTimer.start()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Timer {
|
|
||||||
id: delayedGrabTimer
|
|
||||||
interval: ConfigOptions.hacks.arbitraryRaceConditionDelay
|
|
||||||
repeat: false
|
|
||||||
onTriggered: {
|
|
||||||
grab.active = cheatsheetRoot.visible
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Background
|
|
||||||
Rectangle {
|
|
||||||
id: cheatsheetBackground
|
|
||||||
anchors.centerIn: parent
|
|
||||||
color: Appearance.colors.colLayer0
|
|
||||||
radius: Appearance.rounding.windowRounding
|
|
||||||
property real padding: 30
|
|
||||||
implicitWidth: cheatsheetColumnLayout.implicitWidth + padding * 2
|
|
||||||
implicitHeight: cheatsheetColumnLayout.implicitHeight + padding * 2
|
|
||||||
|
|
||||||
Keys.onPressed: (event) => { // Esc to close
|
|
||||||
if (event.key === Qt.Key_Escape) {
|
|
||||||
cheatsheetRoot.hide()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Button { // Close button
|
|
||||||
id: closeButton
|
|
||||||
focus: cheatsheetRoot.visible
|
|
||||||
implicitWidth: 40
|
|
||||||
implicitHeight: 40
|
|
||||||
anchors {
|
|
||||||
top: parent.top
|
|
||||||
right: parent.right
|
|
||||||
topMargin: 20
|
|
||||||
rightMargin: 20
|
|
||||||
}
|
|
||||||
|
|
||||||
PointingHandInteraction {}
|
|
||||||
onClicked: {
|
|
||||||
cheatsheetRoot.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
background: null
|
|
||||||
contentItem: Rectangle {
|
|
||||||
anchors.fill: parent
|
|
||||||
radius: Appearance.rounding.full
|
|
||||||
color: closeButton.pressed ? Appearance.colors.colLayer0Active :
|
|
||||||
closeButton.hovered ? Appearance.colors.colLayer0Hover :
|
|
||||||
Appearance.transparentize(Appearance.colors.colLayer0, 1)
|
|
||||||
|
|
||||||
Behavior on color {
|
|
||||||
ColorAnimation {
|
|
||||||
duration: Appearance.animation.elementMoveFast.duration
|
|
||||||
easing.type: Appearance.animation.elementMoveFast.type
|
|
||||||
easing.bezierCurve: Appearance.animation.elementMoveFast.bezierCurve
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
MaterialSymbol {
|
|
||||||
anchors.centerIn: parent
|
|
||||||
font.pixelSize: Appearance.font.pixelSize.title
|
|
||||||
text: "close"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ColumnLayout { // Real content
|
|
||||||
id: cheatsheetColumnLayout
|
|
||||||
anchors.centerIn: parent
|
|
||||||
spacing: 20
|
|
||||||
|
|
||||||
StyledText {
|
|
||||||
id: cheatsheetTitle
|
|
||||||
Layout.alignment: Qt.AlignHCenter
|
|
||||||
font.family: Appearance.font.family.title
|
|
||||||
font.pixelSize: Appearance.font.pixelSize.title
|
|
||||||
text: qsTr("Cheat sheet")
|
|
||||||
}
|
|
||||||
CheatsheetKeybinds {}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Shadow
|
|
||||||
DropShadow {
|
|
||||||
anchors.fill: cheatsheetBackground
|
|
||||||
horizontalOffset: 0
|
|
||||||
verticalOffset: 2
|
|
||||||
radius: Appearance.sizes.elevationMargin
|
|
||||||
samples: Appearance.sizes.elevationMargin * 2 + 1 // Ideally should be 2 * radius + 1, see qt docs
|
|
||||||
color: Appearance.colors.colShadow
|
|
||||||
source: cheatsheetBackground
|
|
||||||
}
|
|
||||||
|
|
||||||
|
anchors {
|
||||||
|
top: true
|
||||||
|
bottom: true
|
||||||
|
left: true
|
||||||
|
right: true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function hide() {
|
||||||
|
cheatsheetLoader.active = false
|
||||||
|
}
|
||||||
|
exclusiveZone: 0
|
||||||
|
implicitWidth: cheatsheetBackground.width + Appearance.sizes.elevationMargin * 2
|
||||||
|
implicitHeight: cheatsheetBackground.height + Appearance.sizes.elevationMargin * 2
|
||||||
|
WlrLayershell.namespace: "quickshell:cheatsheet"
|
||||||
|
// Hyprland 0.49: Focus is always exclusive and setting this breaks mouse focus grab
|
||||||
|
// WlrLayershell.keyboardFocus: WlrKeyboardFocus.Exclusive
|
||||||
|
color: "transparent"
|
||||||
|
|
||||||
|
mask: Region {
|
||||||
|
item: cheatsheetBackground
|
||||||
|
}
|
||||||
|
|
||||||
|
HyprlandFocusGrab { // Click outside to close
|
||||||
|
id: grab
|
||||||
|
windows: [ cheatsheetRoot ]
|
||||||
|
active: false
|
||||||
|
onCleared: () => {
|
||||||
|
if (!active) cheatsheetRoot.hide()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Connections {
|
||||||
|
target: cheatsheetRoot
|
||||||
|
function onVisibleChanged() {
|
||||||
|
delayedGrabTimer.start()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Timer {
|
||||||
|
id: delayedGrabTimer
|
||||||
|
interval: ConfigOptions.hacks.arbitraryRaceConditionDelay
|
||||||
|
repeat: false
|
||||||
|
onTriggered: {
|
||||||
|
grab.active = cheatsheetRoot.visible
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Background
|
||||||
|
Rectangle {
|
||||||
|
id: cheatsheetBackground
|
||||||
|
anchors.centerIn: parent
|
||||||
|
color: Appearance.colors.colLayer0
|
||||||
|
radius: Appearance.rounding.windowRounding
|
||||||
|
property real padding: 30
|
||||||
|
implicitWidth: cheatsheetColumnLayout.implicitWidth + padding * 2
|
||||||
|
implicitHeight: cheatsheetColumnLayout.implicitHeight + padding * 2
|
||||||
|
|
||||||
|
Keys.onPressed: (event) => { // Esc to close
|
||||||
|
if (event.key === Qt.Key_Escape) {
|
||||||
|
cheatsheetRoot.hide()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Button { // Close button
|
||||||
|
id: closeButton
|
||||||
|
focus: cheatsheetRoot.visible
|
||||||
|
implicitWidth: 40
|
||||||
|
implicitHeight: 40
|
||||||
|
anchors {
|
||||||
|
top: parent.top
|
||||||
|
right: parent.right
|
||||||
|
topMargin: 20
|
||||||
|
rightMargin: 20
|
||||||
|
}
|
||||||
|
|
||||||
|
PointingHandInteraction {}
|
||||||
|
onClicked: {
|
||||||
|
cheatsheetRoot.hide()
|
||||||
|
}
|
||||||
|
|
||||||
|
background: null
|
||||||
|
contentItem: Rectangle {
|
||||||
|
anchors.fill: parent
|
||||||
|
radius: Appearance.rounding.full
|
||||||
|
color: closeButton.pressed ? Appearance.colors.colLayer0Active :
|
||||||
|
closeButton.hovered ? Appearance.colors.colLayer0Hover :
|
||||||
|
Appearance.transparentize(Appearance.colors.colLayer0, 1)
|
||||||
|
|
||||||
|
Behavior on color {
|
||||||
|
ColorAnimation {
|
||||||
|
duration: Appearance.animation.elementMoveFast.duration
|
||||||
|
easing.type: Appearance.animation.elementMoveFast.type
|
||||||
|
easing.bezierCurve: Appearance.animation.elementMoveFast.bezierCurve
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
MaterialSymbol {
|
||||||
|
anchors.centerIn: parent
|
||||||
|
font.pixelSize: Appearance.font.pixelSize.title
|
||||||
|
text: "close"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ColumnLayout { // Real content
|
||||||
|
id: cheatsheetColumnLayout
|
||||||
|
anchors.centerIn: parent
|
||||||
|
spacing: 20
|
||||||
|
|
||||||
|
StyledText {
|
||||||
|
id: cheatsheetTitle
|
||||||
|
Layout.alignment: Qt.AlignHCenter
|
||||||
|
font.family: Appearance.font.family.title
|
||||||
|
font.pixelSize: Appearance.font.pixelSize.title
|
||||||
|
text: qsTr("Cheat sheet")
|
||||||
|
}
|
||||||
|
CheatsheetKeybinds {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Shadow
|
||||||
|
DropShadow {
|
||||||
|
anchors.fill: cheatsheetBackground
|
||||||
|
horizontalOffset: 0
|
||||||
|
verticalOffset: 2
|
||||||
|
radius: Appearance.sizes.elevationMargin
|
||||||
|
samples: Appearance.sizes.elevationMargin * 2 + 1 // Ideally should be 2 * radius + 1, see qt docs
|
||||||
|
color: Appearance.colors.colShadow
|
||||||
|
source: cheatsheetBackground
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -170,24 +162,15 @@ Scope { // Scope
|
|||||||
target: "cheatsheet"
|
target: "cheatsheet"
|
||||||
|
|
||||||
function toggle(): void {
|
function toggle(): void {
|
||||||
for (let i = 0; i < cheatsheetVariants.instances.length; i++) {
|
cheatsheetLoader.active = !cheatsheetLoader.active
|
||||||
const loader = cheatsheetVariants.instances[i];
|
|
||||||
loader.active = !loader.active;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function close(): void {
|
function close(): void {
|
||||||
for (let i = 0; i < cheatsheetVariants.instances.length; i++) {
|
cheatsheetLoader.active = false
|
||||||
const loader = cheatsheetVariants.instances[i];
|
|
||||||
loader.active = false
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function open(): void {
|
function open(): void {
|
||||||
for (let i = 0; i < cheatsheetVariants.instances.length; i++) {
|
cheatsheetLoader.active = true
|
||||||
const loader = cheatsheetVariants.instances[i];
|
|
||||||
loader.active = true;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -196,10 +179,7 @@ Scope { // Scope
|
|||||||
description: "Toggles cheatsheet on press"
|
description: "Toggles cheatsheet on press"
|
||||||
|
|
||||||
onPressed: {
|
onPressed: {
|
||||||
for (let i = 0; i < cheatsheetVariants.instances.length; i++) {
|
cheatsheetLoader.active = !cheatsheetLoader.active;
|
||||||
const loader = cheatsheetVariants.instances[i];
|
|
||||||
loader.active = !loader.active;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -208,10 +188,7 @@ Scope { // Scope
|
|||||||
description: "Opens cheatsheet on press"
|
description: "Opens cheatsheet on press"
|
||||||
|
|
||||||
onPressed: {
|
onPressed: {
|
||||||
for (let i = 0; i < cheatsheetVariants.instances.length; i++) {
|
cheatsheetLoader.active = true;
|
||||||
const loader = cheatsheetVariants.instances[i];
|
|
||||||
loader.active = true;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -220,10 +197,7 @@ Scope { // Scope
|
|||||||
description: "Closes cheatsheet on press"
|
description: "Closes cheatsheet on press"
|
||||||
|
|
||||||
onPressed: {
|
onPressed: {
|
||||||
for (let i = 0; i < cheatsheetVariants.instances.length; i++) {
|
cheatsheetLoader.active = false;
|
||||||
const loader = cheatsheetVariants.instances[i];
|
|
||||||
loader.active = false;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user