kossLAN/dots
1
0
Fork 0
mirror of https://github.com/kossLAN/dots.git synced 2025-11-05 06:59:50 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

progress save

Browse source
This commit is contained in:
kossLAN 2025-08-10 01:41:30 -04:00
parent fa7d012416
commit d32bedda31
Signed by: kossLAN
SSH key fingerprint: SHA256:bdV0x+wdQHGJ6LgmstH3KV8OpWY+OOFmJcPcB0wQPV8
9 changed files with 293 additions and 249 deletions
Download patch file Download diff file Expand all files Collapse all files

167
shell/bar/Bar.qml
View file

@ -7,91 +7,120 @@ import "systray"
// import qs.widgets
import qs
PanelWindow {
id: root
color: "transparent"
implicitHeight: ShellSettings.sizing.barHeight
property alias popup: popupHandler
Variants {
model: Quickshell.screens
anchors {
top: true
left: true
right: true
}
Rectangle {
delegate: PanelWindow {
id: root
color: ShellSettings.colors.surface_translucent
anchors.fill: parent
}
implicitHeight: ShellSettings.sizing.barHeight
screen: modelData
PopupHandler {
id: popupHandler
bar: root
}
RowLayout {
spacing: 0
required property var modelData
anchors {
fill: parent
leftMargin: 5
rightMargin: 5
top: true
left: true
right: true
}
// Left side of bar
RowLayout {
spacing: 15
Layout.fillWidth: true
Layout.fillHeight: true
Workspaces {
screen: root.screen
Layout.fillHeight: true
}
ActiveWindow {
id: activeWindow
Layout.preferredWidth: 400
}
PopupHandler {
id: popupHandler
bar: root
}
// Right side of bar
RowLayout {
spacing: 10
Layout.fillWidth: true
Layout.fillHeight: true
Layout.alignment: Qt.AlignRight
spacing: 0
SysTray {
id: sysTray
popup: root.popup
// bar: root
Layout.fillHeight: true
anchors {
fill: parent
leftMargin: 5
rightMargin: 5
}
// VolumeIndicator {
// id: volumeIndicator
// popup: root.popup
// Layout.preferredWidth: this.height
// Layout.fillHeight: true
// Layout.topMargin: 2
// Layout.bottomMargin: 2
// }
// Left side of bar
RowLayout {
spacing: 15
Layout.fillWidth: true
Layout.fillHeight: true
// BatteryIndicator {
// id: batteryIndicator
// popup: root.popup
// Layout.fillHeight: true
// }
Workspaces {
screen: root.screen
Layout.fillHeight: true
}
// Widgets.Separator {
// Layout.leftMargin: 5
// Layout.rightMargin: 5
// }
ActiveWindow {
id: activeWindow
Layout.preferredWidth: 400
}
}
Clock {
id: clock
color: ShellSettings.colors.active
// Right side of bar
RowLayout {
spacing: 10
Layout.fillWidth: true
Layout.fillHeight: true
Layout.alignment: Qt.AlignRight
SysTray {
id: sysTray
popup: popupHandler
Layout.fillHeight: true
}
PopupItem {
id: test
Layout.preferredWidth: 20
Layout.fillHeight: true
onClicked: {
popupHandler.set(test);
}
menu: Rectangle {
implicitWidth: 100
implicitHeight: 100
}
}
PopupItem {
id: test2
Layout.preferredWidth: 20
Layout.fillHeight: true
onClicked: {
popupHandler.set(test2);
}
menu: Rectangle {
implicitWidth: 200
implicitHeight: 200
}
}
// VolumeIndicator {
// id: volumeIndicator
// popup: root.popup
// Layout.preferredWidth: this.height
// Layout.fillHeight: true
// Layout.topMargin: 2
// Layout.bottomMargin: 2
// }
// BatteryIndicator {
// id: batteryIndicator
// Layout.fillHeight: true
// }
// Widgets.Separator {
// Layout.leftMargin: 5
// Layout.rightMargin: 5
// }
Clock {
id: clock
color: ShellSettings.colors.active
}
}
}
}

10
shell/bar/Controller.qml
View file

@ -1,10 +0,0 @@
import Quickshell
Variants {
model: Quickshell.screens
Bar {
required property var modelData
screen: modelData
}
}

173
shell/bar/PopupHandler.qml
View file

@ -1,17 +1,19 @@
pragma ComponentBehavior: Bound
import Quickshell
import Quickshell.Hyprland
import Quickshell.Widgets
import Quickshell.Hyprland
import QtQuick
import qs
PopupWindow {
id: root
visible: false
color: "transparent"
implicitWidth: bar.width
implicitHeight: Math.max(popupContainer.height, 800) + 20
implicitHeight: Math.max(1000, bar.height)
mask: Region {
item: popupContainer
item: surface
}
anchor {
@ -23,103 +25,126 @@ PopupWindow {
}
required property var bar
property var isOpen: false
property var padding: 5
property var item
property var content
property var currentMenu
property real padding: 5
function set(item, content) {
root.item = item;
root.content = content;
popupContent.data = content;
function set(item) {
// Clear surface
if (content.children.includes(item.menu)) {
console.log("Clearing popup surface.");
root.currentMenu = undefined;
content.children = [];
// surface.implicitHeight = 0;
surface.opacity = 0;
contentOpacity.restart();
grab.active = false;
return;
}
// Set surface
console.log("Setting popup surface.");
root.visible = true;
root.currentMenu = item.menu
content.children = [item.menu];
// content.implicitWidth = item.menu.implicitWidth;
// content.implicitHeight = item.menu.implicitHeight;
let itemPos = item.mapToItem(root.bar.contentItem, 0, root.bar.height, item.width, 0).x;
position(itemPos);
popupContainer.visible = false;
}
function position(itemPos) {
if (itemPos === undefined)
return;
let rightEdge = itemPos + popupContainer.implicitWidth;
// Check right edge
let rightEdge = itemPos + surface.implicitWidth;
let maxRightEdge = root.width - padding;
let isTouchingRightEdge = rightEdge > maxRightEdge;
if (isTouchingRightEdge) {
// touching right edge, reposition
// console.log("touching right edge");
popupContainer.x = maxRightEdge - popupContainer.implicitWidth;
popupContainer.y = padding;
surface.x = maxRightEdge - surface.implicitWidth;
surface.y = padding;
} else {
// not touching right edge
popupContainer.x = itemPos;
popupContainer.y = padding;
surface.x = itemPos;
surface.y = padding;
}
}
function show() {
surface.opacity = 1;
contentOpacity.restart();
grab.active = true;
isOpen = true;
root.visible = true; // set and leave open
root.content.visible = true;
popupContainer.visible = true;
}
function hide() {
grab.active = false;
isOpen = false;
popupContainer.visible = false;
root.item = undefined;
root.content = undefined;
popupContent.data = [];
}
function toggle() {
if (isOpen) {
hide();
} else {
show();
HyprlandFocusGrab {
id: grab
windows: [root, root.bar]
onCleared: {
surface.opacity = 0;
contentOpacity.restart();
root.currentMenu = undefined;
content.children = [];
}
}
Rectangle {
WrapperRectangle {
id: surface
opacity: 0
visible: opacity > 0
color: ShellSettings.colors.surface_translucent
opacity: 0.15
radius: 12
anchors.fill: popupContainer
border.color: ShellSettings.colors.active
}
WrapperItem {
id: popupContainer
margin: 8
clip: true
x: root.bar.width
onVisibleChanged: root.visible = visible
margin: 5
radius: 12
// needed to handle occurences where items are resized while open
onImplicitWidthChanged: {
if (root.isOpen && popupContent.data !== []) {
// console.log("repositioning popup");
let itemPos = root.item.mapToItem(root.bar.contentItem, 0, root.bar.height, root.item.width, 0).x;
root.position(itemPos);
border {
width: 1
color: ShellSettings.colors.active_translucent
}
// Animating implicit widht/height causes issues, this works but
// is kind of cursed, but fuck it. Better solutions welcome.
width: implicitWidth
height: implicitHeight
Item {
id: content
implicitWidth: Math.max(root.currentMenu?.width, 60)
implicitHeight: root.currentMenu?.height ?? 0
NumberAnimation {
id: contentOpacity
target: content
property: "opacity"
from: 0
to: 1
duration: 300
easing.type: Easing.InOutQuad
}
}
Item {
id: popupContent
implicitWidth: Math.max(root.content?.width, 60)
implicitHeight: Math.max(childrenRect.height, 60)
Behavior on opacity {
NumberAnimation {
duration: 250
easing.type: Easing.InOutQuad
}
}
HyprlandFocusGrab {
id: grab
windows: [root, root.bar]
onCleared: {
root.hide();
Behavior on width {
enabled: root.visible
SmoothedAnimation {
duration: 250
easing.type: Easing.InOutQuad
}
}
Behavior on height {
SmoothedAnimation {
duration: 250
easing.type: Easing.InOutQuad
}
}
Behavior on x {
enabled: root.visible
SmoothedAnimation {
duration: 250
easing.type: Easing.InOutQuad
}
}
}

8
shell/bar/PopupItem.qml Normal file
View file

@ -0,0 +1,8 @@
import QtQuick
import qs.widgets
StyledMouseArea {
id: root
property QtObject menu
}

1
shell/bar/power/BatteryIndicator.qml
View file

@ -26,7 +26,6 @@ Item {
}
root.popup.set(this, powerMenu);
root.popup.show();
}
anchors {

84
shell/bar/systray/SysTray.qml
View file

@ -2,95 +2,27 @@ pragma ComponentBehavior: Bound
import QtQuick
import QtQuick.Layouts
import Quickshell
import Quickshell.Widgets
import Quickshell.Services.SystemTray
import qs.widgets
import ".."
RowLayout {
id: root
spacing: 5
visible: SystemTray.items.values.length > 0
required property var popup
required property PopupHandler popup
Repeater {
id: repeater
model: SystemTray.items
delegate: Item {
id: trayField
delegate: TrayMenuLauncher {
id: trayItem
required property SystemTrayItem modelData
trayItem: modelData
popup: root.popup
Layout.preferredWidth: parent.height
Layout.fillHeight: true
required property SystemTrayItem modelData
StyledMouseArea {
id: trayButton
hoverEnabled: true
onClicked: {
menuOpener.menu = trayField.modelData.menu;
if (root.popup.content == trayMenu) {
root.popup.hide();
return;
}
root.popup.set(this, trayMenu);
root.popup.show();
}
anchors {
fill: parent
margins: 2
}
IconImage {
id: trayIcon
anchors.fill: parent
source: {
// console.log(trayField.modelData.id);
switch (trayField.modelData.id) {
case "obs":
return "image://icon/obs-tray";
default:
return trayField.modelData.icon;
}
}
}
}
QsMenuOpener {
id: menuOpener
}
WrapperItem {
id: trayMenu
visible: false
property var leftItem: false
property var rightItem: false
ColumnLayout {
id: menuContainer
spacing: 2
Repeater {
model: menuOpener.children
delegate: TrayMenuItem {
id: sysTrayContent
Layout.fillWidth: true
Layout.fillHeight: true
rootMenu: trayMenu
onInteracted: {
root.popup.hide();
menuOpener.menu = null;
}
}
}
}
}
}
}
}

62
shell/bar/systray/TrayMenuLauncher.qml Normal file
View file

@ -0,0 +1,62 @@
pragma ComponentBehavior: Bound
import QtQuick
import QtQuick.Layouts
import Quickshell
import Quickshell.Widgets
import Quickshell.Services.SystemTray
import ".."
PopupItem {
id: root
onClicked: {
menuOpener.menu = trayItem.menu;
popup.set(menu);
}
required property PopupHandler popup
required property SystemTrayItem trayItem
menu: ColumnLayout {
id: trayMenu
spacing: 2
// visible: false
property var leftItem: false
property var rightItem: false
Repeater {
model: menuOpener.children
delegate: TrayMenuItem {
id: sysTrayContent
Layout.fillWidth: true
Layout.fillHeight: true
rootMenu: trayMenu
onInteracted: {
menuOpener.menu = null;
}
}
}
}
QsMenuOpener {
id: menuOpener
}
IconImage {
id: trayIcon
anchors.fill: parent
source: {
// console.log(trayField.modelData.id);
switch (root.trayItem.id) {
case "obs":
return "image://icon/obs-tray";
default:
return root.trayItem.icon;
}
}
}
}