89 lines
2.4 KiB
JavaScript
89 lines
2.4 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, Window } from 'resource:///com/github/Aylur/ags/widget.js';
|
|
|
|
|
|
/** @param {import('types/variable.js').Variable} variable */
|
|
const BarCloser = (variable) => Window({
|
|
name: 'bar-closer',
|
|
visible: false,
|
|
anchor: ['top', 'bottom', 'left', 'right'],
|
|
layer: 'overlay',
|
|
|
|
child: EventBox({
|
|
on_hover: (self) => {
|
|
variable.value = false;
|
|
const parent = self.get_parent();
|
|
|
|
if (parent) {
|
|
parent.visible = false;
|
|
}
|
|
},
|
|
|
|
child: Box({
|
|
css: 'padding: 1px',
|
|
}),
|
|
}),
|
|
});
|
|
|
|
/** @param {import('types/widgets/revealer').RevealerProps} props */
|
|
export default (props) => {
|
|
const Revealed = Variable(true);
|
|
const barCloser = BarCloser(Revealed);
|
|
|
|
return Box({
|
|
css: 'min-height: 1px',
|
|
hexpand: true,
|
|
vertical: true,
|
|
|
|
setup: (self) => {
|
|
const checkCurrentWsFsState = () => {
|
|
const workspace = Hyprland.getWorkspace(
|
|
Hyprland.active.workspace.id,
|
|
);
|
|
|
|
if (workspace) {
|
|
Revealed.value = !workspace['hasfullscreen'];
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @param {import('types/widgets/box').default} _
|
|
* @param {boolean} fullscreen
|
|
*/
|
|
const checkGlobalFsState = (_, fullscreen) => {
|
|
Revealed.value = !fullscreen;
|
|
};
|
|
|
|
self
|
|
.hook(Hyprland.active, checkCurrentWsFsState)
|
|
.hook(Hyprland, checkGlobalFsState, 'fullscreen');
|
|
},
|
|
|
|
children: [
|
|
Revealer({
|
|
...props,
|
|
transition: 'slide_down',
|
|
reveal_child: true,
|
|
|
|
}).bind('reveal_child', Revealed),
|
|
|
|
Revealer({
|
|
reveal_child: Revealed.bind()
|
|
.transform((v) => !v),
|
|
|
|
child: EventBox({
|
|
on_hover: () => {
|
|
barCloser.visible = true;
|
|
Revealed.value = true;
|
|
},
|
|
|
|
child: Box({
|
|
css: 'min-height: 5px;',
|
|
}),
|
|
}),
|
|
}),
|
|
],
|
|
});
|
|
};
|