nixos-configs/hosts/wim/config/ags/js/bar/fullscreen.js

96 lines
2.5 KiB
JavaScript
Raw Normal View History

2023-10-07 20:41:24 -04:00
import { Widget, Hyprland, Utils, Variable } from '../../imports.js';
2023-10-16 13:55:31 -04:00
const { Box, EventBox, Overlay } = Widget;
2023-10-07 20:41:24 -04:00
const Revealed = Variable(true);
const Hovering = Variable(false);
import { Gesture } from './gesture.js';
2023-10-16 13:55:31 -04:00
import { RoundedCorner } from '../screen-corners.js';
2023-10-07 20:41:24 -04:00
2023-10-16 13:55:31 -04:00
export const Revealer = params => Overlay({
overlays: [
RoundedCorner('topleft', {
className: 'corner',
}),
2023-10-07 20:41:24 -04:00
2023-10-16 13:55:31 -04:00
RoundedCorner('topright', {
className: 'corner',
}),
],
child: Box({
style: 'min-height: 1px',
hexpand: true,
vertical: true,
children: [
Widget.Revealer({
transition: 'slide_down',
setup: self => self.revealChild = true,
properties: [
['timeouts', []],
],
connections: [[Hyprland, self => {
Utils.execAsync('hyprctl activewindow -j')
.then(result => {
let client = JSON.parse(result);
if (client.fullscreen !== Revealed.value) {
Revealed.value = client.fullscreen;
if (Revealed.value) {
setTimeout(() => {
if (Revealed.value)
self.revealChild = false
}, 2000);
}
else {
self.revealChild = true;
}
}
2023-10-16 13:55:31 -04:00
}).catch(print);
}]],
child: Gesture({
onHover: () => Hovering.value = true,
onHoverLost: self => {
Hovering.value = false;
if (Revealed.value) {
setTimeout(() => {
if (!Hovering.value) {
self.get_parent().get_parent().children[1].revealChild = true;
self.get_parent().revealChild = false;
}
}, 2000);
2023-10-07 20:41:24 -04:00
}
2023-10-16 13:55:31 -04:00
},
...params,
}),
}),
2023-10-07 20:41:24 -04:00
2023-10-16 13:55:31 -04:00
Widget.Revealer({
connections: [[Revealed, self => {
2023-10-07 20:41:24 -04:00
if (Revealed.value) {
setTimeout(() => {
2023-10-16 13:55:31 -04:00
if (Revealed.value)
self.revealChild = true;
2023-10-07 20:41:24 -04:00
}, 2000);
}
2023-10-16 13:55:31 -04:00
else {
self.revealChild = false;
}
}]],
child: EventBox({
onHover: self => {
Hovering.value = true;
self.get_parent().get_parent().children[0].revealChild = true;
self.get_parent().revealChild = false;
},
child: Box({
style: 'min-height: 50px;',
}),
2023-10-07 20:41:24 -04:00
}),
}),
2023-10-16 13:55:31 -04:00
],
}),
2023-10-07 20:41:24 -04:00
});