110 lines
2.1 KiB
QML
110 lines
2.1 KiB
QML
|
import QtQuick
|
||
|
|
import QtQuick.Layouts
|
||
|
|
import Quickshell
|
||
|
|
import Quickshell.Io
|
||
|
|
import Quickshell.Wayland
|
||
|
|
|
||
|
|
Variants {
|
||
|
|
id: root
|
||
|
|
property color backgroundColor: "#e60c0c0c"
|
||
|
|
property color buttonColor: "#1e1e1e"
|
||
|
|
property color buttonHoverColor: "#3700b3"
|
||
|
|
default property list<LogoutButton> buttons
|
||
|
|
|
||
|
|
model: Quickshell.screens
|
||
|
|
PanelWindow {
|
||
|
|
id: w
|
||
|
|
|
||
|
|
property var modelData
|
||
|
|
screen: modelData
|
||
|
|
|
||
|
|
exclusionMode: ExclusionMode.Ignore
|
||
|
|
WlrLayershell.layer: WlrLayer.Overlay
|
||
|
|
WlrLayershell.keyboardFocus: WlrKeyboardFocus.Exclusive
|
||
|
|
|
||
|
|
color: "transparent"
|
||
|
|
|
||
|
|
contentItem {
|
||
|
|
focus: true
|
||
|
|
Keys.onPressed: event => {
|
||
|
|
if (event.key == Qt.Key_Escape) Qt.quit();
|
||
|
|
else {
|
||
|
|
for (let i = 0; i < buttons.length; i++) {
|
||
|
|
let button = buttons[i];
|
||
|
|
if (event.key == button.keybind) button.exec();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
anchors {
|
||
|
|
top: true
|
||
|
|
left: true
|
||
|
|
bottom: true
|
||
|
|
right: true
|
||
|
|
}
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
color: backgroundColor;
|
||
|
|
anchors.fill: parent
|
||
|
|
|
||
|
|
MouseArea {
|
||
|
|
anchors.fill: parent
|
||
|
|
onClicked: Qt.quit()
|
||
|
|
|
||
|
|
GridLayout {
|
||
|
|
anchors.centerIn: parent
|
||
|
|
|
||
|
|
width: parent.width * 0.75
|
||
|
|
height: parent.height * 0.75
|
||
|
|
|
||
|
|
columns: 3
|
||
|
|
columnSpacing: 0
|
||
|
|
rowSpacing: 0
|
||
|
|
|
||
|
|
Repeater {
|
||
|
|
model: buttons
|
||
|
|
delegate: Rectangle {
|
||
|
|
required property LogoutButton modelData;
|
||
|
|
|
||
|
|
Layout.fillWidth: true
|
||
|
|
Layout.fillHeight: true
|
||
|
|
|
||
|
|
color: ma.containsMouse ? buttonHoverColor : buttonColor
|
||
|
|
border.color: "black"
|
||
|
|
border.width: ma.containsMouse ? 0 : 1
|
||
|
|
|
||
|
|
MouseArea {
|
||
|
|
id: ma
|
||
|
|
anchors.fill: parent
|
||
|
|
hoverEnabled: true
|
||
|
|
onClicked: modelData.exec()
|
||
|
|
}
|
||
|
|
|
||
|
|
Image {
|
||
|
|
id: icon
|
||
|
|
anchors.centerIn: parent
|
||
|
|
source: `icons/${modelData.icon}.png`
|
||
|
|
width: parent.width * 0.25
|
||
|
|
height: parent.width * 0.25
|
||
|
|
}
|
||
|
|
|
||
|
|
Text {
|
||
|
|
anchors {
|
||
|
|
top: icon.bottom
|
||
|
|
topMargin: 20
|
||
|
|
horizontalCenter: parent.horizontalCenter
|
||
|
|
}
|
||
|
|
|
||
|
|
text: modelData.text
|
||
|
|
font.pointSize: 20
|
||
|
|
color: "white"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|