83 lines
2.7 KiB
JavaScript
83 lines
2.7 KiB
JavaScript
import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
|
|
import Variable from 'resource:///com/github/Aylur/ags/variable.js';
|
|
|
|
import { Box, EventBox, Revealer } from 'resource:///com/github/Aylur/ags/widget.js';
|
|
import { timeout } from 'resource:///com/github/Aylur/ags/utils.js';
|
|
|
|
const Revealed = Variable(true);
|
|
const Hovering = Variable(false);
|
|
|
|
|
|
Hyprland.connect('changed', () => {
|
|
const workspace = Hyprland.getWorkspace(Hyprland.active.workspace.id);
|
|
Revealed.value = workspace?.hasfullscreen;
|
|
});
|
|
Hyprland.connect('fullscreen', (_, fullscreen) => Revealed.value = fullscreen);
|
|
|
|
export default props => Box({
|
|
css: 'min-height: 1px',
|
|
hexpand: true,
|
|
vertical: true,
|
|
children: [
|
|
Revealer({
|
|
transition: 'slide_down',
|
|
revealChild: true,
|
|
|
|
properties: [['timeouts', []]],
|
|
connections: [[Revealed, self => {
|
|
if (Revealed.value) {
|
|
timeout(2000, () => {
|
|
if (Revealed.value)
|
|
self.revealChild = false;
|
|
});
|
|
}
|
|
else {
|
|
self.revealChild = true;
|
|
}
|
|
}]],
|
|
|
|
child: EventBox({
|
|
onHover: () => Hovering.value = true,
|
|
onHoverLost: self => {
|
|
Hovering.value = false;
|
|
if (Revealed.value) {
|
|
timeout(2000, () => {
|
|
if (!Hovering.value) {
|
|
// Replace bar with transparent eventbox
|
|
self.get_parent().get_parent().children[1].revealChild = true;
|
|
self.get_parent().revealChild = false;
|
|
}
|
|
});
|
|
}
|
|
},
|
|
...props,
|
|
}),
|
|
}),
|
|
|
|
Revealer({
|
|
connections: [[Revealed, self => {
|
|
if (Revealed.value) {
|
|
timeout(2000, () => {
|
|
if (Revealed.value)
|
|
self.revealChild = true;
|
|
});
|
|
}
|
|
else {
|
|
self.revealChild = false;
|
|
}
|
|
}]],
|
|
child: EventBox({
|
|
onHover: self => {
|
|
Hovering.value = true;
|
|
|
|
// Replace eventbox with bar
|
|
self.get_parent().get_parent().children[0].revealChild = true;
|
|
self.get_parent().revealChild = false;
|
|
},
|
|
child: Box({
|
|
css: 'min-height: 5px;',
|
|
}),
|
|
}),
|
|
}),
|
|
],
|
|
});
|