70 lines
1.9 KiB
JavaScript
70 lines
1.9 KiB
JavaScript
import { Hyprland, Utils, Widget } from '../../imports.js';
|
|
const { Box, Label, Revealer } = Widget;
|
|
const { execAsync } = Utils;
|
|
|
|
import { EventBox } from '../misc/cursorbox.js';
|
|
|
|
|
|
const Workspace = ({ i } = {}) =>
|
|
Revealer({
|
|
transition: "slide_right",
|
|
properties: [
|
|
['id', i],
|
|
],
|
|
child: EventBox({
|
|
tooltipText: `${i}`,
|
|
onPrimaryClickRelease: () => execAsync(`hyprctl dispatch workspace ${i}`).catch(print),
|
|
child: Box({
|
|
className: 'button',
|
|
connections: [
|
|
[Hyprland, btn => {
|
|
const occupied = Hyprland.getWorkspace(i)?.windows > 0;
|
|
btn.toggleClassName('active', Hyprland.active.workspace.id === i);
|
|
btn.toggleClassName('occupied', occupied);
|
|
btn.toggleClassName('empty', !occupied);
|
|
}]
|
|
],
|
|
}),
|
|
}),
|
|
});
|
|
|
|
export const Workspaces = Box({
|
|
className: 'workspaces',
|
|
children: [EventBox({
|
|
child: Box({
|
|
properties: [
|
|
['workspaces'],
|
|
|
|
['refresh', box => {
|
|
box.children.forEach(rev => rev.reveal_child = false);
|
|
box._workspaces.forEach(ws => {
|
|
ws.revealChild = true;
|
|
});
|
|
}],
|
|
|
|
['updateWs', box => {
|
|
Hyprland.workspaces.forEach(ws => {
|
|
let currentWs = box.children.find(ch => ch._id == ws.id);
|
|
if (!currentWs && ws.id > 0) {
|
|
box.add(Workspace({ i: ws.id}));
|
|
}
|
|
});
|
|
box.show_all();
|
|
|
|
// Make sure the order is correct
|
|
box._workspaces.forEach((workspace, i) => {
|
|
workspace.get_parent().reorder_child(workspace, i);
|
|
});
|
|
}],
|
|
],
|
|
connections: [[Hyprland, box => {
|
|
box._workspaces = box.children.filter(ch => {
|
|
return Hyprland.workspaces.find(ws => ws.id == ch._id)
|
|
}).sort((a, b) => a._id - b._id);
|
|
|
|
box._updateWs(box);
|
|
box._refresh(box);
|
|
}]],
|
|
}),
|
|
})],
|
|
});
|