84 lines
2.5 KiB
JavaScript
84 lines
2.5 KiB
JavaScript
import App from 'resource:///com/github/Aylur/ags/app.js';
|
|
import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
|
|
import { Box, Overlay } from 'resource:///com/github/Aylur/ags/widget.js';
|
|
|
|
import PopupWindow from '../misc/popup.js';
|
|
import { WorkspaceRow, getWorkspaces, updateWorkspaces } from './workspaces.js';
|
|
import { Highlighter, updateCurrentWorkspace } from './current-workspace.js';
|
|
import { updateClients } from './clients.js';
|
|
|
|
|
|
function update(box, highlight) {
|
|
getWorkspaces(box);
|
|
updateWorkspaces(box);
|
|
updateClients(box);
|
|
updateCurrentWorkspace(box, highlight);
|
|
}
|
|
|
|
// TODO: have a 'page' for each monitor, arrows on both sides to loop through
|
|
export default () => {
|
|
const highlighter = Highlighter();
|
|
|
|
const mainBox = Box({
|
|
// do this for scss hierarchy
|
|
className: 'overview',
|
|
css: 'all: unset',
|
|
|
|
vertical: true,
|
|
vpack: 'center',
|
|
hpack: 'center',
|
|
children: [
|
|
Box({
|
|
vertical: true,
|
|
children: [
|
|
WorkspaceRow('normal', 0),
|
|
],
|
|
}),
|
|
Box({
|
|
vertical: true,
|
|
children: [
|
|
WorkspaceRow('special', 0),
|
|
],
|
|
}),
|
|
],
|
|
connections: [[Hyprland, self => {
|
|
if (!App.getWindow('overview').visible)
|
|
return;
|
|
|
|
update(self, highlighter);
|
|
}]],
|
|
properties: [
|
|
['workspaces'],
|
|
],
|
|
});
|
|
|
|
const window = PopupWindow({
|
|
name: 'overview',
|
|
closeOnUnfocus: 'none',
|
|
onOpen: () => update(mainBox, highlighter),
|
|
|
|
child: Overlay({
|
|
overlays: [highlighter, mainBox],
|
|
|
|
child: Box({
|
|
className: 'overview',
|
|
css: `
|
|
min-height: ${mainBox.get_allocated_height()}px;
|
|
min-width: ${mainBox.get_allocated_width()}px;
|
|
`,
|
|
}),
|
|
// TODO: throttle his?
|
|
connections: [['get-child-position', (self, ch) => {
|
|
if (ch === mainBox) {
|
|
self.child.setCss(`
|
|
transition: min-height 0.2s ease, min-width 0.2s ease;
|
|
min-height: ${mainBox.get_allocated_height()}px;
|
|
min-width: ${mainBox.get_allocated_width()}px;
|
|
`);
|
|
}
|
|
}]],
|
|
}),
|
|
|
|
});
|
|
return window;
|
|
};
|